Lehrplan
Kurs: Rettet die Bienen! - Expedition ins Inte...
Anmeldung
Textlektion

1.26 Ein Meisterwerk

Wie echte Webdesign-Profis!

Du kannst richtig stolz auf dich sein! Schau dir nochmal dein Ergebnis an. Ist es nicht faszinierend, wieviel du in so kurzer Zeit erschaffen hast? – Ganz wie die echten Webdesign-Profis! Und gleichzeitig hast du einen wirkungsvollen Schritt für die Rettung der Bienen gemacht! Jetzt muss dein modernes Plakat nur noch aufgehängt werden.

Wir würden uns sehr freuen, wenn du uns dein Ergebnis zusendest. Du kannst unter “Webseite teilen” deine Webseite hochladen.

Weiter unten findest du auch ein Erklärvideo, wie du deine Webseite speichern und hochladen kannst.

Webdesign bietet noch so viel mehr Möglichkeiten! Wahrscheinlich ist dir schon bei deiner eigenen Webseite vieles eingefallen, was cool wäre, auch noch zu machen.

Wie wäre es z.B. mit sogenannten Div-Containern Elemente auf deiner Webseite beliebig anordnen zu können. Oder eine Navigationsbar für mehrere Unterseiten zu haben, um Inhalte besser zu strukturieren. Oder Animationen und Benutzerinteraktionen mittels JavaScript. Oder… die Liste ist endlos.

Hat es dich gepackt? Willst du mehr erfahren? Deine Webseite ausbauen? Dann mach einfach weiter 🙂

Falls du mal was Bestimmtes ausprobieren möchtest: Google ist dein Freund 🙂 Ansonsten können wir dir auch sehr die Tutorials von w3schools.com empfehlen (englisch), z.B.:

Wir würden uns sehr freuen, dein Ergebnis zu sehen. Sende uns deine Webseite einfach als ZIP-Datei. Wenn du bei “Meine Webseite darf öffentlich gezeigt werden” mit “Ja” bestätigst, kannst du deine Webseite zu einem späteren Zeitpunkt auf hier sehen und mit anderen teilen.

Hinweis: Falls du nicht sicher bist, wie du deine Webseite hochladen kannst, findest du weiter unten ein Erklärvideo.

Wie kann ich meine Webseite speichern und hochladen?

  1. Erstelle eine ZIP-Datei aus deinem Webseiten-Ordner.
  2. Lade die ZIP-Datei über “Datei auswählen” hoch.
  1. Erstelle eine neue index.html und stylesheet.css Datei auf deinem Computer. Beachte, dass im Explorer unter “Ansicht” ein Haken bei “Dateinamenerweiterung” ist.

    Explorer Ansichtmenü

  2. Kopiere alles aus dem HTML-Codepen-Editor in die .html Datei
  3. Füge folgende Zeile in dender HTML-Datei:
  4. Kopiere alles aus dem CSS-Codepen-Editor in die .css Datei.
  5. Verschiebe beide Dateien in einen gemeinsamen Ordner.
  6. Erstelle aus dem Ordner eine ZIP-Datei.
  7. Lade die ZIP-Datei über “Datei auswählen” hoch.

Feedback

Mit deinem Feedback hilfst du uns, Kurse immer besser zu machen. Hinterlasse gerne auch eine öffentliche Nachricht im Gästebuch 🙂

Einen neuen Eintrag für das Gästebuch schreiben

 
 
 
 
 
Deine E-Mail-Adresse wird nicht veröffentlicht.
5 Einträge
Kiya Kiya aus Karlsruhe schrieb am Dezember 15, 2022 um 19:40
Die 3 Tage in 3 Wochen haben mir sehr viel Spaß gemacht. Ich habe angefangen zu lernen (und lerne weiter) wie man eine Webseite programmiert. Ich würde den Kurs weiterempfehlen!
Kai Kai aus Karlsruhe schrieb am Oktober 8, 2022 um 17:16
Hallo Max, tatsächlich handelt es sich bei der "Wespe" um gar keine Wespe sondern um eine Fliege, um genau zu sein, um eine "Schwebfliege" 🙂 Ganz schön ausgefuchst!
Max Max aus Singen schrieb am Oktober 5, 2022 um 20:06
Wer hat sonst noch die hinterhältige Wespe in den Bienen entdeckt?
Malte Malte aus Plankstadt schrieb am August 9, 2022 um 13:08
Ich habe heute viel neues gelernt. Mir hat heute Spaß gemacht eine neue "Computersprache" kennenzulernen. Der Tag war abwechslungsreich gestaltet und man hat viel tolles über Informatik gelernt. Außerdem waren die Betreuer mega nett und zuvorkommend. Mein einziger negativer Feedbackpunkt wäre, dass man mehr zusammen hätte machen könne, da man doch sehr viel vor der Computer saß. Ich würde den Kurs jedem weiterempfehlen, der Interesse an Informatik hat.
Kai Kai schrieb am August 2, 2022 um 12:58
Wir freuen uns auf eure Nachrichten! 😊

Du warst großartig! Und das war erst der Anfang! Schau doch bald wieder vorbei, es gibt noch so viel mehr zu entdecken! Bis bald!

Layer 1