Jag började bygga upp sidan i PSPad, där jag skrev grunderna. Jag gjorde Index-sidan, med layouten så som jag ville ha den. Den blev ganska lik den sidan jag gjorde en mockup på. Jag använde mig av samma vita bakgrund, med träd på sidorna. Dock har jag gjort lite småändringar med mellanrum och linjer. Jag tycker att den här bilden är lite rörig, vilket är en skillnad från webbsidan eftersom jag där har mer vitt mellan grenarna på sidan och bilderna. Dessutom har jag bara gjort sex bildmappar.
Jag tycker att målgruppen för sidan passar designen eftersom den är enkel och vuxen, och samtidigt lite konstnärlig vilket passar en fotograferande besökare. Man kanske kan tycka att rubriken känns lite feminin eftersom det är skrivstil, men jag tycker att det passade bra på sidan eftersom man får en mer personlig känsla av att det just är Fotograf Dan Wiklund som visar upp bilderna. Det ser då ut som en signatur. Jag tror att min persona Lars tycker att det är bra att det ser ljust och positivt ut. Dessutom passar bilderna i mapparna Lars eftersom han är en nyfiken människa som gillar att resa och upptäcka nya platser. Olika svårigheter jag har haft under arbetets gång:
En sak som jag i början var lite osäker på hur jag skulle få till rätt var att sätta mapp-bilderna på rätt ställe. Jag fick hjälp av boken Kom igång med CSS med detta. Jag satte bilderna då i ”div-boxar”. För att man lätt ska kunna hitta så gjorde jag både bilden och texten under till länkar.
Ett annat litet problem som kom upp var att jag inte kom på hur jag skulle få till bakgrunden på rätt sätt. Jag ville att sidmönstren skulle sitta lagom långt ifrån varandra och att bakgrunden skulle sätta sig mitt på ”skärmen”. Jag funderade hur brett jag hade satt bildmapparna och bilderna i mapparna och tog därför och mätte för att få lite större mellanrum mellan sidmönstren (jag skapade bakgrunden i Photoshop). Det blev bra och sedan var det svåra att få in bakgrunden så att den satt i mitten. Det var inte svårt egentligen och det visste jag, men jag lyckades inte få till det till en början. Det var ju bara att skriva så här: background-image:url(images/d.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position:center;. Väldigt lätt när det väl blir rätt.
Sedan skulle jag också få in bild-boxarna i mitten av bakgrunden. Jag frågade jag på forumet och sedan förstod jag hur jag skulle göra. Jag skrev så här:
div.allt1 { border: 0; margin: 0 auto; width: 740px; }
div.allt { border: 0; margin: 0 auto; width: 800px; }
Andra problem som jag har haft har varit att vissa å, ä eller ö inte har synts, utan att det har blivit någon konstig ”krumelutt” i stället. Det konstiga var att vissa av å,ä,ö såg bra ut medans andra inte gjorde det. Jag testade att ändra formatet från UTF-8 till ISO 8859-2. Då blev det mycket bättre, fast fortfarande fanns det på något ställe ett å, ä, ö som inte visades. Jag funderade om det var för att det inte var inställt på svenska, men det står i html-dokumentens html-kod: lang="sv-se", vilket jag tror betyder att det är svensk språkinställning. Jag testade att byta till olika format och upptäckte när jag valde UTF-16BE att det då såg bra ut och blev rätt.
När man ska titta på bilderna kommer de upp så att man får titta på dem i thickbox. Jag lärde mig hur man använder thickbox under kursen och tyckte att det var fint, därför bestämde jag mig för att ha det på min webbsida. Den lilla bilden man trycker på kommer upp och visar sig i större format. Jag tycker att det som är negativt med thickbox är att de olika bilderna är olika roterade, dvs vissa är horisontella och andra lodräta. Detta gör att man inte snabbt kan klicka sig fram mellan de stora bilderna, eftersom ”next-knappen” flyttar sig. Men jag har funderat på detta och kommit fram till att jag ändå vill använda mig av thickbox. Detta för att jag tycker att det ser snyggt ut när just en bild kommer fram och får fokus. Dessutom är det meningen att man inte ska bläddra förbi bilderna för snabbt utan att titta på dem. Eftersom det inte är många bilder i en och samma mapp behöver man inte heller tappa tålamodet.
När jag hade gjort klart min sida till stor del kontrollerade jag så att den validerade XHTML. Detta gjorde jag på sidan: http://validator.w3.org/. Till en början fanns det en del fel som jag fick rätta och det kändes till en början lite krångligt, eftersom jag inte riktigt fattade vad de menade var fel. Men jag testade och ändrade och sedan validerade det som XHTML.
Jag tycker att webbsidan passar till mitt syfte och hur jag tänkte att den skulle vara, fungera och se ut.