Download
1 / 12
120 likes | 298 Views
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)
E N D
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) • ikke nødvendigt med kodede specialtegn
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>
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>
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>
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!!
Opgave 3 - Validator • Jeres allerbedste ven
Den obligatoriske opgave • Genbrug af øvelser tilladt • Det nye: <div>-elementet og id-attributten
<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
<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
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
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
