1 / 15

øvelsesgang 1 - DWDK

øvelsesgang 1 - DWDK. Rikke Poulsen. Timernes indhold. supplement til læsningen og forelæsningen Jeres behov? Gennemgang af opgaverne? Andre emner, i vil have gennemgået?. Praktiske oplysninger. Vi starter kl. 13.00 pauser 2 ved hver pc Jeg er i dette lokale (3A52) Kø på tavlen

regina
Download Presentation

øvelsesgang 1 - DWDK

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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.DWDK • Websites som www.html.dk og www.eksperten.dk • Yderligere spørgsmål: ripo@itu.dk

  4. Dagens agenda • Noget om xhtml-kode generelt • Noget om opgaverne • Hjælp til opgaverne

  5. Xml-deklaration og tegnsæt <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" lang="da"> <head> <title>Hjemmesidens titel</title> </head> <body> <p> Dette er min hjemmeside. <strong>Denne tekst er fremhævet</strong> </p> </body> </html> Hvilken version af sproget xml benyttes? • Hvilket tegnsæt bruges? • unicode UTF-8 • iso-8859-1 (æ, ø og å)

  6. DOCTYPE <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" lang="da"> <head> <title>Hjemmesidens titel</title> </head> <body> <p> Dette er min hjemmeside. <strong>Denne tekst er fremhævet</strong> </p> </body> </html> DTD = Document Type Definition- standard for koden - xhtml 1.0 Strict (den w3c anbefaler) - Bruges til browserfortolkning og validering

  7. html-tag <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" lang="da"> <head> <title>Hjemmesidens titel</title> </head> <body> <p> Dette er min hjemmeside. <strong>Denne tekst er fremhævet</strong> </p> </body> </html> • 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 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" lang="da"> <head> <title>Hjemmesidens titel</title> </head> <body> <p> Dette er min hjemmeside. <strong>Denne tekst er fremhævet</strong> </p> </body> </html> • Information om sitet • Titel • Meta-tag med info om fx • Forfatter • Indhold • keywords

  9. body-tag <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" lang="da"> <head> <title>Hjemmesidens titel</title> </head> <body> <p> Dette er min hjemmeside. <strong>Denne tekst er fremhævet</strong> </p> </body> </html> Selve indholdet

  10. Opgave 2 • Vær opmærksom på at tags skal være indlejrede, dvs.: <p> Jeg er en <em><strong>haj</strong></em> til html </p>

  11. Opgave 3 <h1> • Headings <h1> til <h6>

  12. Opgave 4 - <p> • Indhold, der ikke er overskrifter, dvs. brødtekst, skal inddeles i afsnit (paragraphs) <p> det første afsnit, jeg vil skrive </p> <p> det andet afsnit, jeg vil skrive </p>

  13. Opgave 5 <a> • Elementet <a> </a> har altid en attribut og en værdi: <a href=”www.itu.dk”>ITU’s hjemmeside</a> • 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 <a name=”top”>toppen</a>

  14. Opgave 6 <img> • <img> er et tomt tag • Indeholder kun attributter med værdier <img src=”mitbillede.jpg” alt=”se mig” /> • Samme regler for stien til billedet som ved <a> • Afsluttes med det samme

  15. Opgave 7 - validering • Så kommer det store øjeblik… http://validator.w3.org

More Related