1mk
 
( Anja 5. t.)
3. – 4. time:
Repetisjon:

Hva husker vi fra i går? Oppfrisking på mal-oppsettet.

Oppgave:
Åpne DW, opprette site, velge oppsett fra mal:
Velg:2 column fixed, left sidebar, header and footer.
Tilpass malen. Sett inn bilder fra nett + dummy tekst. Bruk litt tid på ¨finne ut hva som skjer når du endrer farger og lignende i css styles paletten:


Temaet er: VINTER
Tips:
1. Bestem dere for hvordan designet, farger, linker, logo. Header  og lignende skal være og gjør index.html siden ferdig. (Surf litt rundt på nett i forkant og få inspirasjon og lignende.)

GJØR FERDIG HELE DESIGNET PÅ INDEXEN: DETTE ER FORELØPIG DEN ENESTE SIDEN DU HAR… Når du er fornøyd med farger, logo og lignende… Se punkt 2 og videre.

2. Dersom en av ”knappene” heter SKI, markerer dere denne og legger deretter inn en link til SKI.html i property inspectoren nederst i dw. Heter den neste av ”knappene” SNOWBOARD, markerer dere denne og legger deretter inn en link til SNOWBOARD.html i property inspectoren nederst i dw). OSV….til dere er ferdig.

3. Når dere har lagd + linket alle knappene, står dere på index.html siden, velger: file, save as , og gir den navnet SKI.html. Skriv deretter SKI i dokumentvinduet på denne siden slik at den skiller seg ut fra index.html, når det er gjort åpner dere index.html igjen, velger file, save as SNOWBOARD.html. Skriv deretter SNOWBOARD i dokumentvinduet på denne siden slik at den skiller seg ut fra index.html Fortsett denne prosessen til dere har laget sider til alle knappene.
4. Trykk på f12, og forhåpentligvis kan du navigere fra side til side uten problemer.
5. Putt i tekst og bilder som passer på hver av sidene.
Husk hva vi har snakket om i timene… Konsekvent fargevalg, stil, fonter og lignende.

Ekstra
Dersomnoen blir ferdige velger dere en annen type mal, og så setter dere opp et nytt nettsted. (samme måte som vinteroppgaven). Samme ”oppskrift”. Tema = sommer…

5. time:
Gjennomgang:
Vi ser på noen av øvingsoppgavene. Har vi fått det til?
Teori:
Hvordan kan vi bruke adobe bridge til å lage et galleri? Eks.
Bruk av Iframe for plassering av galleri.
Oppgave:
Last ned noen vinterbilder, lag et galleri, og legg dette inn på Vinternettstedet ditt.

6 - 7. time: (5. time = midttime)
Teori:
Hva er css?? Hvorfor er det nyttig å kunne skille innhold og design?
Oppgave:
Klikk deg inn på M,1mkb, web, Grunnoppsett. Kopier index.html og grunnstil. css  filene.

(Du kan event kopiere index_dummy.html og css_dummy.css om du er usikker)
Opprett en ny site som du kaller css_navn
Lag et nedttsted med minimum en hovedside og tre undersider. Dere må også legge inn et klipp fra youtube.com, samt laste opp bilder og legge inn et galleri på siden.

Temaet er film. Tenk på teorien vi har gjennomgått i timene.

Deadline er fredag 14.01.2011 kl. 10.50

Avslutnig:
Hva skjer i morra? Logg!

Picture



Leave a Reply.