(Anja 3. t.)
6. time:
Teori/repetisjon:
Hvordan fungerer stilark. Hvor plasseres de ulike elementene? Hvilke endringer kan vi gjøre? Forskjell på tag, div og class.
7. – 8. time:
Oppgave:
1. Klikk deg inn på M,1mkb, web, Grunnoppsett.
2. Åpne filen malhovedside, og malgrunnoppsett (Dette er to tekstfiler skrevet i notepad).
3. Opprett en ny site som du kaller mote_navn.
4. Velg new document, blank page, html, none, create.
(se bilde under)
Lagr denne nye siden som du får opp som index.html i den nyopprettede siten din.
5. Finn fram til malhovedside. (Tekstfilen skrevet i notepad). Trykk på ctrl+a slik at alt blir markert, deretter trykker du på ctrl+c for å kopiere.
6. Gå tilbake til DW. Plasser markøren i code på indexsiden din. Trykk på ctrl + a slik at alt blir markert, trykk deretter på ctrl + v slik at all teksten fra notepad blir limt inn på indexen og dermed erstatter den eksisterende teksten.
7. Trykk på lagring. Ctrl+s
8. Velg file new, css, create
(se bilde under)
9. Finn fram til malgrunnoppsett. (Tekstfilen skrevet i notepad). Trykk på ctrl+a slik at alt blir markert, deretter trykker du på ctrl+c for å kopiere.
10. Gå tilbake til DW. Plasser markøren i det nye css dokumentet sitt. . Trykk på ctrl + a slik at alt blir markert, trykk deretter på ctrl + v slik at all teksten fra notepad blir limt inn i css.ffilen og dermed erstatter den eksisterende teksten.
11. Velg file, save as, malgrunnoppsett. Pass på at formatet du lagrer i er css
(Hvorfor er det viktig at vi får riktig navn på denne filen? Jo fordi vi skal jo linke den opp til indexen vår. Om vi kikker nærmere etter i <head> på indexen ser vi her at denne er linket til nettopp det navnet)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Navngi de ulike sidene på en fornuftig måte</title>
<link href="malgrunnoppsett.css" rel="stylesheet" />
</head>
NB. Det er fult mulig å linke til et annet stilark, da må vi bare passe på at linken til css’en i html dokumentet, samsvarer med navnet på css’en.
HUSK at det lønner seg å gjøre ferdig index’en med alle linker og lignende før man lager de andre sidene. Se Dag 8 under oppgaver dersom dere har glemt hvordan og hvorfor..
Lag et nedttsted med minimum en hovedside og tre undersider. Tilpass farge på linker, h1 og p. Dere må også legge inn et klipp fra youtube.com, samt laste opp bilder og legge inn et galleri på siden.
Temaet er mote. Tenk på teorien vi har gjennomgått i timene.
Deadline er tirsdag 18.01.2011 kl. 14.30 (nb, vi kommer til å ha litt teori inni mellom, så det blir ganske hektisk)
Avslutnig:
Jobb med oppgave + Logg & hva skjer i morra?
6. time:
Teori/repetisjon:
Hvordan fungerer stilark. Hvor plasseres de ulike elementene? Hvilke endringer kan vi gjøre? Forskjell på tag, div og class.
7. – 8. time:
Oppgave:
1. Klikk deg inn på M,1mkb, web, Grunnoppsett.
2. Åpne filen malhovedside, og malgrunnoppsett (Dette er to tekstfiler skrevet i notepad).
3. Opprett en ny site som du kaller mote_navn.
4. Velg new document, blank page, html, none, create.
(se bilde under)
Lagr denne nye siden som du får opp som index.html i den nyopprettede siten din.
5. Finn fram til malhovedside. (Tekstfilen skrevet i notepad). Trykk på ctrl+a slik at alt blir markert, deretter trykker du på ctrl+c for å kopiere.
6. Gå tilbake til DW. Plasser markøren i code på indexsiden din. Trykk på ctrl + a slik at alt blir markert, trykk deretter på ctrl + v slik at all teksten fra notepad blir limt inn på indexen og dermed erstatter den eksisterende teksten.
7. Trykk på lagring. Ctrl+s
8. Velg file new, css, create
(se bilde under)
9. Finn fram til malgrunnoppsett. (Tekstfilen skrevet i notepad). Trykk på ctrl+a slik at alt blir markert, deretter trykker du på ctrl+c for å kopiere.
10. Gå tilbake til DW. Plasser markøren i det nye css dokumentet sitt. . Trykk på ctrl + a slik at alt blir markert, trykk deretter på ctrl + v slik at all teksten fra notepad blir limt inn i css.ffilen og dermed erstatter den eksisterende teksten.
11. Velg file, save as, malgrunnoppsett. Pass på at formatet du lagrer i er css
(Hvorfor er det viktig at vi får riktig navn på denne filen? Jo fordi vi skal jo linke den opp til indexen vår. Om vi kikker nærmere etter i <head> på indexen ser vi her at denne er linket til nettopp det navnet)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Navngi de ulike sidene på en fornuftig måte</title>
<link href="malgrunnoppsett.css" rel="stylesheet" />
</head>
NB. Det er fult mulig å linke til et annet stilark, da må vi bare passe på at linken til css’en i html dokumentet, samsvarer med navnet på css’en.
HUSK at det lønner seg å gjøre ferdig index’en med alle linker og lignende før man lager de andre sidene. Se Dag 8 under oppgaver dersom dere har glemt hvordan og hvorfor..
Lag et nedttsted med minimum en hovedside og tre undersider. Tilpass farge på linker, h1 og p. Dere må også legge inn et klipp fra youtube.com, samt laste opp bilder og legge inn et galleri på siden.
Temaet er mote. Tenk på teorien vi har gjennomgått i timene.
Deadline er tirsdag 18.01.2011 kl. 14.30 (nb, vi kommer til å ha litt teori inni mellom, så det blir ganske hektisk)
Avslutnig:
Jobb med oppgave + Logg & hva skjer i morra?
RSS Feed