Web-basierte Anwendungssysteme XHTML-Hyperlinks Prof. Dr. Sergej Alekseev (alekseev@fb2.fra-uas.de) Prof. Dr. Armin Lehmann (lehmann@e-technik.org) Fachbereich 2 Informatik und Ingenieurwissenschaften Wissen durch Praxis stärkt Seite 1 Prof. Dr. Sergej Alekseev Prof. Dr. Armin Lehmann Web-basierte Anwendungssysteme WS 2016/17
Domain Name System (DNS) Dienst in IP-basierten Netzen Auflösung von sog. Domain-Namen in IP-Adressen und umgekehrt Nutzer (Mensch) kennt Name des Rechners (Host) z.b. heise.de Wird aufgelöst in: + IPv4 --> 193.99.144.80 + IPv6 --> 2a02:2e0:3fe:1001:302:0:0:0 Seite 2 Prof. Dr. Sergej Alekseev Prof. Dr. Armin Lehmann Web-basierte Anwendungssysteme WS 2016/17
Domain Name System (DNS) Versuch: >ping heise.de Seite 3 Prof. Dr. Sergej Alekseev Prof. Dr. Armin Lehmann Web-basierte Anwendungssysteme WS 2016/17
DNS-Aufbau Hierarchisch gegliedertes System in Baumstruktur root at ch de fr to com edu gov net org Top-level Domain swisscom fh-frankfurt google harvard e-technik Second Level Domain fb2 lehmann Sub- Domain ti-lab01 ti-lab02 Host Beispiel: ti-lab02.fb2.fh-frankfurt.de Seite 4 Prof. Dr. Sergej Alekseev Prof. Dr. Armin Lehmann Web-basierte Anwendungssysteme WS 2016/17
DNS-Abfrage (Address Resolution) att.com Application NS att.com NS root NS Denic NS fh-frankfurt.de cache? y n de? 81.91.164.5 fh-frankfurt.de? 192.109.234.209 www.fh-frankfurt.de? store 192.109.234.216 >nslookup www.fh-frankfurt.de Seite 5 Prof. Dr. Sergej Alekseev Prof. Dr. Armin Lehmann Web-basierte Anwendungssysteme WS 2016/17
Lokale Domain-Auflösung In der Datei hosts stehen alle dem lokalen System bekannte Hosts UNIX-->/etc/hosts Windows-->//Windows/System32/drivers/etc/hosts 127.0.0.1 localhost ::1 localhost fe80::1 localhost # <IP-Adresse> <Rechnername(n)> 192.168.0.1 juniper.heimnetz juniper 192.168.0.10 hp.heimnetz hp 127.0.0.1 doubleclick.net #Umleitung Seite 6 Prof. Dr. Sergej Alekseev Prof. Dr. Armin Lehmann Web-basierte Anwendungssysteme WS 2016/17
DNS Server Konfiguration In Linux in der Datei /etc/resolv.conf nameserver 8.8.8.8 nameserver 192.168.137.2 nameserver 127.0.0.1 oder /etc/network/interfaces dns-nameservers 8.8.8.8 192.168.137.2 Seite 7 Prof. Dr. Sergej Alekseev Prof. Dr. Armin Lehmann Web-basierte Anwendungssysteme WS 2016/17
Fragen zu DNS Was bewirkt folgender Eintrag in der Datei /etc/hosts 127.0.0.1 www.google.de www.google.com Welche der folgenden Domain-Namen sind zulässig? www.www.fh-frankfurt.de www1.fh-frankfurt.de 123.fh.frankfurt.de fh-frankfurt.de.de de.fh-frankfurt.www w.w.w.fh-frankfurt.de 192.34123.de Seite 8 Prof. Dr. Sergej Alekseev Prof. Dr. Armin Lehmann Web-basierte Anwendungssysteme WS 2016/17
Fragen zu DNS Was bewirkt folgender Eintrag in der Datei /etc/hosts 127.0.0.1 www.google.de www.google.com Welche der folgenden Domain-Namen sind zulässig? www.www.fh-frankfurt.de www1.fh-frankfurt.de 123.fh.frankfurt.de fh-frankfurt.de.de de.fh-frankfurt.www w.w.w.fh-frankfurt.de 192.34123.de Seite 9 Prof. Dr. Sergej Alekseev Prof. Dr. Armin Lehmann Web-basierte Anwendungssysteme WS 2016/17
Uniform Resource Identifier (URI) Uniform Resource Identifier (URI) - RFC 3986 eindeutige Kennzeichnung für Ressourcen vor allem im Internet und WWW z.b. eingebunden in HTML als sogenannte Hyperlinks URI = scheme":"authority"/"path"?"query"#"fragment scheme = http ftp usw. authority = Domain oder IP-Adresse path = "/ "falls mit authority kein "//" falls ohne authority Seite 10 Prof. Dr. Sergej Alekseev Prof. Dr. Armin Lehmann Web-basierte Anwendungssysteme WS 2016/17
URI-Referenzen URI = scheme":"authority"/"path"?"query"#"fragment Absolute URI Besteht mind. aus scheme, authority und optional path Z.B.: + http://frankfurt-university.de + http://frankfurt-university.de/index.htm Adressieren Ressourcen unabhängig vom aktuellen Ort!!! Seite 11 Prof. Dr. Sergej Alekseev Prof. Dr. Armin Lehmann Web-basierte Anwendungssysteme WS 2016/17
URI-Referenzen URI = scheme":"authority"/"path"?"query"#"fragment Relative URI path und optional authority Z.B.: + //frankfurt-university.de + /index.htm + index.htm Adressieren Ressourcen von einem bestimmten Ort aus!!! Seite 12 Prof. Dr. Sergej Alekseev Prof. Dr. Armin Lehmann Web-basierte Anwendungssysteme WS 2016/17
HTML Pfadangaben Absolute Pfadangabe verwenden, wenn Ressourcen extern liegen http://frankfurt-university.de/favicon.ico Absoluten Pfadangaben beginnen immer mit "/" z.b: + / + /index.htm + /favicon.ico + /index.htm#impressum Seite 13 Prof. Dr. Sergej Alekseev Prof. Dr. Armin Lehmann Web-basierte Anwendungssysteme WS 2016/17
HTML Pfadangaben Relative Pfadangaben beginnen immer nie mit "/" z.b: +./ +../../index.htm + favicon.ico +./favicon.ico Seite 14 Prof. Dr. Sergej Alekseev Prof. Dr. Armin Lehmann Web-basierte Anwendungssysteme WS 2016/17
Hyperlink Hyperlink Verweis auf eine andere Ressource: + Z.B. Web-Seite, Datei oder Bild wie Querverweis in Büchern, aber automatisch muss immer Adresse des Ziels enthalten Seite 15 Prof. Dr. Sergej Alekseev Prof. Dr. Armin Lehmann Web-basierte Anwendungssysteme WS 2016/17
Tag a Anker <a>, ist ein Element, welches man an einem Zeichen, Wort, Text, Bild usw. befestigen kann: <a>hier</a> klicken <a>h</a>ier klicken Anchor hat Attribute name und href: name - erzeugt einer Markierung href - erzeugt einen Link Beispiele: <a href="https://www.frankfurt-university.de/fachbereiche/fb2">link</a> <a href="../fachbereiche/fb2">relativer Link</a> <a name="mark1">das ist eine Markierung</a> <a href="#mark1">das ist Link zu einer Markierung</a> Seite 16 Prof. Dr. Sergej Alekseev Prof. Dr. Armin Lehmann Web-basierte Anwendungssysteme WS 2016/17
Relative und absolute URIs Schreiben Sie die dargestellten Verweise als relative Pfadangaben root index.htm Übung1 Übung2 Schreiben Sie die dargestellten Verweise als absolute Pfadangaben seiten seite1.htm Home seite2.htm Home ueb ueb1.htm Home Seite1 ueb2.htm Home Seite2 Seite 17 Prof. Dr. Sergej Alekseev Prof. Dr. Armin Lehmann Web-basierte Anwendungssysteme WS 2016/17
Links: erstellen Sie folgende Webseite Laden Sie die Datei link01.txt herunter Erstellen Sie daraus eine XHTML-Seite Befestigen Sie Marken an den Zwischenüberschriften Fügen Sie Inhaltsverzeichnisverweise auf die Marken ein Fügen Sie am Seitenkopf eine Marke top ein, damit Sie von jeder Zwischenüberschrift zum Inhaltsverzeichnis navigieren können Verwenden Sie im Body nur folgende Elemente: a, b, div, h3, hr, p, ul Seite 18 Prof. Dr. Sergej Alekseev Prof. Dr. Armin Lehmann Web-basierte Anwendungssysteme WS 2016/17