Denne innlevering skal dere gjennomføre i form av en Scrum Sprint som dere har lært om i Prosjektdelen. Innleveringen skjer samtidig med innlevering i Prosjektdelen, og skal sees i sammenheng med den, selv om det tekniske og selve nettstedet omhandles og leveres separat her.
All layout/design av hele nettstedet skal gjøres i en enkel CSS fil. Alle HTML-sidene skal benytte denne CSS-filen, og hensikten er at alle sidene skal ende opp med en helhetlig stil. CSS filen skal derfor inneholde et sett med stiler som skal være gyldige for alle sidene, IKKE ett sett med stiler som brukes på side A, et annet sett med stiler til bruk på side B og så videre. Det er helt naturlig at noen stiler bare vil bli brukt på en eller to av sidene, men hoved-designet skal være gjennomgående.
I denne CSS-filen forventes det at dere har med følgende:
-
Bakgrunnsfarger og/eller bakgrunnsbilder
-
Rammer, marger og padding
-
Skriftstørrelser, skriftfarge og skrifttyper
-
Bruk av både type (tagger), klasse (class).
-
Bruk av ulike lister, tabeller etc.
-
Bruk av avansert posisjonering fra forelesningen
De eksisterende sidene skal oppdateres til å bruke stilarket nevnt ovenfor, og re-designes slik at de faktisk bruker disse stilene. Når dere er ferdig skal alle sidene ha et helhetlig utseende. Hovedsiden deres skal ha en meny med lenker som går til de aktuelle undersider, og alle sider skal minimum ha en lenke man kan klikke på som tar en tilbake til hovedsiden.
Bruk <div>
til å organisere de forskjellige strukturelle elementene på sidene deres.
-
All HTML skal være korrekt og validere på http://validator.w3.org/. Det skal ikke være noen feil eller advarsler ved valideringen av noen type, med unntak om advarselen om at «html5 conformance checker» er eksperimentell som alltid dukker opp når vi sjekker en HTML5
-
All CSS skal være korrekt og validere på http://jigsaw.w3.org/css-validator/. Det skal ikke være noen advarsler eller feilmeldinger
-
Dere skal legge ved hele nettstedet deres som en zip-fil ved innleveringen, evt. korrekt lenke til github om dere benytter det. (dette av dokumentasjons hensyn
I denne oppgaven skal dere etablere strukturen for nettsted i prosjektoppgaven «Nettsted for lading av el-båt» bestående av flere html-sider.
-
Pent satt opp landingsside/velkomstside hvor tjenesten kort presenteres. Her kan dere gjerne kombinere både tekst og bilder. Det skal fra denne siden vha. lenker være mulig å navigere til de øvrige sidene / delene av nettstedet.
-
En navigasjonsside / navigasjonsområde hvor brukeren kan navigere frem til beskrivelse av et ladepunkt ved å velge fylke, kommune, by/sted fra lister. Dere bør forenkle oppgaven ved å velge ut et begrenset antall fylker, kommuner og byer/steder dere implementerer – men ikke færre enn 2 ladepunkter.
-
En side som presenterer et ladepunkt. Bruk oppgavebeskrivelsen fra prosjektoppgaven for innhold på denne siden. Det forventes ikke at dere i denne innleveringen kan/skal legge ved beregninger og grafer for ladetider, det kommer senere, men sett av plass til hvert av elementene dere ønsker å presentere ved bruk av dummy elementer / plassholdere.
- Lister / nøstede lister
- Tabell
- Noen semantiske elementer som
<strong>
,em
, e.l. - Bilder
Minst to overskriftsnivåer.
All HTML skal være korrekt og validere på http://validator.w3.org/. (Det er ok å ignorere valideringsfeil pga enkodingen (iso-8859-1 vs. windows-1252 vs. UTF-8), samt advarselen om at «html5 conformance checker» er eksperimentell men det skal ikke dukke opp andre feil og advarsler.)
Det forventes ikke bruk av CSS i denne innleveringen, men om tiden strekker til kan dere godt prøve dere på bruk av float, position og visibility i CSS.