Tag 5

  Wiederholung vom Freitag:

Hyperlinks:

•  HTML Element: a (anchor) Eigenschaft: href  = "Wert: Sprungziel (Ordnername/Dateiname)"
  
• Interhypertextuelle Verknüpfungen = Ziel: Relativer Pfad
  
  • werden Verlinkungen bezeichnet, die zwei Knoten innerhalb eines zusammenhängenden Hypertextes miteinander vernetzten
  • z. B. eine Navigation (vor und zurück) wird erstellt mit Verknüpfungen (wichtig für die Planung einer Web-Site)

• Intrahypertextuelle Verknüpfungen
  
  • verbinden zwei Punkte innerhalb eines Knotens und werden mit einem Sprungziel (Anker) gebildet
    
• Extrahypertextuelle Verknüpfungen
  
  • führen aus dem eigenen Hypertext heraus und bilden in der Regel Absprungstellen in andere Webpräsenzen.

Die URL (Uniform Resource Lokation)
1. Protokoll (Dienst)
http://   Webserver (Apache, IIS, ...)
https://  Webserver (verschlüsselt mit dem SSL)
ftp://      FTP-Server (Dateiserver)
file://     Eine lokale Datei
gopher:// Gopher-Server (vorläufer des www)
telnet:// Telnet (Kommandozeile im Internet)
mailto:   E-Mail
news:     USenet
irc:          Internet Relay Chat

2. IP-Adresse / DNS-System
Internet Protokoll (IP-Adressen)
IP4: 12.231.99.64  (Rechner-Adressen, 2 Mrd. Systeme adressierbar) 32bit
IP6: [2001:0db8:85a3:08d3:1319:8a2e:0370:7344] 128bit

Domain Name System
TLD (Top Level Domain)

• Big Six (com, org, net | edu, gov, mil) aus den Staaten
• Länderdomains (ca. 175, immer zweistellig, z. B. .de/.dl) z. B. Handel mit Domains: alle .tv-Adressen kommen über Tuvaiu
• Neue Domains:
  .info
  .biz
  .pro
  .name
  .post
  .aero
  .museum
  .mobi
  .xxx
• Ab 2013 komplett frei! (nic.de  (Denic eG) ist für Freigabe der Domain verantwortlich, die .de-Domain ist die Zweitgröße und günstigste Domain, ... ob die gewünschte Domain noch frei ist, betreibt aber nur die Datenbank, ein Web-Hoster (z. B. 1&1, Strato) stellt Ihnen die Web-Adresse (im Paket) zur Verfügung)
• Subdomains kann man unter seiner Domain einrichten
• für die eigene E-Mail-Adresse lohnt sich schon eine eigene Domain
• siehe Web-Hosting-Adressen
• Server-Hosting (für größere Projekte)
  
  • eigenen Root-Server (mit bestimmte Software auswählen) mieten (selber verwalten)
    
  • virtuelle Server, günstiger (selber verwalten, selber Web-Hoster)
    
  • managed (mit Web-Admin vom Hoster sehr teuer)
  Wichtig, dabei Back-up-Provider beachten!!!

Domain
Subdomain
Rechner (www) (man gibt seinen Rechner einen Namen)

3. Pfad
Sprechende Namen (SEO)

Übungsaufgabe: Verlinken mit externen URLs
z. B. Kultur in Hamburg

Hinweis: Man kann zu den Links noch ein "Title-Tag" setzten um den externen Link noch einen zusätzlichen Title/Hinweis zu geben



Relatives Referenzieren (Übungsaufgabe)

• Wir legen einen neuen Ordner an: webseite
• in dem Ordner webseite legen wir job (im job ordner schulung) und privat an
• ensprechend in den Ordnern müssen wir die Dokumente index/webdesign/familie/cms an
• wir legen eine Verzeichnisstruktur an (sobald wir etwas verschieben, stimmt unsere Ordnerstruktur nicht mehr!!!)
• <a href="../../index.html">Start</a> ( ../../ = sind die Etagen (Ordner) in unserer Verzeichnisstruktur)
• Root (Webseite) = Ursprungsordner (relatives Referenzieren = wir ziehen unseren Ordner auf den Web-Server und die Strukur wird dann automatisch übernommen)
• Immer erst die Dateien anlegen, wo speichern wir die Datei mit welchen Namen ab!!!
  Ganz wichtig zum Verlinken und für die Linkstruktur!!!

Definitionsliste
<dl> = Defintion List
<dt> = HTML = Definition Term (Begriff)
<dd>= Hypertext Markup Languag = Definition Description (Beschreibung)

• Es gibt eine Definitions Liste <dl>, in der Liste ist ein Begriff <dt> und der Begriff <dd> (eingerückt) wird beschrieben,  z. B.

 
Ein Glossar (lat. glossarium, griech. γλωσσάριο glōssario, zu γλῶσσα glōssa „Zunge“, „Sprache“) ist eine Liste von Wörtern mit beigefügten Erklärungen oder Übersetzungen. Das lateinische Wort glossarium bezeichnet dabei als Objekt ein "Buch", das (ver)alte(te) oder fremde Wörter erläutert.