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 Grundlagen HTML: Hypertext Markup Language Hypertext Markup Language
Knoten (Hypertext-Dokumente, Grafiken,...) Verweise (Hyperlinks) Markup Language Strukturierung eines Dokumentes reines ASCII ARPANET...Advanced Research Projects Agency-NET

3 WU Wien jeder WU Student darf eine Homepage anlegen
notwendig: PowerNet-Account Anforderung über WWW wichtig zu notieren: Verzeichnis auf dem PowerNet-Rechner, in das Homepage gehört URL der Homepage TCP...Transmission Control Protocol IP...Internet Protocol

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) TCP...Transmission Control Protocol IP...Internet Protocol

5 Tags HTML-Befehle: Tags (immer in spitzen Klammern)
die meisten Befehle: Anfangs- und Ende-Tag Anfangs-Tag: <befehl> dazugehöriges Ende-Tag: </befehl> beziehen sich auf dazwischenstehenden Text können ähnlich der Klammersetzung in der Mathematik geschachtelt werden können Argumente besitzen TCP...Transmission Control Protocol IP...Internet Protocol

6 Struktur Struktur einer HTML-Seite
Head: allgemeine Festlegungen (Bsp. Titel) Body: eigentlicher Text/Inhalt gesamtes Dokument: innerhalb von <HTML>...</HTML> Head zwischen <HEAD>...</HEAD> dazwischen z.B. <TITLE>...</TITLE> für den Titel der Seite (wird oben im Browser angezeigt) TCP...Transmission Control Protocol IP...Internet Protocol

7 Struktur Body Beispiel für korrekte Struktur
innerhalb <BODY>...</BODY> auch mit Argument: <BODY bgcolor=farbe> alle kommenden Tags innerhalb des Body Beispiel für korrekte Struktur <html> <head> <title>Testseite</title> </head> <body> Meine erste Seite </body> </html> TCP...Transmission Control Protocol IP...Internet Protocol

8 Überschriften Überschriften (Headings) Trennlinie
<Hx>...</Hx> der Text innerhalb dieses Tags wird als Überschrift angezeigt (x ist eine Zahl mit 1 - wichtigste Überschrift - beginnend) z.B. <H1>Einleitung</H1> Trennlinie <HR width=x%> zeichnet eine horizontale Linie über x Prozent des Bildschirms TCP...Transmission Control Protocol IP...Internet Protocol

9 Listen Listen <UL><LI>...<LI>...</UL> bzw. <OL><LI>...<LI>...</OL> 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. <UL><LI>Apfel<LI>Birne</UL> TCP...Transmission Control Protocol IP...Internet Protocol

10 Formatierung Zeilenumbruch (break) Paragraph (mit Abstand)
erfolgt ansonsten automatisch am Rand des Bildschirm oder vor bzw. nach anderen Tags wie z.B. <H1> Paragraph (mit Abstand) <P> Schriftarten <B>...</B> fette Schrift (bold) <I>...</I> kursive Schrift (italic) TCP...Transmission Control Protocol IP...Internet Protocol

11 Formatierung II Ausrichtung Umlaute <CENTER>...</CENTER>
<LEFT>...</LEFT> <RIGHT>...</RIGHT> Umlaute ö bzw. ü bzw. ä TCP...Transmission Control Protocol IP...Internet Protocol

12 Tabellen Tabellen innerhalb von <TABLE>...</TABLE>
mögliche Parameter sind border (Ränderbreite), cellspacing (Abstand zwischen Zellen) und cellpadding (Rand innerhalb einer Zelle) <TR> erzeugt neue Reihe (table row) <TD> erzeugt neues Feld (Spalte, table data) Beispiel <TABLE> <TR><TD>Stefan<TD>1 <TR><TD>Ed<TD>3 </TABLE> TCP...Transmission Control Protocol IP...Internet Protocol

13 Grafiken <IMG SRC="URL"> 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 TCP...Transmission Control Protocol IP...Internet Protocol

14 Hyperlinks <A HREF=“url">...</A>
es wird unter dem Text im Tag eine Link auf den URL (wieder absolut oder relativ) eingefügt Beispiel <A HREF=„http://www.wu-wien.ac.at“>Hauptseite der WU</A> TCP...Transmission Control Protocol IP...Internet Protocol


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

Ähnliche Präsentationen


Google-Anzeigen