Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- faecher:informatik:oberstufe:html:eine_website_erstellen_-_die_html-dokumentstruktur [14.09.2020 16:48] – [Einführung] the
+++ faecher:informatik:oberstufe:html:eine_website_erstellen_-_die_html-dokumentstruktur [Unbekanntes Datum] (aktuell) – gelöscht - Externe Bearbeitung (Unbekanntes Datum) 127.0.0.1
@@ Zeile 1: / Zeile 1: @@
-====== HTML - Lektion 1 ======
-===== Einführung =====
-<box 90% round #f4ffc3 #e7f5aa #e7f5aa #e7f5aa |**Aufgabe**>
-{{  :hilfe:workshop:folder_tools.png|}}
-Lies dir die Einführung in die aktuellen Webtechniken unter der Adresse [[http://fwpf-webdesign.de/einfuehrung]] durch (alle Abschnitte). Du solltest danach in der Lage sein, die folgenden Fragen mündlich in eigenen Worten zu beantworten:
-  - Wer war der "Erfinder" des "WWW"? Was bedeutet "Hypertext"? Wofür steht die Abkürzung "HTML"?
-  - Wofür steht die Abkürzung "DNS", welche Aufgabe hat dieser Dienst im Internet?
-  - Welches sind die zwei Ebenen des Webdesigns?
-  - Erkläre die Begriffe //Website//, //Webseite// und //Homepage//.
-\\
-</box>
-===== Textauszeichnung mit HTML =====
-  * Mit HTML wird die **inhaltliche Struktur** festgelegt – **nicht das Aussehen/Layout**.
-  * Die Auszeichnung des Inhalts erfolgt in HTML durch Anfangs- und Endmarkierungen (Tags): \\ ''<mstart>auszuzeichnender Text</mende>''
-  * Start-Tag, Inhalt und Ende-Tag bilden ein HTML-Element
-  * Elemente können verschachtelt werden, dürfen sich dabei aber nicht überschneiden.
-===== Beispieldokument =====
-<code html geruest.html>
-  <!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" lang="de" xml:lang="de" >
-    <head>
-      <title>Titel der Seite</title>
-      <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
-    </head>
-    <body>
-     Hallo Welt!
-    </body>
-  </html>
-</code>
-===== Übung =====
-<box 90% round #f4ffc3 #e7f5aa #e7f5aa #e7f5aa |**Übungen**>
-{{  :hilfe:workshop:folder_tools.png|}}
-  - Erstelle auf deinem Arbeitsrechner eine html-Datei mit Dokumenttyp-Deklaration, Head und Body und öffne diese in einem Browser ( -> Betrachte die datei lokal).
-  - Lade die Datei auf deinen Übungswebspace und öffne die URL deines Webspaces ( -> Betrachte die Datei übers Internet).
-  - mach dir den Unterschied zwischen den beiden Betrachtungsweisen klar.
-</box>
-===== Übung =====
-Die wichtigsten Strukturelemente für Texte sind:
-  * Überschriften (in verschiedener Ebene)
-  * Absätze
-  * Auflistungen ("Spiegelstriche")
-  * Aufzählungen ("Nummern")
-**Übung**\\
-Finde für jedes Strukturelement heraus, wie die zugehörige HTML Auszeichnung aussieht. Schreibe ein gültiges HTML-Beispieldokument, das alle Auszeichnungen enthält.