(Egil 8. timer ( 3. t. tilsyn + 5 t.))
1. - 4. time:
Intro:
Hva skjer i dag?
Anja er borte. Egil ser til 3 første timer + er inne etter det.
Oppgave
Dere jobber individuelt. Bruk tida fornuftig!
1. Bruk tid på internett. Finn fram til 4 ulike nettsted:
- Ett dere liker
- Ett dere misliker
- Ett som dere syntes kommuniserer bra
- Ett som dere syntes kommuniserer dårlig
Hvorfor har du valgt disse. (farger, skrifttype, mengde tekst, bilder ol)
Noter ned punkter / begrunnelser for hvert av nettstedene.
Felles gjennomgang (onsdag) hvor alle presenterer sine sider.
2. Sammenlign burton.com expert.no thejohnnycashproject.com
Hensikten med denne øvingsoppgaven er å bli mer bevisst på hvordan nettsider kommuniserer og er strukturert.
Ta utgangspunkt i følgende moment når du jobber med oppgaven:
• Hva er formålet med nettsiden?
• Hvem er målgruppen?
• Hvordan er den visuelle oppbyggingen (Hvordan ser siden ut)?
• På hvilken måte kommuniserer siden med brukeren?
• Hvilke muligheter for kommunikasjon tilbyr siden?
• Kommuniserer siden godt med deg, hvorfor / hvorfor ikke?
Lever på mediaserveren. M, 1mkb, web, sammenlign. Merk besvarelsen med navnet ditt.
(en av ordenselevene oppretter denne innleveringsmappen mappen)
Muntlig gjennomgang onsdag.
3. Powepoint
Lag en powerpoint på minimum 10 – maximum 20 slides hvor du noterer ned viktige ting du mår tenke på når du skal designe et nettsted. (Tips: les gjennom presentasjonene dere finner på http://1mkb12-13.weebly.com/webdesign.html)
4. – 6. time:
Teori:
Å skrive for skjerm + hvordan opprette konto og laste opp på slideshare.net
Oppgave:
Last opp powerpointen du lagde i forrige time på slidesharekontoen din, og publiser deretter på weeblyen.(kopier embedkoden fra slideshare, og lim inn på weebly (dra ned den det står custom html på, akkurat som dere gjorde når dere limte inn vokien deres…))
NB Husk å skrive med egne ord, samt bruke bilder som er rettighetsklarert.
Skrive for nett:
1. Fagartikkel som skal presenteres på weeblyen din under fagstoff. (se liste under om hva DU skal skrive om) Vi skal også ha en muntlig gjennomgang. Oppgaven er individuell.
Tema til nettartikkelen FAGLIG:
- Internetts historie (Adrian, Caroline)
- Hva er internett? (Susann, Markus)
- Creative Commons (Gerda, Trond)
- Skrive for nett (Guro, Rebekka )
- Fildeling (Aleksander)
- Nettlesere (Kristine, Sivert)
- Sosiale medier (Vanja, Catrine)
- Blogging (Emil, Julie)
- Open source (Sigurd)
- Søkemotorer (Camilla)
Deadline: kl. 13.50
7. – 8. time:
Oppgave:
Du skal i dag og i morra jobbe med å opprette et nettsted hvor temaet er høst. Det første du må gjøre er å finne ut hva slags type nettsted du vil ha. Skal det presentere høstens klesmoter, høstmat, jakt, vær ol. Når du har bestemt deg skal du åpne photoshop og lage:
- 2 headere (bilde som skal være på toppen av siden) til dette nettstedet.
Størrelsen skal være w: 780px & h: 90px (du kan fritt bruke bilder ol fra nett, dette skal ikke publiseres…)
-2 logoer størrelsen skal være w: 180px & h: 90px
-2 favicon Størrelsen skal være w: 64px & h: 64px eller 32px x 32px
Tips: Sjekk ut www.kuler.adobe.com for å finne fargekombinasjoner.
Dersom du blir ferdig kan du prøve på å opprette nettstedet ditt ved å følge oppskriften under (tilpassing av mal dw). Hjelp hverandre. Aleksander har testet dette en gang og kan gjerne vise på lærermaskinen hva han gjorde om han har lyst. Det blir gjennomgang med Anja onsdag.
Oppgave
Høstnettsted:
Å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.
x-tra oppgave (event om du ikke får til tilpassing av mal)
- 2 headere w. 1000px & h: 100px
-2 logoer størrelsen skal være w: 70px & h: 100px
-2 favicon Størrelsen skal være w: 64px & h: 64px eller 32px x 32px
Du kan fritt bruke bilder ol fra nett, dette skal ikke publiseres. Temaet er musikkfestival.
x-tra/ x-tra oppgave
Tilpass en valgfri mal i Dreamweaver. Husk å opprette en site pluss strukturer mappene dine. Temaet til dette nettstedet kan du velge selv.
Avslutning:
Logg om hva som har vært jobbet med i dag.
1. - 4. time:
Intro:
Hva skjer i dag?
Anja er borte. Egil ser til 3 første timer + er inne etter det.
Oppgave
Dere jobber individuelt. Bruk tida fornuftig!
1. Bruk tid på internett. Finn fram til 4 ulike nettsted:
- Ett dere liker
- Ett dere misliker
- Ett som dere syntes kommuniserer bra
- Ett som dere syntes kommuniserer dårlig
Hvorfor har du valgt disse. (farger, skrifttype, mengde tekst, bilder ol)
Noter ned punkter / begrunnelser for hvert av nettstedene.
Felles gjennomgang (onsdag) hvor alle presenterer sine sider.
2. Sammenlign burton.com expert.no thejohnnycashproject.com
Hensikten med denne øvingsoppgaven er å bli mer bevisst på hvordan nettsider kommuniserer og er strukturert.
Ta utgangspunkt i følgende moment når du jobber med oppgaven:
• Hva er formålet med nettsiden?
• Hvem er målgruppen?
• Hvordan er den visuelle oppbyggingen (Hvordan ser siden ut)?
• På hvilken måte kommuniserer siden med brukeren?
• Hvilke muligheter for kommunikasjon tilbyr siden?
• Kommuniserer siden godt med deg, hvorfor / hvorfor ikke?
Lever på mediaserveren. M, 1mkb, web, sammenlign. Merk besvarelsen med navnet ditt.
(en av ordenselevene oppretter denne innleveringsmappen mappen)
Muntlig gjennomgang onsdag.
3. Powepoint
Lag en powerpoint på minimum 10 – maximum 20 slides hvor du noterer ned viktige ting du mår tenke på når du skal designe et nettsted. (Tips: les gjennom presentasjonene dere finner på http://1mkb12-13.weebly.com/webdesign.html)
4. – 6. time:
Teori:
Å skrive for skjerm + hvordan opprette konto og laste opp på slideshare.net
Oppgave:
Last opp powerpointen du lagde i forrige time på slidesharekontoen din, og publiser deretter på weeblyen.(kopier embedkoden fra slideshare, og lim inn på weebly (dra ned den det står custom html på, akkurat som dere gjorde når dere limte inn vokien deres…))
NB Husk å skrive med egne ord, samt bruke bilder som er rettighetsklarert.
Skrive for nett:
1. Fagartikkel som skal presenteres på weeblyen din under fagstoff. (se liste under om hva DU skal skrive om) Vi skal også ha en muntlig gjennomgang. Oppgaven er individuell.
Tema til nettartikkelen FAGLIG:
- Internetts historie (Adrian, Caroline)
- Hva er internett? (Susann, Markus)
- Creative Commons (Gerda, Trond)
- Skrive for nett (Guro, Rebekka )
- Fildeling (Aleksander)
- Nettlesere (Kristine, Sivert)
- Sosiale medier (Vanja, Catrine)
- Blogging (Emil, Julie)
- Open source (Sigurd)
- Søkemotorer (Camilla)
Deadline: kl. 13.50
7. – 8. time:
Oppgave:
Du skal i dag og i morra jobbe med å opprette et nettsted hvor temaet er høst. Det første du må gjøre er å finne ut hva slags type nettsted du vil ha. Skal det presentere høstens klesmoter, høstmat, jakt, vær ol. Når du har bestemt deg skal du åpne photoshop og lage:
- 2 headere (bilde som skal være på toppen av siden) til dette nettstedet.
Størrelsen skal være w: 780px & h: 90px (du kan fritt bruke bilder ol fra nett, dette skal ikke publiseres…)
-2 logoer størrelsen skal være w: 180px & h: 90px
-2 favicon Størrelsen skal være w: 64px & h: 64px eller 32px x 32px
Tips: Sjekk ut www.kuler.adobe.com for å finne fargekombinasjoner.
Dersom du blir ferdig kan du prøve på å opprette nettstedet ditt ved å følge oppskriften under (tilpassing av mal dw). Hjelp hverandre. Aleksander har testet dette en gang og kan gjerne vise på lærermaskinen hva han gjorde om han har lyst. Det blir gjennomgang med Anja onsdag.
Oppgave
Høstnettsted:
Å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.
x-tra oppgave (event om du ikke får til tilpassing av mal)
- 2 headere w. 1000px & h: 100px
-2 logoer størrelsen skal være w: 70px & h: 100px
-2 favicon Størrelsen skal være w: 64px & h: 64px eller 32px x 32px
Du kan fritt bruke bilder ol fra nett, dette skal ikke publiseres. Temaet er musikkfestival.
x-tra/ x-tra oppgave
Tilpass en valgfri mal i Dreamweaver. Husk å opprette en site pluss strukturer mappene dine. Temaet til dette nettstedet kan du velge selv.
Avslutning:
Logg om hva som har vært jobbet med i dag.
RSS Feed