Erstellen von Homepages durch Programmieren in html – Kurzfassung
- Internetseiten werden in html, css und javascript erstellt.
- html: hier werden die Inhalte dargestellt
- css: dient Erstellung des Layouts (machen wir ggf. später)
- javascript: hier wird Logik hinterlegt – falls erfolderlich (machen wir erstmal nicht)
- Die html-Seiten werden dann von dem entsprechenden Browser während der Laufzeit des Programmes interpretiert.
- html-Seiten haben immer den gleichen Aufbau:
<!DOCTYPE html>
<html>
<body><h1>My First Heading</h1>
<p>My first paragraph.</p> ….
(hier stehen die Inhalte der Seite)
</body>
</html>
Siehe hierzu:
https://www.w3schools.com/html/html_basic.asp
TIPP-> daher macht es Sinn, eine Kopiervorlage zu erstellen, in der die roten Befehle, sowie die gängigsten anderen Befehle enthalten sind. - Die erste Seite des Internetauftritts wird immer index.html genannt.
- Alle weiteren Seiten werden im Ordner html und alle verwendeten Bilder im Ordner images gespeichert.
- Zum Erstellen/Ändern von html-Seiten brauche ich einen Editor:
Bsp.: https://www.w3schools.com/html/html_editor.asp - Testen -1: Habe ich dann meine Seiten erstellt, so kann ich sie zunächst auf dem eigenen Rechner mit dem lokalen Browser (Safari, Firefox, Google etc.) testen.
- Testen -2: Damit meine Seiten jetzt von überall aufgerufen werden können, übertrage ich jetzt diese Seiten zu meinem Server. (hier mit FileZilla)
Alle Übungen findest Du hier:
Langfassung: Ab-Übung-Hmtl