HTML - Grundübung 1. Teil

1. Mittels "WinWord" ist eine HTML-Datei zu erstellen: Dateiname: index.html; Folgenden Text eingeben: "Meine erste HTML-Erfahrung"; Speicherort der index.html - Datei auf dem Desktop. Erstelle dazu einen neuen Ordner ... \HTML!
Zuerst sollst du diese erstellte Datei als WinWord-Datei (*.docx) im Ordner \Desktop\HTML speichern und erst danach verwende mit dem gleichen Dateinamen index.html als Dateitype (Erweiterung) *.html (Website, gefiltert *.htm, *.html).

2. Auf dem veröffentlichen Web-Server http://cms.hluwyspertal.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://cms.hluwyspertal.ac.at/ "Dein Benutzername")

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

4. Ein Bild als *.JPG-Datei 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 "WinWord" in die index.docx - Datei einbinden. Anschließend diese Datei neu speichern als *.docx Datei.
Speichere die geänderte Datei zusätzlich als index.html (Webseite, gefiltert *.htm, *.html) im Speicherort "Desktop\HTML". Ein Ordner mit der Bezeichnung \index-Dateien hat sich zusätzlich gebildet! Im Ordner \index-Dateien wirst du dein eingebundenes Bild finden. Kopiere nun die neu erstellte index.html - Datei und den Ordner \index-Dateien auf deine veröffentlichtes Web mittels FTP-Zugang (ftp://cms.hluwyspertal.ac.at/ "Dein Benutzername")

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.hluwyspertal.ac.at - Zielframe: _blank - Neues Browserfenster!
6b) Ein Hyperlink auf folgende Adresse http://www.oe3.at

7. Weitere HTML-Dateien sind mittels oder "WinWord" 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 (ftp://cms.hluwyspertal.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://cms.hluwyspertal.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://cms.hluwyspertal.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 sprich der Ordner \index-Dateien!

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