Så här har jag gjort min hemsida
Res och dyk startade som Hans Spicar Online i maj 2000. Den ursprungliga anledningen till att göra hemsidan var att
helt enkelt för att lära mig hur man gör.
Vad skulle jag då kunna skriva om som har ett allmänt
intresse? Dykning och resor borde vara intressant för
många att läsa om. En del material fanns redan färdigt
genom att jag skrivit artiklar om dykning i Spiggen Nytt som var Storspiggens Sportdykarklubbs medlemstidning.
Dessutom skrev jag under utbildningen till sjuksköterska en
stor mängd kompendier baserade på föreläsningar,
praktik och böcker. Och vackra fotografier fanns också redan
på lager.
Att skriva HTML-kod kändes till en början som rena "grekiskan"
och det verkade väldigt svårt att göra en sida.
Så jag började med att läsa några avsnitt
av InternetWorlds Webbskola. På bokrean köpte
jag en liten hög böcker om hemsidor och i Annika
Tigers HTML-guide hittade jag massor av kunskaper och tips.
I Netscape Communicator fanns
programmet Composer och det började jag med. Nu dök
det dock upp problem. Programmet accepterade inte alltid de manuella
ändringar jag gjorde i koden trots att de var korrekta. Jag
började istället använda Adobe
PageMill 3 som följde med scannern jag köpt.
Nu gick det bättre.
Nästa problem var att sidorna blev väldigt olika beroende
på vilken typ av dator och vilken webbläsare de visades
i. Text och bilder kunde hamna lite var som helst. Jag använder
Macintosh och upptäckte snart att texten på mina sidor
blev löjligt stor när sidan visades på PC med Windows.
Anledningen till skillnaden är att operativsystemen för
text (dock ej bilder) utgår från att bildskärmen
har en viss upplösning. För MacOS och UNIX gäller
72 dpi (punkter per tum) och för Windows 96 dpi. Problemet
förklaras ingående på den här sida.
Lösningen på dessa problem blev att lägga upp
hela sidan i nästlade tabeller (tabeller i tabeller) och
att använda
stilmallar (cascading style sheets) för att styra textens
utformning. Genom att i stilmallen ange textens storlek i pixlar
istället
för punkter blev texten lika stor på både Mac
och PC och proportionen mellan text och bild stämmer. Bakgrundsfärgen var ljusgul för
att texten skulle vara lättare att läsa. Här en skärmdump på sidans första version (166K).
Res och dyk är utformat för att fungera hos de flesta. De första två versionerna var bara 630 pixlar breda för att fungera även på en 15 tums bildskärm. Jag har
använt webbsäkra färger men bilderna är
i 24-bitars färg och komprimerade
för minsta storlek med god kvalitet. Sidorna går
också att skriva ut på A4-papper utan att något
av innehållet hamnar fel. Använder du Mac OS 9 så måste
utskriftsstorleken ställas på 80% (Nescape) eller "anpassa
sidstorlek" (Explorer) för att det ska fungerar.
Hösten 2001 gick jag över till att använda Macromedia
Dreamweaver. Programmet är tyvärr lite dyrt men det är
också den enda nackdelen. Enkla saker går snabbt att
göra och man behöver inte bli expert för att göra
avancerade funktioner. Programmet ger en mycket "ren"
kod. En annan fördel är att det följer med en tjock
handbok samt att det finns omfattande hjälp i programmet och
på webben. Dessutom är finns Dreamweaver på svenska
för både Mac och PC. Du kan ladda ned programmet och
prova gratis i en månad från Macromedia.
Sommaren 2002 registrerade jag domänen resochdyk.nu och hyr
plats på ett webbhotell. Textfälten fick
rundade kanter med skugga. Version två av sidan såg ut så här (120K). Kanterna
var skapade genom att bilder lagts in i tabellceller som omger
texten. Bakgrundsfärgen var ljusgrå för
att göra texten lättläst och framhäva
bilderna utan att påverka hur färgerna uppfattas. Jag har började
använda
mallar och biblioteksposter i Dreamweaver för att kunna uppdatera
alla sidor från
några få
filer. Fotogalleriet ligger på mitt hemsideutrymme hos Apple
och länkas in med hjälp av ramar (frames). För fotogalleriet
använder
jag Apples iPhoto som
gör
det mycket enkelt att lägga upp snygga fotogallerier på
internet.
Sedan januari 2005 har sidan en ny 770 pixlar bred utformning. Syfter med förändringen var främst att ge plats för reklam och att bryta upp den något inramade utformningen. Nu är loggan och navigationslisten separerad från resten av utformningen. Det är nu ännu enklare att förändra utformingen på enskilda sidor. Bakgrunden har blivit vit och huvudtypsnittet är nu Georgia i storlek 12 och 14 pixlar. Bildtexterna är fortfarande Verdana i 10 pixlar. För att kontrasten mellan text och bakgrund inte ska bli för stor är texten mörkt grå. Om det blir några reklamintäkter får framtiden visa. Det skulle dock behövas för det är inte gratis att ha en hemsida...
För att hålla reda på hur mina besökare hittar mig använder jag mig av gratistjänsten Extreme Tracking.
Hösten 2006 bytte jag jobb och med en arbetsdag med dator och tre telefoner framför sig så fanns det varken tid eller ork att driva hemsidan speciellt aktivt. Fotogallerierna ligger i publiceringstjänsten Galleries som ingår i Apples MobileMe. Tjänsten övergår i iCloud den sista juni 2o12. Återstår att se hur jag publicerar bilder i framtiden.
I juni 2012 har jag påbörjat en försiktig uppdatering av sidan. Fotogalleriet ligger nu på Flickr. Jag varken reser eller dyker speciellt mycket längre och jobbet är till stor del framför dator. Har en del material liggande som kanske intresserar någon. Återstår att se om tiden räcker till.
Mars 2013 med alla sociala medier och Youtube så känns det inte så motiverat att ha en hemsida längre. Den får ligga kvar framför allt pga artiklarna om UV-foto och om vård. Det roar mig lite att konstatera att jag både bloggat och lagt ut videomaterial långt innan det fanns några tjänster eller namn för det...
|