Eigene Webseite programmieren

Einer unsere ersten Aufträge war es eine eigene Website zu programmieren. Dies konnten wir ja nicht einfach so aus dem Bauch programmieren ohne vorhin etwas davon gehört zu haben. Mit Hilfe der Internetseite https://code.makery.ch/de/ konnten wir lernen wie der Grundgedanke des Programmierens ist. Diese Website diente auch als Anleitung für unsere Eigene. Meine erste Webseite programmierte ich mit dem Editor Visual Studio Code, welchen man kostenlos downloaden kann. Ich erstellte als Erstes einen Ordner und speicherte eine neue leere Datei dorthin. VS Studio Code ist ein Computerprogramm, welches wir zur Erstellung und Bearbeitung von Daten gebraucht wird.

In einem ersten Schritt lernte ich, dass man eine Website unterschiedlich erstellt. Einmal mit HTML (Hypertext Markup Language) und einmal mit CSS (Cascading Style Sheet).

  • HTML ist für die Struktur der Webseite verantwortlich. In HTML werden Überschriften, Abschnitte, Texte und Bilder definiert. HTML gibt eigentlich den Inhalt einer Website.
  • CSS ist für die das Layout und für die Formatierung verantwortlich. Durch CSS nimmt die Website Gestalt an. Hier werden Farben, Schriften, Abstände usw. definiert.

Früher wurden Homepages vollständig in HTML erstellt.

Ich begann also mit HTML. HTML ist eigentlich nur der Text. Dabei kann man noch unterscheiden, ob der Text eine Titelfunktion besitzt oder nicht. Auch Links und Bilder konnte ich im HTML einfügen.

Man programmiert HTML indem man Tags einfüllt
Man programmiert HTML indem man Tags einfüllt

Danach meldete ich mich bei Netlify an, um meine Website zu veröffentlichen. Hier findest du zur Website von Netlify.

Meine Website sah dann so aus:

Die Website sieht noch karg aus, da das CSS noch fehlt
Die Website sieht noch karg aus, da das CSS noch fehlt

Weiter ging es dann mit dem Gestalten mit CSS. Ich habe dann die Farbe des Hintergrundes und des Textes definiert mit CSS-Regeln. Sie bestehen aus den drei Elementen: dem Sektor, also auf welches Element man sie anwendet, der Eigenschaft, wie die Elemente angezeigt werden sollen und dem Wert, wie gross die Elemente sein sollen oder welche Ausrichtung sie haben sollen usw.

Nun mit CSS, gibt dem ganzen ein bisschen Struktur
Nun mit CSS, gibt dem ganzen ein bisschen Struktur

Nun habe ich eine eigene Website erstellt welche auch öffentlich ist. Momentan sieht meine Webseite noch nicht sehr ansprechend aus, aber dies wird schon noch. Zudem hat es mir sehr viel Freude und Spass bereitet. Ich konnte etws Neues lernen, was ich sicher noch in Zukunft brachen werde.

Tschüss :D 👍