Grete Kugler Webdesign - Teil 1 Internet und WWW Aufbau von HTML-Seiten Formatierungen und Links.

Präsentation zum Thema: "Grete Kugler Webdesign - Teil 1 Internet und WWW Aufbau von HTML-Seiten Formatierungen und Links."—  Präsentation transkript:

1 Grete Kugler Webdesign - Teil 1 Internet und WWW Aufbau von HTML-Seiten Formatierungen und Links

2 Grete KuglerWebdesign - Teil12 Internet und WWW Weltweiter Verbund von Computern Kommunikationsprotokoll: TCP/IP Sucht bei Ausfall Umweg Jeder Rechner hat eine IP-Adresse –Netzwerkadresse –Hostadresse Domäne DNS: Domain Name Service

3 Grete KuglerWebdesign - Teil13 Web-Site Kombination mehrerer Webseiten in einer logischen Struktur Navigation durch Links Text, Graphiken, Sound,... Web-Server W3C-Consortium Hypertext Transfer Protocol

4 Grete KuglerWebdesign - Teil14 Software Hypertext Markup Language Textdatei  Editor –Texteditor –WISIWIG - Editor –Mischformen Entwicklungswerkzeuge Dreamweaver, Frontpage, GoLive,...

5 Grete KuglerWebdesign - Teil15 HTML Dokument ASCII-Datei mit Text und Metasymbolen (Tag) Tags treten i.A. paarweise auf Dieser Text ist fett Aufbau –Dokumentendeklaration –Header mit Titel –Textkörper (body)

6 Grete KuglerWebdesign - Teil16 Beispiel Willkommen! Hier folgt der eigentliche Inhalt

7 Grete KuglerWebdesign - Teil17 Kommentare, Entities Umlaute und Sonderzeichen werden durch Entities maskiert: Sonderz.EntitySonderz.Entity <<ßß &&ÄÄ ""©©

8 Grete KuglerWebdesign - Teil18 Formatierungen LineBreak, kein Ende-Tag.......... weitere align-Werte: "right" "center" "justify"

9 Grete KuglerWebdesign - Teil19 Horizontale Linien –align: right / left / center –size: Größe in Pixel –width: Länge in Pixel oder % der Fensterbreite –color: Farbe als RGB-Wert

10 Grete KuglerWebdesign - Teil110 Textattribute bold italic unterstrichen strike hoch tief Text bold italic unterstr. strike hoch tief Text

11 Grete KuglerWebdesign - Teil111 Weitere Textattribute relativ größere Schrift relativ kleinere Schrift dicktengleiche Schrift Basisfont: Times New Roman, 12pt, size=3

12 Grete KuglerWebdesign - Teil112 Überschriften Gliederung des Textes durch Überschriften 6 Ebenen, jede Ebenen hat ihren vordefinierten Font Größter Font... Kleinster Font

13 Grete KuglerWebdesign - Teil113 Links Verweise von einer Stelle eines Dokumentes zu einer anderen Stelle des gleichen oder eines anderen Dokumentes. Link = Hyperlink = Weblink 2 Seiten (Anker = anchor) und eine Richtung

14 Grete KuglerWebdesign - Teil114 Link - Beispiel Kapitel 1 Abschnitt 1 Abschnitt 2

15 Grete KuglerWebdesign - Teil115 Kapitel 1

16 Grete KuglerWebdesign - Teil116 Abschnitt 1

17 Grete KuglerWebdesign - Teil117 Abschnitt 2

18 Grete KuglerWebdesign - Teil118 Kapitel 1 Hier steht die Einleitung von Kapitel 1 Abschnitt 1 Hier steht alles zu Abschnitt 1 Abschnitt 2 Hier steht alles zu Abschnitt 2

19 Grete KuglerWebdesign - Teil119 Abschnitt 1 Hier steht alles zu Abschnitt 1 Abschnitt 2 Hier steht alles zu Abschnitt 2

20 Grete KuglerWebdesign - Teil120 Abschnitt 2 Hier steht alles zu Abschnitt 2

21 Grete KuglerWebdesign - Teil121 Kapitel1.html... Hier steht die Einleitung von Kapitel 1. Abschnitt 1 Hier steht alles zu Abschnitt 1 Abschnitt 2 Hier steht alles zu Abschnitt 2...

22 Grete KuglerWebdesign - Teil122 URL URL: protokoll://hostname/directoryname/filename#marke protokoll: Zugriffsart –http-ftp –mailto-news –file hostname: www.tgm.ac.atwww.tgm.ac.at directoryname/filename: Datei, die angezeigt wird marke: Stelle innerhalb der Datei

23 Grete KuglerWebdesign - Teil123 absoluter/ relativer URL –Der absolute URL gibt die komplette Adresse an, vom Protokoll bis allenfalls zu Marke –Der relative URL geht von der Position im Directorybaum der angezeigten Datei aus. –../datei datei befindet sich im übergeordneten Directory –/directory/datei datei befindet sich im untergeordenten Directory

24 Grete KuglerWebdesign - Teil124 Menue.html Kapitel 1 Abschnitt 1 Abschnitt 2