Lernfeld 2: Eine Webseite gestalten und realisieren by https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff Eine Einführung in die Webseitengestaltung. en-us 2024-11-26 07:29:46 UTC 2025-03-26 08:30:13 UTC hello@padlet.com Hauptlernziel lauraschmaeing1 https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234478829 2024-11-26 07:29:46 UTC https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234478829 Teilziele lauraschmaeing1 https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234478834 • HTML-Grundstruktur verstehen und anwenden
• CSS für das Layout einsetzen
• Responsive Design-Prinzipien beachten
• Benutzerfreundlichkeit berücksichtigen
• Kriterien für ein gutes Webdesign kennenlernen und anwenden

]]> 2024-11-26 07:29:46 UTC https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234478834 Kriterien eines gelungenen Webdesigns lauraschmaeing1 https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234478838 Was macht eine gelungene Webseite aus? Wir lernen die Kriterien gelungenen Webdesigns kennen.

]]> 2024-11-26 07:29:47 UTC https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234478838 HTML Grundlagen lauraschmaeing1 https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234478879 2024-11-26 07:29:48 UTC https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234478879 CSS Styling lauraschmaeing1 https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234478905 2024-11-26 07:29:49 UTC https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234478905 Hilfsmittel zu 'Responsive Design' lauraschmaeing1 https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234478936 2024-11-26 07:29:51 UTC https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234478936 Für die Experten: Animation lauraschmaeing1 https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234478965 2024-11-26 07:29:52 UTC https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234478965 Arbeitsplan lauraschmaeing1 https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234478971 Gab es große Abweichungen vom anfangs erstellten Arbeitsplan?

]]> 2024-11-26 07:29:52 UTC https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234478971 Peer-Review lauraschmaeing1 https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234478972 2024-11-26 07:29:52 UTC https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234478972 Umsetzung der Webseite durch das Mockup (Abgabe der Webseite am 12.03.2025 Ende der 7. Stunde) lauraschmaeing1 https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234478973 Erstellung einer responsiven Webseite nach vorgegebenen Kundenkriterien.

Die Umsetzung des Mockups geschieht per HTML- und CSS-Sprache über das Programm Dreamweaver oder Visual Studio.

]]> 2024-11-26 07:29:52 UTC https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234478973 Reflexion lauraschmaeing1 https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234478975 2024-11-26 07:29:52 UTC https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234478975 Online-Übungen lauraschmaeing1 https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234479012 2024-11-26 07:29:54 UTC https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234479012 Auswahl der erstellten Wireframes lauraschmaeing1 https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234507631

  • Präsentation der Wireframes

  • Peer-Feedback

  • Kundenfeedback

  • Entscheidung für einen Wireframe für die Umsetzung des Mockups

    • ]]>     2024-11-26 07:46:43 UTC https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234507631     Mockup erstellen (Desktop, Tablet, Handy) über InDesign (Abgabe des Mockups am 15.1. Ende der 7. Stunde) lauraschmaeing1 https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234508310 Was ist ein Mockup?

    Wofür brauchen wir ein Mockup?



    ]]>     2024-11-26 07:47:12 UTC https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234508310     Kundenauftrag lauraschmaeing1 https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234526939 Wir analysieren den Kundenauftrag und erstellen ein Rebriefing.

    ]]>     2024-11-26 07:59:51 UTC https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234526939     Erstellung eines Arbeitsplans lauraschmaeing1 https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234534422 Die einzelnen Arbeitsphasen werden strukturiert und erstellt.

    ]]>     2024-11-26 08:04:46 UTC https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234534422     Erstellung einer kriteriengeleiteten Checkliste lauraschmaeing1 https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234538331 Welche Kriterien für eine gute Webseite haben wir kennengelernt? Eine Checkliste für die Webseitenerstellung erstellen wir gemeinsam.

    ]]>     2024-11-26 08:07:32 UTC https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234538331     Tutorials für die Webseitengestaltung: lauraschmaeing1 https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234539383 2024-11-26 08:08:13 UTC https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234539383 Konkurrenzanalyse: Analyse bereits bestehender Webseiten lauraschmaeing1 https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234544342 Suche dir im Internet eine gelungene Webseite (Positivbeispiel) heraus. Verfasse eine schriftliche Begründung für das Beispiel, weshalb es gelungen ist.

    ]]>     2024-11-26 08:11:46 UTC https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234544342     Planung eines Wireframes (Abgabe am 18.12. Ende der 7. Stunde) lauraschmaeing1 https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234548904 Was ist ein Wireframe?

    Wofür brauche ich einen Wireframe?

    Erstellt jeweils drei Wireframes für die Webseite des Architekturbüros. Nutzt hierfür das Programm Figma oder Sketch.

    ]]>     2024-11-26 08:14:55 UTC https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3234548904     selfhtml für Tutorials lauraschmaeing1 https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3236604701 2024-11-27 11:24:15 UTC https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3236604701 Abgleich mit der Checkliste (Kriterien einer guten Webseite) und mit den Kundenvorgaben lauraschmaeing1 https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3236605290 2024-11-27 11:24:42 UTC https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3236605290 Peer-Feedback und Kundenfeedback lauraschmaeing1 https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3236605832 2024-11-27 11:25:02 UTC https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3236605832 Konkurrenzanalyse: Analyse bereits bestehender Webseiten lauraschmaeing1 https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3236615433 Suche dir im Internet eine weniger gelungene Webseite (Negativbeispiel) heraus. Verfasse eine schriftliche Begründung für das Beispiel, weshalb es nicht gut gelungen ist.

    ]]>     2024-11-27 11:32:57 UTC https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3236615433     Abgabe der Webseite lauraschmaeing1 https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3249625930 2024-12-06 11:24:58 UTC https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3249625930 Aktuelle Trends lauraschmaeing1 https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3249626550 Recherchieren Sie aktuelle Webdesign-Trends und erstellen Sie eine kurze Präsentation hierüber.

    ]]>     2024-12-06 11:25:39 UTC https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3249626550     Präsentation beim Kunden lauraschmaeing1 https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3249626845 2024-12-06 11:25:59 UTC https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3249626845 Gemeinsam erarbeitete Checkliste (Datei) lauraschmaeing1 https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3254468391 2024-12-10 17:22:46 UTC https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3254468391 Klausurthemen: lauraschmaeing1 https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3382879333

  • Vollständige Handlung

  • HTML-Grundstruktur

  • 8 Kriterien guten Webdesigns

  • Wireframe, Mockup und Prototyp

  • Breadcrumb

  • Typografie im Web

  • Farbkreis nach Itten

  • Kalte und warme Farben

  • Farbwirkung

  • Primär-, Sekundär- und Tertiärfarben

  • Farbkontraste

    • ]]>     2025-03-26 08:30:12 UTC https://padlet.com/lauraschmaeing1/tqmo1kf2f56od4ff/wish/3382879333