Hallo!
In diesem Kurs lernst du den souveränen Umgang mit den diversen HTML- und CSS-Elementen. Du erfährst 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 Mobilgeräten top aussieht. Du entwirfst Schritt für 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 erfährst du es.
Wir lernen das nötige 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. Natürlich 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 veröffentlichst, erfährst du ebenfalls von mir. Auf dem Weg dahin begleite ich dich Stück für Stück. Und im Anschluss gebe ich dir weiteres Material und erprobte Tipps an die Hand, damit du bei Bedarf selbstständig weiterlernen kannst.
Leg los und geh einen Schritt in Richtung deiner persönlichen 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 Web
Frontend vs. Backend
Deine eigene Website erstellen- und schnell und kostenlos veröffentlichen!
Tipps aus erster Hand für Neu-Programmierer*innen
HTML:
Semantische und präsentationsbezogene Elemente
Text-Elemente (Überschriften, verschiedene Textpassagen, Zitate uvm.)
Gliedernde, strukturierende Elemente (Kopfzeile, Fußzeile, Section, Article, Navigationsmenüs, Trennlinien und Umbrüche...)
Textauszeichnung
Barrierefreiheit und technische Kompatibilität
Inline- und Block-Level-Elemente
Das Document Object Model (DOM)
Listen
Tabellen
Formulare
Bilder, Audiodateien und Videos
Links (externe und interne Verlinkungen)
Externe Inhalte auf der Website einbetten (Bsp. Karten)
CSS:
Schriftarten und -familien
Schriftgrößen
Farben (Schriften und Hintergründe, verschiedene Angaben)
Spezifität
Kursiv- und Fettschreibung
Textformatierung (Abstände, Ausrichtung, Hervorhebung; Zeilen, Wörter und Zeichen)
Aspekte zu Lesbarkeit und ,,Branding" (Marken-Wiedererkennungswert etc.)
Responsive Design/Responsives Design (Mobile First, UX/UI, Media Queries, Viewport, Schriftarten...)
