Präsentation herunterladen
Die Präsentation wird geladen. Bitte warten
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=„ der WU</A> TCP...Transmission Control Protocol IP...Internet Protocol
Ähnliche Präsentationen
