1. Lektion : Einrichten einer Textseite html.
 
 

Mit Hilfe der Markierungszeichen HTML auf englisch "tags" sind wir in der Lage, eine Textseite einzurichten. (z.B. <b> für fettgedruckt)
Die Software mit der wir eine  "Webseite" ereichen können heisst  "browser" (Netscape ou Explorer). Der browser  wird die Markierungszeichen lesen und interpretieren.
Die Markierungszeichen spielen für den "browser" die Rolle von "Verkehrszeichen" und sie erlauben ihm auf dem Bildschirm ein Dokument mit einer vollständig eingerichteten Textseite zur Ansicht zu bringen.

Markierungszeichen erlauben auf einfache Art und Weise das Einrichten einer Textseite (diese Liste ist nicht vollständig) :

Wie Sie feststellen können, ist das Prinzip sehr einfach. Es ist ausreichend ein wenig das Vokabular zu erlernen und Sie werden in der Lage sein, Ihre "Webseiten" auszuarbeiten.
<html>     </html> Ist an den Anfang des Dokumentes zu stellen! Kennzeichen für den "browser", dass er sich im Einflussbereich von html befindet.
<body>    </body> Den "Textcorpus" einrahmen (ergänzende Informationen, die auf der Seite nicht sichtbar sind, könnten sich in einem verborgenen Textteil mit Namen "Kopfzeile" befinden. head <head> </head>).
<b>          </b> Fett
<i>           </i> Kursive
<u>           </u> Unterstrichen
<h1>         </h1>    (<h2> <h3> <h4> <h5>) Erlaubt Überschriften von verschiedener Grösse herzustellen
<center>    </center> zentrieren
<right>       </right> Rechtsbündig schreiben
<div align = right >     </div> Erlaubt einen bestimmten Teil der Zeile auszurichten (anzugleichen)
<br> Zurück zur Zeile.
<p> Neuer Abschnitt (Zeilensprung).
<blockquote>      </blockquote> zurückliegender Absatz
<hr< (<hr size=8 width="25%" align="center">) schtrisch
<font> </font>

<font size="5" face="arial">     </font>
 

 Eigenschaften von Buchstaben:
  • Aussehen : Zeichen 
  • Grösse : Grösse von 1 bis 5. 
  • color : Farbe 

Bemerkung : Das Kreieren einer Schrift HTML hat nichts mit "programmieren". zu tun.

Textbeispiel:
Erklärung in Kursive

<html>                     Anfang eines Dokumentes html
<body>                   Anfang des Textes
<center><h1>Text in HTML</h1></center>          Überschrift
<p>Hier ist mein ersten HTML Text.        neuer Abschnitt
<br>                         neue Zeile
<blockquote>           neuer  zurückliegender Absatz
Ich werde verschiedene Funktionen meines "browsers" ausprobieren. <br>                         neue Zeile
<b>Einige Wörther fettgedruckt</b>               fettgedruckt
<br>                          neue Zeile
<i>Einige Wörther in Kursive</i>               Text in Kursive
<br>
<u>Einige Wörther unterstrichen</u>         Text unterstrichen
<hr size=1 width="25%" align="left">      Trennlinie
<b><i><u>Einige Wörther fettgedruckt kusive und unterstrichen </b></i></u>
</blockquote>        Ende des  zurückliegender Absatz
<font size="5" face="arial" color="red">    Zeichen spezifischer Buchstaben
Schrift in arial rot Grösse 5.
</font>
<p>Ende des Dokumentes
</body>                Ende des Textes
</html>               Ende des Dokumentes html

Klicken Sie hier , um das Ergebnis





Benennen der Dateien :   texte.html    Sehr wichtig !!!
 

Kleinbuchstaben und Grossbuchstaben entsprechen sich nicht, deshalb raten wir Ihnen, alles in Kleinbuchstaben zu schreiben

Zwei "extensions" (Erweiterungen?) sind möglich, html oder htm, aber sie sind nicht austauschbar. Legen Sie sich auf eine für Ihre "site" fest, so vermeiden sie grösseres Durcheinander.

 Vorsicht vor Fallen: Es kann sein, dass etwas auf ihrem Computer funktioniert, aber nicht im Internet, denn UNIX toleriert im Gegensats zu Windows keine Akzente und keine Zwischenräume.
(UNIX ist eine Systemfamilie ähnlich wie MSDOS oder Windows, die als Plattform zur Entwicklung des Internets dient. LINUX ist ein UNIX)
 

Bemerkung:
Eine Besonderheit der Sprache HTML besteht darin, dass sie keinen "Eigentümer" hat (Gott sei Dank!). Sie ist deshalb nicht zu stark in die "ökonomischen Schlachten" auf diesem Markt involviert.
Um ein Dokument in MSWord oder WordPerfect wieder zu lesen, muss man sich im Besitz derselben Software befinden.
Das ist für ein Dokument html nicht der Fall. Es kann, ohne dass es konvertiert werden muss, von der unterschiedlichsten Software auf Mac, Window oder UNIX gelesen werden.

Microsoft und Netscape haben beide einige spezielle Markierungszeichen für ihren "browser" entwickelt. Diese Markierungszeichen können vom "browser" der Konkurrenz nicht wiedererkannt werden. Von diesen Markierungszeichen gibt es jedoch nicht viele. "Front page" (Vorderseite?) von Microsoft bringt eigene Markierungszeichen von Microsoft. Es ist ratsam beim Bearbeiten dieser komplizierten Seiten verschiedene "browser" auszuprobieren. Im Zweifelsfall ist der Software "neutraler" Marken, die nicht an diese speziellen Markierungszeichen gebunden sind, der Vorzug zu geben, Der Netscape Composer (den wir hier verwenden) bereitet keine grösseren Probleme, obwohl er mit einem "browser Netscape Navigator" verbunden ist. Er hat den Vorteil, dass er gleichzeitig billig und leicht zu bedienen ist. Um stärker ausgeabeitetere Seiten einzurichten, empfehlen wir ihnen "Dreamweaver" von Macromedia, eine sehr komplexe Software, die einige Ausbildungszeit benötigt.

Übung :
Gestalten Sie ein Dokument HTML, mit Fussnoten (Anmerkungen)(Einzelheiten unter Windows).
Vorsicht! Speichern Sie das Dokument mit l'extension (Erweiterung?) ".html", es wird automatisch von ihrem "browser" wiedererkannt.

Wir können Sie nur immer wieder ermutigen, Versuche zu unternehmen, indem Sie immer wieder von der Schrift zum Resultat gelangen und umgekehrt.

Vergessen Sie nicht, Ihren browser zuerst zu schützen (sichern) und erst darauf mit der neuen Version zu beladen.

Gehen Sie spielerisch an das Ganze heran und machen Sie eigene Erfahrungen, das ist die beste Art etwas zu lernen.

2 Lektion -  Zusammenfassung