Wie kann man eine Internet-Seite programmieren? Welche Techniken gibt es genau?

Jacky trifft Melanie im Supermarkt. Melanie möchte sich eine Webseite programmieren. Sie fragt Jacky. Zu welchen Techniken würdest du ihr raten? Was genau braucht Melanie? Denk 1 Minute darüber nach und dann klick auf Lösung.

Lösung: Es gibt viele Möglichkeiten eine Webseite ins Netz zu stellen.

a) Du kannst ein sogenanntes CMS-System nutzen. Hier kommt sicherlich WordPress, oder Drupal, oder Typo3 oftmals zum Zuge, aber es gibt auch andere Systeme.

b) Da Schulhof-Programmierung dich ja einführen wollen in die Programmierung, so kannst du eine kleine Webseite auch einfach Zeile für Zeile Code schreiben. Was benötigst du ?

Wo schreibe ich den Code rein?

a) Du benötigst einen Quelltext-Editor. Zu emfpehlen wäre hier Visual-Studio-Code. Dort kannst du deinen Code reinschreiben. Das erste, wenn du Visual-Studio-Code runtergeladen hast, ist wichtig, dass du dann den Live-Server aufspielst. Mit dem Live-Server kannst du sehen, wie die Seite dann ungefähr im Browser aussieht.

c) Welche Techniken benötigst du?

HTML

Du benötigst zunächst HTML, das ist für die Struktur der Webseite wichtig. HTML ist keine Programmiersprache, sondern eine sogenannte Markup-Sprache.

CSS

Als zweites benötigst du noch CSS. Das ist eine sogenannte Stylesheetsprache. Diese ist nötig, für den Style und das Layout deiner Webseite und damit sie natürlich cool aussieht. Du bestimmst, damit die Farben, den Hintergrund der Webseite, soll die Webseite z. B. schwarz mit weißer Schrift sein? – Wo sollen die Bilder hin? Wie groß soll der Abstand zwischen den Bildern sein, etc. Also alles was mit Style und Layout zu tun hat. Das machst du mit CSS. ( Cascading-Stylesheet-Sprache)

Java-Script

Mit Java-Script schreibst du Funktionen. Java-Script ist für das funktionelle einer Webseite zuständig. Zum Beispiel klickst du auf einen Button und es soll dann ein Text erscheinen, oder plötzlich wird etwas für ein paar Sekunden eingeblendet und wieder ausgeblendet, da ist meist java-script im Spiel. Java-Script läuft z. B. auch, wenn du ein Element mit gedrückter Maustaste von A nach B ziehen kannst. Alles was sich irgendwie „bewegt, oder dynamisch“ ist hier ist java-Script oft im Spiel.

Für eine einfache Anfänger-Seite benötigst du Java-Script nicht zwingend. Wenn du neu bist, starte langsam Schritt für Schritt und lerne erst mal die Basics. Also HTML und CSS. Du findest alles im Anfänger-Space 2. Schau dir dort mal die Videos an.

Hier findest du ein komplettes Beispiel mit Video-Anleitung, wie du eine kleine Katzen-Webseite in Visual-Studio-Code Schritt für Schritt entwickelst. Zur Übung mehr