HTML Programmierung mit NVU

 

Unsere Internetseiten werden durch das World-Wide-Web als Textseiten, sozusagen als reine, schmucklose Datenseiten transportiert. In eurem Browser wird dann aus diesen Datenseiten eine schöne und meistens auch bunte Webseite hergestellt. Dieses geschieht auf eurem Rechner. Der Browser liest die Anweisungen, die er empfängt und stellt die Webseite her. Reine Textseiten kann der Browser schnell herstellen. Manchmal muss er zusätzlich noch Bilder nachladen. Das dauert dann etwas länger.

 

Wir wollen jetzt eine ganz einfache erste HTML Seite schreiben:

 

  1. Öffne deinen Editor Notepad
  2. Gib die folgenden Zeilen ein

 

<html>

  <head>

     <title>Meine erste HTML-Seite</title>

  </head>

 

  <body>

 

     <p>Inhalt meiner Seite</p>

  </body>

</html>

 

  1. Speichere die Seite unter „name.html“ . Jede Webseite muss mit den Erweiterungen .htm oder .html enden, damit der Browser weiß, dass er dieses Dokument bearbeiten muss.
  2. Rufe nun dieses Dokument mit deinem Browser auf. Dieses geschieht durch einen Doppelklick auf die Datei oder indem du das Dokument aus dem Browser heraus öffnest.

 

 

Im nächsten Schritt wollen wir nun diese erste kleine Seite etwas verbessern. Wir fügen dazu eine Hintergrundfarbe backgroundcolor (bgcolor) und eine Textfarbe ein.

Außerdem zentrieren wir den Text (align=center) und fügen eine Tabelle ein.

 

Schreibe die zusätzlichen Befehle ebenfalls in deine Datei oder öffne eine neue Datei und stelle deine zweite HTML-Datei her.

 

 

---à nächste Seite

 

 

<html>

  <head>

     <title>Meine erste HTML-Seite</title>

  </head>

 

  <body bgcolor=aqua text=green ><font size=7>

 

     <p align=center>Inhalt meiner Seite</p>

 

     <table width=50% bgcolor=white align=center border=10 cellspacing=8>

        <tr>

            <th>Überschrift der 1.Spalte</th>

        <th>Überschrift der 2.Spalte</th>

            </tr>

            <tr>

            <th>Inhalt der 1. Spalte</td>

            <th>Inhalt der 2. Spalte</td>

            </tr>

     </table>

  </body>

</html>

 

 

Alle HTML Befehle findest du auf www.selfhtml.org . Du kannst dir die Textdatei aus der eine Webseite besteht in deinem Browser unter Ansicht/Quellcode (oder Seitenquelltext (Firefox))  anschauen.

 

Lade dir jetzt den HTML-Editor NVU herunter. Kopiere das File in den Verzeichnis auf der Schüler E-Platte. Möglicherweise funktioniert die Installation jedoch nicht. In diesem Fall werden wir versuchen, das Programm ohne Registry-Eintrag zum Laufen zu bringen. Einen Kurs und ein Tutorial erhälst du auf der deutschsprachigen Seite www.nvu-composer.de .

 

Aufgabe

 

Erstelle nun eine neue HTML-Seite über Algorithmen und Programmiersprachen.

 

·      Mache dich mit dem Begriff Hyperlink vertraut.

·      Richte Hyperlinks ein, die auf Internet Seiten verweisen, die du bei deiner Recherche als besonders interessant oder relevant empfunden hast.

·      Richte einen Hyperlink zu der von dir erstellten Präsentation ein. Überlege dir, in welcher Form du deine Präsentation einbindest. Verwende für den Hyperlink die erste Folie deiner PowerPoint Präsentation. Du kannst diese erste Folie (wie auch jede andere) als Grafikdatei abspeichern. Verwende dann dieses Bild für den Hyperlink.