( Kjetil 3. t.)
1. – 3. time:
Gjennomgang:
Vi må logge om gårsdagen. Alle skriver kort hva vi jobbet med onsdag. Stikkord er Dreamweaver, mal, css.
Ta undersøkelse. Egil har sendt dere en undersøkelse på it’s leaning (som melding). Alle bruker noen minutter til å svare på denne.
Oppgave:
På onsdag klikket alle seg inn på M,1mkb, web, Grunnoppsett og kopierte index.html og grunnstil. css filene. Deretter limte dere filene inn i en mappe dere hadde lagret på et fornuftig sted og brukte denne som local root folder i siten deres.
Dere er nå i gang med å lage et nettsted med minimum en hovedside og tre undersider.
Temaet er film. Tenk på teorien vi har gjennomgått i timene.
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 SKUESPILLERE, markerer dere denne og legger deretter inn en link til SKUESPILLERE.html i property inspectoren nederst i dw. Heter den neste av ”knappene” FILM, markerer dere denne og legger deretter inn en link til FILM.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 SKUESPILLERE.html. Skriv deretter SKUESPILLERE 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 FILM.html. Skriv deretter FILM 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.
Dere kan gjerne også legge inn et klipp fra youtube.com, samt laste opp bilder og legge inn et galleri på siden. Dette er valgfritt, men om dere har lyst er det lov til å prøve…
Videoer fra eks youtube kopierer dere embed-koden og limer denne inn. Husk at dere må lime embed inn i koden, ikke rett i dokumentvinduet.
Hjelp hverandre! Dere er flinke!! Lykke til!!
Avsluttning:
Logg!
Deadline på filmnettstedet er fredag 14.01.2011 kl. 10.50
1. – 3. time:
Gjennomgang:
Vi må logge om gårsdagen. Alle skriver kort hva vi jobbet med onsdag. Stikkord er Dreamweaver, mal, css.
Ta undersøkelse. Egil har sendt dere en undersøkelse på it’s leaning (som melding). Alle bruker noen minutter til å svare på denne.
Oppgave:
På onsdag klikket alle seg inn på M,1mkb, web, Grunnoppsett og kopierte index.html og grunnstil. css filene. Deretter limte dere filene inn i en mappe dere hadde lagret på et fornuftig sted og brukte denne som local root folder i siten deres.
Dere er nå i gang med å lage et nettsted med minimum en hovedside og tre undersider.
Temaet er film. Tenk på teorien vi har gjennomgått i timene.
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 SKUESPILLERE, markerer dere denne og legger deretter inn en link til SKUESPILLERE.html i property inspectoren nederst i dw. Heter den neste av ”knappene” FILM, markerer dere denne og legger deretter inn en link til FILM.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 SKUESPILLERE.html. Skriv deretter SKUESPILLERE 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 FILM.html. Skriv deretter FILM 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.
Dere kan gjerne også legge inn et klipp fra youtube.com, samt laste opp bilder og legge inn et galleri på siden. Dette er valgfritt, men om dere har lyst er det lov til å prøve…
Videoer fra eks youtube kopierer dere embed-koden og limer denne inn. Husk at dere må lime embed inn i koden, ikke rett i dokumentvinduet.
Hjelp hverandre! Dere er flinke!! Lykke til!!
Avsluttning:
Logg!
Deadline på filmnettstedet er fredag 14.01.2011 kl. 10.50
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 (se bildet til venstre...omtrent sånn skal det se ut)?
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 kikker dere på fagstoff, dreamweaver + html og finner filen om hvordan linke opp galleri ganske langt nede på siden: http://1mk.weebly.com/dreamweaver--html.html
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 (se bildet til venstre...omtrent sånn skal det se ut)?
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 kikker dere på fagstoff, dreamweaver + html og finner filen om hvordan linke opp galleri ganske langt nede på siden: http://1mk.weebly.com/dreamweaver--html.html
RSS Feed