Download præsentationen
Præsentation er lastning. Vent venligst
1
øvelsesgang 1 - DWDK Rikke Poulsen
2
Timernes indhold supplement til læsningen og forelæsningen Jeres behov? Gennemgang af opgaverne? Andre emner, i vil have gennemgået?
3
Praktiske oplysninger Vi starter kl. 13.00 pauser 2 ved hver pc Jeg er i dette lokale (3A52) Kø på tavlen Spørg hinanden Newsgroup it-c.courses.DWDKit-c.courses.DWDK Websites som www.html.dk og www.eksperten.dkwww.html.dkwww.eksperten.dk Yderligere spørgsmål: ripo@itu.dkripo@itu.dk
4
Dagens agenda Noget om xhtml-kode generelt Noget om opgaverne Hjælp til opgaverne
5
Xml-deklaration og tegnsæt <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Hjemmesidens titel Dette er min hjemmeside. Denne tekst er fremhævet Hvilken version af sproget xml benyttes? Hvilket tegnsæt bruges? unicode UTF-8 iso-8859-1 (æ, ø og å)
6
DOCTYPE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Hjemmesidens titel Dette er min hjemmeside. Denne tekst er fremhævet DTD = Document Type Definition - standard for koden - xhtml 1.0 Strict (den w3c anbefaler) - Bruges til browserfortolkning og validering
7
html-tag <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Hjemmesidens titel Dette er min hjemmeside. Denne tekst er fremhævet Omslutter hele dokumentet Attributter: -xmlns: XML Name Space har altid den værdi -xml:lang angiver det sprog dokumentet er skrevet på
8
head-tag <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Hjemmesidens titel Dette er min hjemmeside. Denne tekst er fremhævet Information om sitet -Titel -Meta-tag med info om fx -Forfatter -Indhold -keywords
9
body-tag <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Hjemmesidens titel Dette er min hjemmeside. Denne tekst er fremhævet Selve indholdet
10
Opgave 2 Vær opmærksom på at tags skal være indlejrede, dvs.: Jeg er en haj til html
11
Opgave 3 Headings til
12
Opgave 4 - Indhold, der ikke er overskrifter, dvs. brødtekst, skal inddeles i afsnit (paragraphs) det første afsnit, jeg vil skrive det andet afsnit, jeg vil skrive
13
Opgave 5 Elementet har altid en attribut og en værdi: ITU’s hjemmeside Links kan være Absolutte Relative (indenfor dit eget site) ”skum.html” ”maelk/skum.html” ”../produkter/maelk/skum.html” Pseudo-protekoller: mailto:ripo@itu.dk Til et defineret sted i et html-dokument ”skum.html#top” Kræver definition af stedet, der linkes til toppen
14
Opgave 6 er et tomt tag Indeholder kun attributter med værdier Samme regler for stien til billedet som ved Afsluttes med det samme
15
Opgave 7 - validering Så kommer det store øjeblik… http://validator.w3.org
Lignende præsentationer
