Die Präsentation wird geladen. Bitte warten

Die Präsentation wird geladen. Bitte warten

Web-Publishing: HTML im Rahmen des PS aus Elektronischer Datenverarbeitung (Rechnerpraktikum)

Ähnliche Präsentationen


Präsentation zum Thema: "Web-Publishing: HTML im Rahmen des PS aus Elektronischer Datenverarbeitung (Rechnerpraktikum)"—  Präsentation transkript:

1 Web-Publishing: HTML im Rahmen des PS aus Elektronischer Datenverarbeitung (Rechnerpraktikum)

2 2 Grundlagen HTML: Hypertext Markup Language Hypertext –Knoten (Hypertext-Dokumente, Grafiken,...) –Verweise (Hyperlinks) Markup Language –Strukturierung eines Dokumentes –reines ASCII

3 3 WU Wien jeder WU Student darf eine Homepage anlegen notwendig: PowerNet-Account Anforderung über WWW –http://www.wu-wien.ac.at/infocenter/homepage.html wichtig zu notieren: –Verzeichnis auf dem PowerNet-Rechner, in das Homepage gehört –URL der Homepage

4 4 Schreiben einer HTML-Seite Anmelden auf PowerNet-Rechner –telnet (siehe Unix) wechseln in das richtige Verzeichnis –cd-Befehl (siehe Unix) erstellen/bearbeiten der Seite –da ASCII-Text –möglich mittels z.B. Pico (siehe Unix)

5 5 Tags HTML-Befehle: Tags (immer in spitzen Klammern) die meisten Befehle: Anfangs- und Ende-Tag –Anfangs-Tag: –dazugehöriges Ende-Tag: –beziehen sich auf dazwischenstehenden Text –können ähnlich der Klammersetzung in der Mathematik geschachtelt werden können Argumente besitzen

6 6 Struktur Struktur einer HTML-Seite –Head: allgemeine Festlegungen (Bsp. Titel) –Body: eigentlicher Text/Inhalt gesamtes Dokument: innerhalb von... Head –zwischen... –dazwischen z.B.... für den Titel der Seite (wird oben im Browser angezeigt)

7 7 Struktur Body –innerhalb... –auch mit Argument: –alle kommenden Tags innerhalb des Body Beispiel für korrekte Struktur Testseite Meine erste Seite

8 8 Überschriften Überschriften (Headings) –... –der Text innerhalb dieses Tags wird als Überschrift angezeigt (x ist eine Zahl mit 1 - wichtigste Überschrift - beginnend) –z.B. Einleitung Trennlinie – –zeichnet eine horizontale Linie über x Prozent des Bildschirms

9 9 Listen – bzw –erzeugt eine Unordered (UL) oder Ordered (OL) List (mit oder ohne Nummerierung) –von einem LI bis zum nächsten ist ein Punkt –kann beliebig geschachtelt werden –z.B. Apfel Birne

10 10 Formatierung Zeilenumbruch (break) – –erfolgt ansonsten automatisch am Rand des Bildschirm oder vor bzw. nach anderen Tags wie z.B. Paragraph (mit Abstand) – Schriftarten –... fette Schrift (bold) –... kursive Schrift (italic)

11 11 Formatierung II Ausrichtung –... Umlaute –ö bzw. ü bzw. ä

12 12 Tabellen –innerhalb von... –mögliche Parameter sind border (Ränderbreite), cellspacing (Abstand zwischen Zellen) und cellpadding (Rand innerhalb einer Zelle) – erzeugt neue Reihe (table row) – erzeugt neues Feld (Spalte, table data) –Beispiel Stefan 1 Ed 3

13 13 Grafiken –Bild, das an URL liegt, wird eingefügt –URL kann relativ (ausgehend vom Verzeichnis der momentanen Seite) –oder absolut (vollständig - Problem beim Verschieben der Seite) angegeben werden

14 14 Hyperlinks... –es wird unter dem Text im Tag eine Link auf den URL (wieder absolut oder relativ) eingefügt –Beispiel Hauptseite der WU


Herunterladen ppt "Web-Publishing: HTML im Rahmen des PS aus Elektronischer Datenverarbeitung (Rechnerpraktikum)"

Ähnliche Präsentationen


Google-Anzeigen