ØKT | DIGITAL | EFFEKTBOUVET ASAstian.westvig@bouvet.no

UU programmering på UDI.noStian Westvig Bouvet

ØKT | DIGITAL | EFFEKTBOUVET ASAstian.westvig@bouvet.no

ØKT | DIGITAL | EFFEKTBOUVET ASAstian.westvig@bouvet.no

• Følge kodestandarder

• Strukturering av nettsiden

• Tab navigering

• Arbeidsmetode hos UDI

Hvordan programmere UU?

ØKT | DIGITAL | EFFEKTBOUVET ASAstian.westvig@bouvet.no

Skrive god HTML

Online verktøy:

validator.w3.org

Validere HTML: Sjekke om kode

tilfredsstiller alle krav

Også CSS: Stilingen av nettsiden

ØKT | DIGITAL | EFFEKTBOUVET ASAstian.westvig@bouvet.no

Dokumentstruktur

ØKT | DIGITAL | EFFEKTBOUVET ASAstian.westvig@bouvet.no

Tabnavigering

• Bruke nettsiden med tastatur

• I stedet for mus

• Hva er markert?

– Kontrast farger

• Rekkefølge

• Snarveier

6 28.08.2014

ØKT | DIGITAL | EFFEKTBOUVET ASAstian.westvig@bouvet.no

ØKT | DIGITAL | EFFEKTBOUVET ASAstian.westvig@bouvet.no

ArbeidsmetodeTEAMWORK PÅ UDI.NO

ØKT | DIGITAL | EFFEKTBOUVET ASAstian.westvig@bouvet.no

Sjekkliste

• Validerer HTML?

• Validerer CSS?

• Dokumentstruktur OK?

• Sjekk tabnavigering

I tillegg:

• Laster siden under 1 sekund?

• YSlow karakter “A”

• Demo/”bevis” for kunden

ETTER 14 DAGER UTVIKLING

9 28.08.2014

ØKT | DIGITAL | EFFEKTBOUVET ASAstian.westvig@bouvet.no

Tar ikke dette lengre tid?

• Jo

• Mer kompleksitet

• Men:

– Høyere kvalitet

– Vi lærer underveis

– Slipper i ordne i etterkant

– Google optimalisert

10 28.08.2014

ØKT | DIGITAL | EFFEKTBOUVET ASAstian.westvig@bouvet.no

Hvem har mest rett?NÅR EKSPERTENE ER UENIGE

11 28.08.2014

ØKT | DIGITAL | EFFEKTBOUVET ASAstian.westvig@bouvet.no

Takk for meg

Spørsmål?

stian.westvig@bouvet.no