1 / 12

DWDK

DWDK. Øvelsesgang 2. Tegnsæt: utf-8 vs. iso-8859-1. Utf-8 = universelt tegnsæt Giver advarsel i validator Dokument skal gemmes i utf-8 format i notepad iso-8859-1 = nordeuropæisk tegnsæt Ingen advarsel i validator Dokument skal gemmes i ANSI-format (standard i notepad)

cera
Télécharger la présentation

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. DWDK Øvelsesgang 2

  2. Tegnsæt: utf-8 vs. iso-8859-1 • Utf-8 = universelt tegnsæt • Giver advarsel i validator • Dokument skal gemmes i utf-8 format i notepad • iso-8859-1 = nordeuropæisk tegnsæt • Ingen advarsel i validator • Dokument skal gemmes i ANSI-format (standard i notepad) •  ikke nødvendigt med kodede specialtegn

  3. 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>

  4. Xml-deklaration og tegnsæt <?xml version="1.0" encoding=“iso-8859-1"?> <!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>

  5. Opgave 1 – mailto: • Elementet <a> </a> har altid en attribut og en værdi: <a href=”http://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>

  6. Opgave 2 - lister <ul> <li>2001 – HF</li> <li>2003 – Multimediedesignerskolen</li> <li>2004 – ITU</li> <li>2007 – Friheden!</li> </ul> Alternativ: <ol>, men stadig <li> til de enkelte punkter Husk god orden i koden!!

  7. Opgave 3 - Validator • Jeres allerbedste ven

  8. Den obligatoriske opgave • Genbrug af øvelser tilladt • Det nye: <div>-elementet og id-attributten

  9. <div> og id • Bruges til at strukturere indholdet, dvs.. At dele det op i meningsfulde enheder • Disse navngives vha. id-attributten • Husk: • Giv meningsfulde navne • At afslutte div-taggene • Brug evt. kommentarer til at skrive hvilken div, der afsluttes

  10. <body> <div id=”topbanner”> <img src="logo.jpg" alt="logo"></img> </div> <div id=”indhold”> <div id=”undevisere”> Jens Kaaber Pors <br /> Tomas Sokoler<br /> … … </div> … … <div id=”kursusplan”> Foreløbig kursusplan… </div> </div> …… </body> Glæd jer til CSS

  11. Et nemmere liv? • Gør filernes extension synlig i stifinder • ’funktioner’’mappeindstillinger’’vis’(faneblad) fjern flueben ved ’skjul filtypenavne for kendte filtyper’ • Lav shortcuts til de vigtigste programmer på f.eks. Skrivebord, i ’Hurtig start’-menuen eller på tastaturet. • Lær genvejstaster at kende

  12. Hvor gærdet er lavest… • F5 = opdaterer browser • Alt + tab = Skifter mellem åbne programmer • Ctrl + tab = skifter mellem åbne faner • flag + d = vis skrivebord • flag + e = åbn stifinder • Ctrl + s = gemmer dokument • Ctrl + c = kopierer det markerede • Ctrl + x = klipper det markerede ud • Ctrl + v = indsætter det kopierede/udklippede • Ctrl + z = fortryd • Ctrl + n = åbner nyt dokument/browservindue

More Related