Erste Schritte mit XHTML

Transkript

1 Sascha Frank SS

2

3

4

5

6

7 Eigene Homepage Rechte am $HOME ändern

8 Eigene Homepage Rechte am $HOME ändern chmod 701 /home/login

9 Eigene Homepage Rechte am $HOME ändern chmod 701 /home/login HP Verzeichnis anlegen

10 Eigene Homepage Rechte am $HOME ändern chmod 701 /home/login HP Verzeichnis anlegen mkdir.public_html

11 Eigene Homepage Rechte am $HOME ändern chmod 701 /home/login HP Verzeichnis anlegen mkdir.public_html Die Rechte neu setzen

12 Eigene Homepage Rechte am $HOME ändern chmod 701 /home/login HP Verzeichnis anlegen mkdir.public_html Die Rechte neu setzen chmod 755.public_html

13 Eigene Homepage Ordner und Datein in.public_html

14 Eigene Homepage Ordner und Datein in.public_html Rechte an Ordner auf 755

15 Eigene Homepage Ordner und Datein in.public_html Rechte an Ordner auf 755 Rechte an Datein auf 644 setzen

16 Eigene Homepage Ordner und Datein in.public_html Rechte an Ordner auf 755 Rechte an Datein auf 644 setzen

17 Ein XHTML Dokument besteht aus vier Teilen 1. XML Version

18 Ein XHTML Dokument besteht aus vier Teilen 1. XML Version (XML Deklaration)

19 Ein XHTML Dokument besteht aus vier Teilen 1. XML Version (XML Deklaration) 2. XHTML Dokumenttyp (Doctyp)

20 Ein XHTML Dokument besteht aus vier Teilen 1. XML Version (XML Deklaration) 2. XHTML Dokumenttyp (Doctyp) 3. Dokumentenkopf (head)

21 Ein XHTML Dokument besteht aus vier Teilen 1. XML Version (XML Deklaration) 2. XHTML Dokumenttyp (Doctyp) 3. Dokumentenkopf (head) 4. Dokumentenkörper (body)

22 1. XML Version ist optional

23 1. XML Version ist optional 2. 3 mögliche DTD s

24 1. XML Version ist optional 2. 3 mögliche DTD s 2.1 XHTML 1.0 Transitional ( HTML 4.01)

25 1. XML Version ist optional 2. 3 mögliche DTD s 2.1 XHTML 1.0 Transitional ( HTML 4.01) 2.2 XHTML 1.0 Frameset

26 1. XML Version ist optional 2. 3 mögliche DTD s 2.1 XHTML 1.0 Transitional ( HTML 4.01) 2.2 XHTML 1.0 Frameset 2.3 XHTML 1.0 Strict 3. zusätzliche Informationen

27 1. XML Version ist optional 2. 3 mögliche DTD s 2.1 XHTML 1.0 Transitional ( HTML 4.01) 2.2 XHTML 1.0 Frameset 2.3 XHTML 1.0 Strict 3. zusätzliche Informationen 4. das eigentliche Dokument

28 Text

29 Text Listen

30 Text Listen Tabellen

31 Text Listen Tabellen Grafiken

32 Text Listen Tabellen Grafiken

33 Text Fliesstext innerhalb von <p> und </p>

34 Text Fliesstext innerhalb von <p> und </p> Zeilenumbruch mit <br />

35 Text Fliesstext innerhalb von <p> und </p> Zeilenumbruch mit <br /> Vorformaterter Text z.b. Quellecode zwischen <pre> und </pre>

36 Text Fliesstext innerhalb von <p> und </p> Zeilenumbruch mit <br /> Vorformaterter Text z.b. Quellecode zwischen <pre> und </pre> <pre> ist nicht für Fliesstext geeignet

37 Listen Ungeordnete Listen

38 Listen Ungeordnete Listen Geordnete Listen

39 Listen Ungeordnete Listen Geordnete Listen Definitions Listen

40 Listen Ungeordnete Listen Geordnete Listen Definitions Listen verschachtelte Listen

41 Listen Ungeordnete Listen Geordnete Listen Definitions Listen verschachtelte Listen

42 ungeordnete Listen <ul> <li> 3 Eier </li> <li> 8 EL Wasser </li> <li> 100g Honig </li> <li> 100g Mandeln, fein gemahlen </li> <li> 50g Weizenvollkornmehl </li> </ul>

43 ungeordnete Listen 3 Eier 8 EL Wasser 100g Honig 100g Mandeln, feingemahlen 50g Weizenvollkornmehl

44 geordnete Listen <ol> <li> Schule </li> <li> Uni </li> <li> Beruf </li> </ol>

45 geordnete Listen 1. Schule 2. Uni 3. Beruf

46 Definitions Listen <dl> <dt> ANA 1 </dt> <dd> eindimensional </dd> <dt> ANA 2 </dt> <dd> mehrdimensional </dd> <dt> ANA 3 </dt> <dd> ein Mass kann ein Mass definieren </dd> </dl>

47 Definitions Listen ANA 1 eindimensional ANA 2 mehrdimensional ANA 3 ein Mass kann ein Mass definieren

48 Verschachtelte Listen <ul> <li> Montag </li> <ol> <li> Post holen </li> <li> Aufschliessen </li> <li> Anwesenheitszeiten </li> </ol> <li> Dienstag </li> <ol> <li> Alte Hardware entsorgen </li> <li> Accounts anlegen </li> <li> Bürobedarf bestellen </li> </ol> </ul>

49 Verschachtelte Listen Montag 1. Post holen 2. Aufschliessen 3. Anwesenheitszeiten Dienstag 1. Alte Hardware entsorgen 2. Accounts anlegen 3. Bürobedarf bestellen

50 Tabellen <table> <tr> <th> Jahr </th> <th> Latex Kurse </tr> <tr> <td> 02 </td> <td> 1 </td> </tr> <tr> <td> 03 </td> <td> 1 </td> </tr> </table> </th>

51 Tabellen Jahr Latex Kurse

52 Grafiken <p><img src="pool.png" width="200" height="100" alt="poolmanager Logo"/></p>

53 Link <p><a href="listen.html">listen in XHTML</a></p> <p><a href=" Seite</a></p>

54 Alle Tags müssen geschlossen werden

55 Alle Tags müssen geschlossen werden Anfangs Tag <table> & Ende Tag </table>

56 Alle Tags müssen geschlossen werden Anfangs Tag <table> & Ende Tag </table> Auch leere Elemente müssen geschlossen werden

57 Alle Tags müssen geschlossen werden Anfangs Tag <table> & Ende Tag </table> Auch leere Elemente müssen geschlossen werden z.b. <br /> statt <br>

58 Alle Tags müssen geschlossen werden Anfangs Tag <table> & Ende Tag </table> Auch leere Elemente müssen geschlossen werden z.b. <br /> statt <br> Das alt Attribut muss gesetzt sein

59 Alle Tags müssen geschlossen werden Anfangs Tag <table> & Ende Tag </table> Auch leere Elemente müssen geschlossen werden z.b. <br /> statt <br> Das alt Attribut muss gesetzt sein Im Zweifel alt=""

60 Alle Tags müssen geschlossen werden Anfangs Tag <table> & Ende Tag </table> Auch leere Elemente müssen geschlossen werden z.b. <br /> statt <br> Das alt Attribut muss gesetzt sein Im Zweifel alt="" Jedes XHTML Document braucht einen Titel

61 Eigene Seite erstellen Text Listen Tabellen Grafiken Links Eigene Seite erstellen Erstellen Sie in ihrem Account ein.public_html Verzeichnis erstellen Sie im.public_html Verzeichnis eine index.html Datei, die XHTML 1.0 strict valide ist Hinweis: Vor dem Validieren, die Rechte richtig setzen.

62 Eine XHTML Datei Themen Eigene Seite erstellen Text Listen Tabellen Grafiken Links <!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN " <html xmlns=" xml:lang="de" lang="de"> <head> <meta http-equiv="content-type" content="text/html; charset=iso "/> <title>mein erstes XHTML-Dokument</title> </head> <body> </body> </html>

63 Text Themen Eigene Seite erstellen Text Listen Tabellen Grafiken Links Erstellen Sie eine Seite mit Text. (a) Als normaler Fliesstext. (b) Mit erzwungem Zeilenumbruch. (c) Als vorformatierter Text.

64 Listen Themen Eigene Seite erstellen Text Listen Tabellen Grafiken Links Erstellen Sie eine Seite mit Listen. (a) Eine ungeordnete Liste. (b) Eine geordnete Liste. (c) Eine Definitionsliste. (d) Eine verschachtelte Liste.

65 Tabellen Themen Eigene Seite erstellen Text Listen Tabellen Grafiken Links Erstellen Sie eine Seite einer Tabelle. (a) Die Tabelle soll mindestens 3 Spalten und 5 Zeilen haben.

66 Grafiken Themen Eigene Seite erstellen Text Listen Tabellen Grafiken Links Erstellen Sie eine Seite, die eine Grafik beinhaltet.

67 Links Themen Eigene Seite erstellen Text Listen Tabellen Grafiken Links Nach dem Sie die Seiten validiert haben, verlinken Sie die Startseite (index.html) mit den anderen Seiten.

68