Little Boxes – der HTML-Crashkurs

Aus einer Webseite wird eine Website

Testen Sie unsere 1895 Kurse

10 Tage kostenlos!

Jetzt testen Alle Abonnements anzeigen
Erstellen Sie eine zweite Webseite, sodass Sie mit der Navigation zwischen beiden Seiten hin und her wechseln können. Auf diese Weise wird aus einer einfachen Webseite eine "richtige" Website.

Transkript

In diesem Film erstellen Sie eine Kontaktseite, zwar noch ohne Formular, aber am Ende kann man dann schon zwischen den beiden Seiten hin und her springen mit Hilfe der Navigation. Dazu ergänzen Sie zunächst hier auf der index.html, auf der Startseite, im Editor die Navigation, entfernen das Doppelkreuz und schreiben hin kontakt.html. So soll die Seite heißen. kontakt.html, so dass man dann mit der Navigation zwischen diesen beiden Seiten hin und her springen kann. Am einfachsten erstelle ich eine Kopie dieser Seite und passe dann die paar Stellen an, die wirklich anders müssen. Das ist einfacher als von einer leeren Vorlage aus zu beginnen. Also sage ich DateiSpeichern unter kontakt.html Der Name muss nicht zwingend kontakt.html sein, das kann auch "kontaktseite" heißen, das ist ein bisschen Geschmacksache, aber ich finde eigentlich immer je kürzer, desto besser. Jetzt steht hier oben kontakt.html. Jetzt geht's an die Anpassung. Als Erstes muss der title anders, "Kontakt". Darüber kann alles so bleiben. Dann die Beschreibung stimmt natürlich so auch nicht mehr. Da schreiben wir mal hin "Kontaktformular für Little Boxes". Kurz und bündig. Das Favicon bleibt. Der Wrapper kann bleiben. Der Kopfbereich kann bleiben. Da ändert sich auch nichts. Im Navibereich bleibt es auch alles so, wie es ist. Aber im Inhaltsbereich, da ist es natürlich anders. Als Erstes einmal die Überschrift stimmt nicht. Da müsste dann auch hin "Kontaktseite". So, und der Inhalt stimmt überhaupt gar nicht. Ich schreibe mal hin "Bitte schreiben Sie uns". So, und der Rest kommt weg. So, und stattdessen kommt er einfach nur ein Kommentar hin, worein kommt "Hier kommt das Formular hin" Und Kommentar wieder zu Ende. Fußbereich bleibt auch gleich. Das heißt, es ist auf den ersten Blick hier alles soweit in Ordnung. Kontaktseite, Beschreibung, dann die Navigation stimmt und hier auch die Überschrift haut auch hin. Rüber in den Browser. Ich lade die Seite neu. Wenn ich jetzt hier auf Kontakt fahre, sehen Sie unten schon links kontakt.html. Wenn ich klicke, springe ich rüber auf die Kontaktseite. Den Kommentar sieht man nicht und wieder zurück auf die Startseite. Und so kann man hier hin und her springen. So ist jetzt Ihre Startseite zu einer kleinen Site geworden, die aus zwei Seiten besteht.

Little Boxes – der HTML-Crashkurs

Sehen Sie, wie HTML und CSS funktionieren und lernen Sie die dabei die unabdingbaren Grundlagen der Webprogrammierung kennen.

3 Std. 5 min (41 Videos)
Super Einstieg
Jens Q.
Dieses Videotraining kann ich für Einsteiger absolut empfehlen. Man lernt nicht nur Schritt für Schritt die Grundlagen des HTML, sondern erfährt dazu noch einige interessante Dinge rund um die Internetbrowser und darüber, wie man Webdesign angehen sollte.
 
Software:
Exklusiv für Abo-Kunden
Erscheinungsdatum:11.03.2015
Aktualisiert am:28.09.2016

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!