HTML und CSS: Der ultimative Crashkurs

Description

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...)

What You Will Learn!

• Eine funktionale und barrierearme Website in HTML erstellen (mit Text, Links, Medien)
• Eine Website mit CSS verschönern und responsiv machen (für verschiedene Geräte optimieren)
• Wichtige Tools und Programme kennenlernen (CodePen, VSCode)
• Verstehen, wie HTML, CSS, das Frontend und Internet und vieles mehr funktionieren
• Tipps und Tricks für angehende Programmierer*innen aus erster Hand erfahren
• Deine eigene Website erstellen und veröffentlichen!

Who Should Attend!

• Angehende Programmierer*innen und Menschen, die einfach ihre eigenen Websites erstellen können wollen

TAKE THIS COURSE