2. Lektion : Aufbau der Dateien, "Hypertextverbindungen", Einfügen von Bildern
 

Aufbau der Dateien:

Beginnen Sie damit, dass Sie einen neuen Ordner herstellen, innerhalb dessen Sie arbeiten werden. Es ist dieser neu hergestellte "Raum", den Sie Ihrem Anbieter (serveur) übermitteln, um Ihre Dokumente im Internet anzubieten.

Vorsicht: Stellen Sie keine Verbindung mit einem Bild oder einer Datei ausserhalb dieses Ordners her! Dies funktioniert zwar auf Ihrem Computer aber nicht im Internet!

Es ist ratsam, die Bilder von den Texten zu trennen. Stellen Sie in diesem Fall eigene Ordner her..

Sie können auf folgende Art und Weise vorgehen :
 

Ordner:  webseite
Index .html
Ordner :

doc_text
Ordner:

doc_img
 
  • text1.html 
  • text2.html 
  • text3.html 
  • text4.html 
  • img1.jpg 
  • img2.jpg 
  • img3.jpg 
  • img4.jpg 
    		•

    Anmerkung : Vermerken Sie das Vorhandensein einer Datei index.html. Diese Datei ist unerlässlich. Sie ist die Eingangstür zu Ihrer "site". Diese Datei wird zuerst vom "browser" geöffnet. Es ist notwendig, sie an die Basis( Anfang) des Ordners zu stellen. (à la racine du dossier. )

    Gestatten Sie , Ihre "site" an einen "Anbieter" unter folgender Adresse zu übermitteln: http://www.website.com.
    Wenn ein Besucher die Adresse http://www.website.com bekanntmacht (anschaulich macht), das wäre dann die Datei index.html, die offen wäre, dann wäre das gleichbedeutend mit dem Bekanntmachen der Adresse http://www.website.com/index.html.

    Indessen ist es möglich direkt zu einer bestimmten Seite der "site" zu gelangen : http://www.website.com/doc-text/text4.html.

    Es ist auch möglich eine Datei index.html innerhalb eines Ordners "textes" zu plazieren, dann wäre die Adresse: http://www.website.com/doc_text
    Das ist sehr nützlich, wenn ihre "site" mehrere sehr unterschiedliche Teile enthält.
    In verschiedenen Sprachen: http://www.website.com/deutch et  http://www.website.com/english
     
     

    "Hypertextverbindungen", mail und einfügen von Bildern:

    Bevor wir die Verbindungen mit "hypertextes "und das Einfügen von Bildern ansprechen, müssen wir über die Adresse des Dokumentes reden.
    Diese kann relativ oder absolut sein
     

    Sie haben die Funktion des slash "/" bemerkt, die bedeutet, im Stammbaum  hinunterzugehen. Mit zwei Punkte " ../ " ist Funktion in dem Stammbaum heraufgestiegen.
     

    Absolute Adresse :

    Vorsicht! Die absolute Adresse beginnt immer mit http://.
    Relative Adresse :

    Sie ensteht von dem Moment an, an dem die Datei geöffnet ist.
    Wir nehmen Beispiele ausgehend von unserer "site" website.com
     

    Ausgangspunkt: Ankunftspunkt: Adresse :
    text1.html text2.html text2.html
    index.html text2.html doc_text/text2.html
    text2.html index.html ../index.html
    text2.html img1.jpg ../img/img1.jpg

     

    Verbindung "hypertexte ":

    <a href=http://www.website.com/textes/texte4.html>  Klicken sie hier, um zu dem Text Zugang zu haben 4</a> für eine absolute Adresse.

    <a href="texte4.html>" Klicken sie hier, um zu dem Text Zugang zu haben 4</a>  für eine relative Adresse.

    ("A" bedeutet "ancor" Anker)
    Verbindung mail :
    <a href="mailto:name@website.com> Mein Briefkasten </a>


    Einfügen eines Bildes :

    <img src= "http://www.website.com/doc_img/img1.jpg"< für eine absolute Adresse.
    <img src= ../doc_img/img1.jpg > für eine relative Adresse..
    Übung :
    Richten Sie eine einfache "site" mit einigen Dateien html und einigen Photos ein. Skizzieren Sie zunächst auf einem Blatt Papier kurz den Aufbau und machen Sie sich dann an die Umsetzung.
     
     

    3. Lektion  -  Zusammenfassung