Hallo! In diesem Kurs lernst du den souvernen Umgang mit den diversen HTML- und CSS-Elementen. Du erfhrst vorweg, was diese beiden Websprachen genau sind und wozu sie verwendet werden. Unter Anwendung der aktuellen Standards von HTML5 und CSS3 strukturierst du multimediale Inhalte optisch, inhaltlich und semantisch, stylst sie und machst sie responsiv, sodass deine Seite auch auf Mobilgerten top aussieht. Du entwirfst Schritt fr Schritt eine ansehnliche, funktionale und barrierearme Website. Dazu halte ich ein paar anschauliche Beispiele, bungen und Quizze parat, die dazu dienen, dein Wissen zu vertiefen. Unter anderem gucken wir uns an, wie die erste und rein in HTML erstellte Website aussah und wie du Inhalte mit CSS dynamisch anpasst. Und hast du dich schonmal gefragt, was genau das Internet ist und was das Web? Hier erfhrst du es. Wir lernen das ntige Handwerkszeug in Form von Tools (Plattformen und Programme) kennen, die du zum erfolgreichen Coden brauchst. Wir meistern verschiedene Inhalte wie Textabschnitte, berschriften, Fu- und Kopfzeilen, Bilder, Audio- und Videodateien, Links, Formulare und sogar eingebettete Karten. Natrlich wartet am Ende des Kurses dein erstes eigenes Vorzeige-Projekt darauf, von dir erstellt zu werden. Ich zeige dir eine Website zum Nachbauen und du hast Gelegenheit, eine Seite zu erstellen, die ganz deiner eigenen Vorstellung entspricht, sei es ein Unternehmens-Portfolio oder eine Website, die du bei der Jobsuche vorweisen kannst. Wie du deine Seite im Nu kostenlos verffentlichst, erfhrst du ebenfalls von mir. Auf dem Weg dahin begleite ich dich Stck fr Stck. Und im Anschluss gebe ich dir weiteres Material und erprobte Tipps an die Hand, damit du bei Bedarf selbststndig weiterlernen kannst. Leg los und geh einen Schritt in Richtung deiner persnlichen oder beruflichen Weiterentwicklung! Du brauchst nur einen Computer mit Internetzugang und einige Stunden Zeit. Ich freue mich auf dich. Konkrete Lerninhalte: Allgemeines: Aufgabe und Aufbau (Syntax) von HTML und CSS Kurzer Vergleich von HTML, CSS und JavaScript Wichtige Programme und Plattformen: CodePen, Visual Studio Code (inkl. Erweiterungen)Internet und World Wide WebFrontend vs. BackendDeine eigene Website erstellen- und schnell und kostenlos verffentlichen! Tipps aus erster Hand fr Neu-Programmierer*innenHTML: Semantische und prsentationsbezogene Elemente Text-Elemente (berschriften, verschiedene Textpassagen, Zitate uvm.)Gliedernde, strukturierende Elemente (Kopfzeile, Fuzeile, Section, Article, Navigationsmens, Trennlinien und Umbrche.)TextauszeichnungBarrierefreiheit und technische Kompatibilitt Inline- und Block-Level-ElementeDas Document Object Model (DOM)ListenTabellenFormulare Bilder, Audiodateien und Videos Links (externe und interne Verlinkungen)Externe Inhalte auf der Website einbetten (Bsp. Karten)CSS: Schriftarten und -familienSchriftgrenFarben (Schriften und Hintergrnde, verschiedene Angaben)SpezifittKursiv- und Fettschreibung Textformatierung (Abstnde, Ausrichtung, Hervorhebung; Zeilen, Wrter und Zeichen)Aspekte zu Lesbarkeit und, Branding" (Marken-Wiedererkennungswert etc.)Responsive Design/Responsives Design (Mobile First, UX/UI, Media Queries, Viewport, Schriftarten.)
