Tag 4

Startseite unseres Kurses erstellt: index.html (Startseiten heißen immer index!!!!!!!!!)

Übungsaufgabe zu Unordered List: Marktstand

• Datei Grundgerüst entsprechend umbenennen
  
• Dann die unterschiedlichen Listenpunkte einarbeiten (erst die oberen Ebenen und dann die Unterebenen eingliedern mit <ul>, <li>, <ol>)
• Verschachtelung von mehreren Ebenen ineinander
• Vorsicht: immer auf das Schließen der Kind- und Elternelemente beachten!!!

Default Werte (Voreinstellung oder Standardwert) sind bei der Unordered List immer runde Bulletpoints und bei der Nummerierung 1.,2.,3.

Neuen HTML-Editor eingerichtet (Phase 5):

• Arbeiten mit Phase 5
• <p>Automatisches Schliessen</p>
• Strg + Enter = Neuer Absatz  <p> (Textzeilen markieren und dann Kurzbefehl einsetzten)
  Shift + Enter = Neue Zeile     <br>
• mit der rechten Maustaste werden alle Eigenschaften für den entsprechende Tag angezeigt 

(Hyper)Link = Verweis, Verknüpfung, Referenz ...
Linerarer Informationsfluß (z. B. beim Buch lesen)
Non Linearer Informationsfluß ( z.B. bei einer Webseite/viele Verknüpfungen)

Neue Datei: hyperlinks.html

• Hyperlinks angelegt
• Index-Datei geöffnet und der Bereich der Verknüpft werden soll markieren
• per Drag and Drop („Ziehen und Ablegen“) auf den markierten Bereich ziehen, fertig!
• <a href="12_17/hallo.html">
    <a  (Befehl, Anker) href (Attribut)  = "Wert (Name der Datei)"

Es gibt:

• Intrahypertextuelle Verknüpfungen
• Interhypertextuelle Verknüpfungen
• Extrahypertextuelle Verknüpfungen

Wir verknüpfen unsere Index-Datei mit den bis jetzt erstellten HTML-Dokumenten und laden Sie auf den Server. Herr Bachner kontrolliert unsere Dateien.

Wir erstellen ein neue Dokument: Kochbuch

• aus 20 Rezepten erstellen wir 5 HTML-Dateien (r1/r2/r3/r4/r5) die wir in der Index-Datei verknüpft werden
• dann erstellen wir unsere Index-Datei (index.html) und benennen sie im title-Tag mit "Kathrins kleines Kochbuch"
• in unsere Index-Datei schreiben wir die Namen unserer 5 Rezepte und verknüpfen sie anschließend mit den entsprechenden HTML-Dokumenten
• Wir erstellen im body der Rezepte und in der Index-Datei eine Nagivation:
  vorheriges Rezept (Verlinkung mit z.B. r5) | Rezeptübersicht (Verlinkung mit z.B.index) | Nächstes Rezept (Verlinkung mit z.B. r2)