HTML - Grundübung Nr. 3

A) Mittels WinWord oder Dreamweaver 8 ist eine HTML-Datei zu erstellen: Dateiname: index.html (oder index.htm); Folgende Überschrift eingeben: "Übungswebseite für HTML"; Speicherort der index.html (oder index.htm) - Datei auf dem Desktop!

B) In deinem Unterordner (Benutzeranmeldename) des veröffentlichen WEB-Servers http://cms.hluwyspertal.ac.at ist mittels Windows-Explorer ein zusätzlicher Ordner zu erstellen! - Ordnername: UEBUNG
Hinweis: FTP-Zugang mit Datei-Explorer! - ftp://cms.hluwyspertal.ac.at/ ...

C) Kopiere vom Desktop mittels Windows-Explorer die neu erstellte Datei "index.html (oder index.htm)" in den zusätzlichen Ordner deines Unterordners des veröffentlichen Web-Servers http://cms.hluwyspertal.ac.at. Anschließend teste die kopierte Datei mittels Browser ... URL: http://cms.hluwyspertal.ac.at/ (dein Benutzername).

D) Folgender Text ist in der Index-Datei (index.html oder index.htm) zu ergänzen:
Die Schülerinnen und Schüle über die Gestaltung von Webseiten mittels HTML-Befehlen.

E) Ein beliebiges Bild vom Desktop mittels WinWord oder Dreamweaver 8 in die index.html (oder index.htm) - Datei einbinden!
Bildquelle: zB: Internet; Bildgröße max. 150 KByte
Hinweis: Kopiere dazu das Bild auf den veröffentlichten Web-Server (http://cms.hluwyspertal.ac.at) in deinen Unterordnern (/UEBUNG). Achte in der index.html (oder index.htm) - Datei auf die richtige Pfad-Angabe für die Bildquelle! (zB: http://cms.hluwyspertal.ac.at/ ...)
Nun teste wieder mittels Browser ob das Bild vom veröffentlichen Web-Server in deiner index.html (oder index.htm) - Datei angezeigt wird!

F) Folgende Element sind in der index.html (oder index.htm) - Datei einzufügen:
Unter dem Bild ist ein Hyperlink auf folgende Adresse https://de.wikipedia.org/wiki/Hypertext_Markup_Language – mit einem Zielframe: _blank - Neues Browserfenster! – einzufügen.

G) Eine weitere HTML (oder HTM) - Dateien sind mittels WinWord oder Dreamweaver 8 zu erstellen und auf dem Desktop zu speichern:
Dateiname: zusatzseite.html (oder zusatzseite.htm); Speicherort: Desktop
Inhalt: Zusatzinformationen zu HTML

H) Kopiere diese HTML (oder HTM) - Dateien vom Desktop auf den veröffentlichten Web-Server (http://cms.hluwyspertal.ac.at) in deine Unterordner. (Achtung: in Ordner /UEBUNG)

I) Verändere die index.html (oder index.htm) - Datei durch das Einfügen von einem Hyperlink auf ... „Zusatzseite“! Achte auf den richten URL - Angabe beim Hyperlink: http://cms.hluwyspertal.ac.at/... (dein Unterordner/UEBUNG)/dateiname der html (oder htm) - Datei! Zielframe: gleiches Fenster

J) Ergänze bei der HTML (oder HTM) - Übungsdateien – zusatzseite.html (oder zusatzseite.htm) einen "Hyperlink" -> "ZURÜCK" ... damit wird eine einfache Navigation erst ermöglicht!
Hinweis: ZURÜCK auf deine index.html-Datei! Zielframe: gleiches Fenster

Überzeuge dich nochmals von der Funktion im Browser!