HTML - Grundübung 1. Teil

1. Mittels "Dreamweaver 8" ist eine HTML-Datei zu erstellen: Dateiname: index.html; Folgenden Text eingeben: "Meine erste CMS-Stunde"; Speicherort der index.html - Datei auf dem Desktop!

2. Auf dem veröffentlichen Web-Server http://class.hlaysper.ac.at ist in deinem Unterordner "=> Benutzeranmeldename" die bestehende Datei "index.php" umzubenennen auf folgenden Dateinamen "index_cms.php". (Hinweis: Über den Windows-Explorer mittels FTP-Zugang nur möglich! - Pfad im Windows-Explorer: ftp://class.hlaysper.ac.at/ ...)

3. Kopiere vom Desktop mittels Windows-Explorer die neu erstellte Datei "index.html" in den Unterordner des veröffentlichen Web-Servers http://class.hlaysper.ac.at. Anschließend teste die kopierte Datei mittels Browser ... URL: http://class.hlaysper.ac.at/ (dein Benutzername).

4. Ein Bild ist aus der Bibliothek auf den Desktop zu kopieren. Dieses Bild ist in der Speichergröße (Auflösung) so zu ändern, dass das Bild im Bildformat - JPG - zwischen 70 und 100 KByte hat. Änderung ist auf dem Desktop zu speichern!

5. Bild vom Desktop mittels "Dreamweaver 8" in die index.html - Datei einbinden. Kopiere dazu das Bild vom Desktop auf den veröffentlichten Web-Server (http://class.hlaysper.ac.at) in deinen Unterordnern. Achte in der index.html - Datei auf die richtige Pfad-Angabe für die Bildquelle! (zB: http://class.hlaysper.ac.at/ ...)
Nun teste wieder mittels Browser ob das Bild vom veröffentlichen Web-Server in deiner index.html - Datei angezeigt wird.

6. Folgende Element sind in der index.html - Datei einzufügen:
6a) Ein Hyperlink auf folgende Adresse http://www.hlaysper.ac.at - Zielframe: _blank - Neues Browserfenster!
6b) Ein Hyperlink auf folgende Adresse http://www.oe3.at

7. Weitere HTML-Dateien sind mittels "Dreamweaver 8" zu erstellen und auf dem Desktop zu speichern:
7a) Dateiname: kontakte.html; Inhalt: Deine Kontaktdaten; Seitentitel: Kontakte von ...
7b) Dateiname: interessen.html; Inhalt: Aufzählung von drei Interessen; Seitentitel: Interessen von ...
7c) Dateiname: linksammlung.html: Inhalt: drei Internetadressen auflisten inkl. Zielframe "_blank" auflisten; Seitentitel: Linksammlung
7d) Kopiere diese drei HTML-Dateien vom Desktop auf den veröffentlichten Web-Server (http://class.hlaysper.ac.at) in deinen Unterordner.

8. Verändere die index.html - Datei durch das Einfügen von drei Hyperlinks auf ... a) Kontakte; b) Interessen; c) Linksammlung
Achte auf den richten URL - Angabe beim Hyperlink: http://class.hlaysper.ac.at/... (dein Unterordner)/dateiname der html-Datei!

9. Ergänze bei allen HTML-Übungsdateien einen "Hyperlink" -> "ZURÜCK!" ... damit wird eine einfache Navigation erst ermöglicht!

10. Als zusätzliche Übung kannst du die erstellten html - Dateien noch etwas "Ausschmücken" ... z.B.: Formatierungen, Bilder einfügen, Links einfügen, usw. ... Teste die Änderungen immer vom veröffentlichen Web-Server (http://class.hlaysper.ac.at / ...) mittels Browser.

11. Sämtliche Übungsdateien sind auf dem veröffentlichen Web-Server aus deinem Unterordner mittels FTP-Zugang zu entfernen: index.html; kontakte.html; interessen.html; linksammlung.html; Alle Bilddateien welche in HTML-Dateien eingebunden wurden!

12. Um die CMS - Installtion ausführen zu können ist folgender Schritt mittels Windows-Explorer über FTP-Zugang durchzuführen: Die Datei "index_cms.php" ist wieder auf "index.php" umzubenennen! -  Lächelnd