15 Jul Webentwicklung: Erstelle und gestalte deine eigene Webseite
Webentwicklung: Erstelle und gestalte deine eigene Webseite
Surfen im Internet – das kann ich, denkst du dir bestimmt. Aber hast du dich schon mal gefragt, wie du vom Scroller zur Programmiererin wirst? Lisa Ihde ist IT-Softwareentwicklerin und zeigt uns in ihren Videos welche wichtigen Elemente hinter einer Homepage stecken,wie HTML & CSS funktionieren und mit welchen einfachen Schritten du deine eigene Webseite bauen kannst.
Alter: ab 12 Jahren
Schwierigkeit: mittel
Dauer: ca. 30 Minuten
Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren
Das brauchst Du
- Laptop/Computer mit Browser
- Stabile Internetverbindung
- Optional auch offline über den Editor
Los geht’s
Schritt 1
Entwurf der Webseite: Erstellung eines Story Boards
- Inhalte formulieren
- Layout & Struktur gestalten
- Bild und Videomaterial auswählen
Schritt 2
Inhalte mit HTML (Hypertext Markup Language) einpflegen
- Bearbeiten eines HTML-Dokuments auf liveweave.com
- Einfügen von „Tags“ für die unterschiedlichen Elemente wie Absatz, Bilder, Videos, Überschriften, Tabellen, Buttons, Listen, Links, etc. analog zum Story Board
Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren
Die Webseite verändert sich nur in deiner individuellen Ansicht und es handelt sich in keinem Fall um eine dauerhafte Änderung der öffentlichen Webseite.
Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren
Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren
Auf Pixabay können die Bilder zwar frei genutzt werden, aber man kann nicht sicherstellen, dass das Einverständnis der abgebildeten Personen eingeholt wurde oder ob der Uploader dem Urheber entspricht bzw. in seinem/ihrem Sinne handelt. Wir empfehlen immer das eigene Bildmaterial zu nutzen
Schritt 3
Design mit CSS (Cascading Style Sheets)
- Webseiten layouten und gestalten
- HTML-Elemente einfärben, ausrichten und deren Größe festlegen
- Animationen hinzufügen
Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren
Mehr erfahren
Mehr erfahren:
Wer ist Lisa Ihde?
Lisa Ihde ist Master Studentin im Bereich „IT-Systems Engineering“ am Hasso-Plattner-Institut Potsdam. Mit elf Jahren erstellte sie ihre erste Webseite. Ihre Begeisterung für Technik war geweckt und kurze Zeit später lief auch ihr erster selbstgebauter PC in ihrem Kinderzimmer. Seit 2014 engagiert sie sich bei Workshops und Hackdays in Deutschland als Mentorin für Schüler*innen sowie als Dozentin in Online-Kursen für Kinder. 2017 hat sie ihr erstes Buch „Meine eigene Homepage“ für die Sachbuchreihe „Für Dummies Junior“ im Wiley-VCH Verlag herausgebracht. Im Rahmen von Hackathons entwickelte sie schon zahlreiche Apps, z.B. eine Web-Anwendung zur Überwachung von Bienenstöcken, eine Virtual-Reality-Anwendung zur zoologischen Lehre für Schlangenskelette oder eine Smartphone-App zum Auffinden von Glascontainern, Kleidersammelboxen und Mülleimern im öffentlichen Raum. Auf ihrer Webseite findest du mehr zu ihren Projekten: https://lisaih.de
