(Mariann 2. t, Anja 5. t)
1. time:
Oppgave:
Bruk litt tid på nett. Hvordan er ulike nettsted designet, hva funker, hva funker ikke? Finn en blogg / nettsted som skriver om webdesign, sosiale medier, hvordan nettet fungerer, trender og lignende. Denne bloggen skal du følge gjennom hele perioden. Send adressen på it’s til anha120.
Tips til nettsted som kan litt inspirasjon:
Nrkbeta :skriver om internett og ny teknologi
Six Revisions : Nyttig info for webutviklere og designere
WDL: Spennende artikler om hva som skjer på fagområdet
99designs: webdesign som er kommet for å bli
2013, hvilke retning beveger vi oss i?
Klikk deg inn på linkene over, og skriv en kort artikkel om hva som var trendene innen web i året som gikk, samt hvilke forventninger man har til 2013. Lever på mediaserveren. M, 1mkb, web, trender. Merk besvarelsen med navnet ditt. + legg inn under fagstoff på Weeblyen din.
2. time:
Brukeropplæring:
Bli kjent med Anne og biblioteket
3. time:
Oppsummering:
Hva jobbet vi med på tirsdag?
Oppgave:
Fullføre notisblokkoppgaven.
Gjennomgang:
Notisblokk
4. time:
Teori:
- Kort om Dreamweaver
- Webdesign_prosessen
Gjennomgang:
- Bli kjent med DW
- Hvorfor og hvordan opprette en site?
- Hvordan opprette et nytt dokument?
Oppgave:
- Sette inn samme oppsett som notisblokk-oppgaven tidligere.(7. – 8. time tirsdag)
5. – 6. time:
www.sau.no www.ulv.no www.elg.no
Oppgave:
Klikk deg inn på pdf’en ”Bli kjent med Dreamweaver” og følg anvisningen. Tenk gjennom det du gjør, prøv å forstå mest mulig.
Gjennomgang:
Hvordan gikk det med sau, elg, ulv?
6. – 7. time:
Gjennomgang:
Tilpassing av mal, linke sammen sider.
Velg:2 column fixed, left sidebar, header and footer.
Oppgave:
Tilpass malen. Sett inn bilder fra nett + dummy tekst. Husk å lagre en site.Temaet er: HØST
Tilpassing av mal, linke sammen sider.
Velg:2 column fixed, left sidebar, header and footer.
Oppgave:
Åpne DW, opprette site, velge oppsett fra mal.
NB siten må lagres på mediaserveren da vi skal ha en felles gjennomgang.
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: HØST
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 EPLE, markerer dere denne og legger deretter inn en link til EPLE.html i property inspectoren nederst i dw. Heter den neste av ”knappene” JAKT, markerer dere denne og legger deretter inn en link til JAKT.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 EPLE.html. Skriv deretter EPLE 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 JAKT.html. Skriv deretter JAKT 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.
Teori:
Hvordan kan vi bruke adobe bridge til å lage et galleri? Eks.
Bruk av Iframe for plassering av galleri.
Galleri:
Se om dere husker hva jeg viste dere i timen. Saml bildene dere vil ha i galleriet i en mappe, åpne bridge, finn fram denne mappen, marker alle bildene i mappa (dette gjøres enklest ved å trykke på ctrl+a), trykk på den lille pilen til høyre for metadata (oppe på menylinjen, ganske langt til høyre, øverst i bridge) velg output. (hurtigtast for dette er ctrl+f5)
Kjenner du igjen vinduet? Velg et av galleriene, tilpass farge og lignende. Husk at du gir galleriet et navn. Pluss at du velger siten du holder på med når du browser nede på save location.
For å sette inn galleriet i iframe, sjekk fagstoff, koder, hvordan sette inn galleri.
Oppgave:
Last ned noen HØSTbilder, lag et galleri, og legg dette inn på Høstnettstedet ditt.
Ekstra
Dersom noen blir ferdige velger dere en annen type mal, og så setter dere opp et nytt nettsted. (samme måte som høstoppgaven). Samme ”oppskrift”. Tema = mobil
Deadline: kl 14.45
Avslutnig:
Logg + Plan for neste uke..
1. time:
Oppgave:
Bruk litt tid på nett. Hvordan er ulike nettsted designet, hva funker, hva funker ikke? Finn en blogg / nettsted som skriver om webdesign, sosiale medier, hvordan nettet fungerer, trender og lignende. Denne bloggen skal du følge gjennom hele perioden. Send adressen på it’s til anha120.
Tips til nettsted som kan litt inspirasjon:
Nrkbeta :skriver om internett og ny teknologi
Six Revisions : Nyttig info for webutviklere og designere
WDL: Spennende artikler om hva som skjer på fagområdet
99designs: webdesign som er kommet for å bli
2013, hvilke retning beveger vi oss i?
Klikk deg inn på linkene over, og skriv en kort artikkel om hva som var trendene innen web i året som gikk, samt hvilke forventninger man har til 2013. Lever på mediaserveren. M, 1mkb, web, trender. Merk besvarelsen med navnet ditt. + legg inn under fagstoff på Weeblyen din.
2. time:
Brukeropplæring:
Bli kjent med Anne og biblioteket
3. time:
Oppsummering:
Hva jobbet vi med på tirsdag?
Oppgave:
Fullføre notisblokkoppgaven.
Gjennomgang:
Notisblokk
4. time:
Teori:
- Kort om Dreamweaver
- Webdesign_prosessen
Gjennomgang:
- Bli kjent med DW
- Hvorfor og hvordan opprette en site?
- Hvordan opprette et nytt dokument?
Oppgave:
- Sette inn samme oppsett som notisblokk-oppgaven tidligere.(7. – 8. time tirsdag)
5. – 6. time:
www.sau.no www.ulv.no www.elg.no
Oppgave:
Klikk deg inn på pdf’en ”Bli kjent med Dreamweaver” og følg anvisningen. Tenk gjennom det du gjør, prøv å forstå mest mulig.
Gjennomgang:
Hvordan gikk det med sau, elg, ulv?
6. – 7. time:
Gjennomgang:
Tilpassing av mal, linke sammen sider.
Velg:2 column fixed, left sidebar, header and footer.
Oppgave:
Tilpass malen. Sett inn bilder fra nett + dummy tekst. Husk å lagre en site.Temaet er: HØST
Tilpassing av mal, linke sammen sider.
Velg:2 column fixed, left sidebar, header and footer.
Oppgave:
Åpne DW, opprette site, velge oppsett fra mal.
NB siten må lagres på mediaserveren da vi skal ha en felles gjennomgang.
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: HØST
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 EPLE, markerer dere denne og legger deretter inn en link til EPLE.html i property inspectoren nederst i dw. Heter den neste av ”knappene” JAKT, markerer dere denne og legger deretter inn en link til JAKT.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 EPLE.html. Skriv deretter EPLE 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 JAKT.html. Skriv deretter JAKT 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.
Teori:
Hvordan kan vi bruke adobe bridge til å lage et galleri? Eks.
Bruk av Iframe for plassering av galleri.
Galleri:
Se om dere husker hva jeg viste dere i timen. Saml bildene dere vil ha i galleriet i en mappe, åpne bridge, finn fram denne mappen, marker alle bildene i mappa (dette gjøres enklest ved å trykke på ctrl+a), trykk på den lille pilen til høyre for metadata (oppe på menylinjen, ganske langt til høyre, øverst i bridge) velg output. (hurtigtast for dette er ctrl+f5)
Kjenner du igjen vinduet? Velg et av galleriene, tilpass farge og lignende. Husk at du gir galleriet et navn. Pluss at du velger siten du holder på med når du browser nede på save location.
For å sette inn galleriet i iframe, sjekk fagstoff, koder, hvordan sette inn galleri.
Oppgave:
Last ned noen HØSTbilder, lag et galleri, og legg dette inn på Høstnettstedet ditt.
Ekstra
Dersom noen blir ferdige velger dere en annen type mal, og så setter dere opp et nytt nettsted. (samme måte som høstoppgaven). Samme ”oppskrift”. Tema = mobil
Deadline: kl 14.45
Avslutnig:
Logg + Plan for neste uke..
RSS Feed