Designvalg

Dette temaet er kanskje ikke den fiskeinteressertes definisjon på underholdning. Jeg vil likevel dele de tanker jeg gjorde under prosessen.

Farger og stil

Jeg har valgt en lys blå farge siden nettstedet omhandler dyr som lever i vann. Når man tenker på vann tenker man som regel blått. Fargene skulle passe til hverandre og være behagelige for øynene. Samtidig ville jeg ha en kontrast mellom de ulike elementene; banner, meny, tekstområde og footer (bunn). Sidene inneholder mye tekst, så en god kontrast mellom tekst og bakgrunn var nødvendig for å gjøre det så lettlest som mulig. Jeg ville også beholde standard format: mørk bakgrunn på lys tekst.

Jeg har også valgt et standart oppsett, med menyen på venstre side og hovedteksten på høyre side. Det hele er midtstilt, da jeg syns det er penest.

Kode

Jeg valgte å lage sideoppsettet i CSS. Tabeller er "ut", de skal brukes til tabulær data (slik som fiskelisten min i akvarie-delen). De krever mer båndbredde når man laster siden ned, samnt tabellkoden er utrolig lite oversiktlig. Om man ikke definerer vidde og liknende i CSS er det et makkverk å oppdatere ved bytte av layout. Alle stiler er definert i CSS. Og all CSS ligger selvsagt i et eksternt stilark. Jeg har også valgt å kode i XHTM, dette for å bli flinkere til å kode riktig. HTML loose tillater mye latskap og slurv.

Meny

Menyen ligger i et eksternt html-fil for enkel oppdatering. Den eksterne filen hentes inn med et php-script (php include). Jeg har valgt å ha hele menyen synlig på alle undersidene, da nettstedet er såpass lite at brukeren ikke mister oversikten.

Bilder

Alle bildene er tatt av meg. De er ikke manipulert, dog kontrasten er skrudd opp på enkelte, samt uklarheter og grums er fjernet på enkelte bilder.

Kontaktskjema

Selve skjemaet består av html-kode, mens håndteringen gjøres i php. Koden er relativt enkel, der meldingen sendes til en fastsatt adresse. Det kjøres først en test på om alle feltene er fylt ut.

Feil og mangler

Hver side har en link til valideringstjenesten til w3.org. Nederst på hver side er det en link til valideringen. Klikk på den og w3 kjører en validering på siden du er inne på. Alle sidene er valid XHTML 1.0 Transitional. Nettsiden er testet i Internet Explorer og Firefox. Jeg skal for sikkerhets skyld teste den i Opera, dog nettleseren følger standardene slik som Firefox - som regel er det IE som er problemet. Jeg kommer ikke til å teste den i Yahoos, MSNs eller AIMs browsere.

Ta kontakt om du har spørsmål.