Erstellen Sie Ihre erste Unternehmenswebsite (HTML, CSS & JavaScript + KI)

Description

Erstellen und veröffentlichen Sie eine einfache Unternehmenswebsite mit HTML, CSS, JavaScript und Hilfe von KI für Layout und Text — kein Framework erforderlich. Niveau: Anfänger · Ideal für: KMU-Inhaber und Marketingmitarbeiter 6-wöchiges Live-Online-Programm · 10 Live-Sitzungen · Europa/London Zeitzone Was Sie erreichen werden Strukturieren Sie zugängliche Seiten mit semantischem HTML. Stylen Sie responsive Layouts mit modernem CSS (Flexbox und Grid). Fügen Sie leichte Interaktivität mit Vanilla JavaScript hinzu. Nutzen Sie KI, um Inhalte und CSS zu entwerfen, während Sie die Qualitätskontrolle behalten. Stellen Sie eine statische Website auf einem Hosting-Ziel bereit und erklären Sie, wie Aktualisierungen funktionieren. Was wir behandeln Grundlagen der Front-End-Entwicklung HTML5-Struktur und Zugänglichkeitsgrundlagen CSS-Variablen, Flexbox und Grid Responsive Breakpoints und Mobile-First JavaScript DOM und Ereignisse (Einführung) Erstellung einer Unternehmenswebsite Abschnitte: Held, Dienstleistungen, Testimonials und Kontaktformulare, Validierung und datenschutzfreundliche Einbettungen Grundlagen der Leistungs- und Bildoptimierung KI im Arbeitsablauf Erstellung von Entwurfstexten, die Sie zur Genauigkeit bearbeiten CSS-Vorschläge, die Sie in den DevTools testen Vermeidung von unzugänglichem oder aufgeblähtem KI-Markup Kursstruktur Phase 1 — HTML-Struktur (Woche 1 · 2 Live-Sitzungen) Erstellen Sie das Gerüst einer mehrteiligen Marketingseite. Semantische Tags: Kopfzeile, Navigation, Hauptteil, Abschnitt, Fußzeile Überschriften, Listen, Links und Bilder mit Alt-Text Formulare und Labels für Kontaktblöcke Abgabe: Unformatierte HTML-Drahtgitter für Ihre Unternehmensseite. Phase 2 — CSS-Layout und Branding (Woche 2 · 2 Live-Sitzungen) Wenden Sie Typografie, Farbe und responsives Layout an. CSS-Reset / Normalisieren und benutzerdefinierte Eigenschaften Flexbox für Navigations- und Kartenreihen Grid für die Feature-Abschnitte Abgabe: Gestaltetes Desktop- + Mobile-Layout. Phase 3 — Komponenten und Verfeinerung (Woche 3 · 2 Live-Sitzungen) Schaltflächen, Karten und konsistente Abstands Systeme. Schaltflächenzustände und Fokusringe Kartenmuster und Verwendung von Symbolen Dunkelmodus optional (bevorzugte Farbpalette) Abgabe: Komponentenstil-Abschnittsbibliothek auf einer Seite. Phase 4 — JavaScript-Interaktivität (Woche 4 · 2 Live-Sitzungen) Mobiles Menü, sanftes Scrollen und einfache Formularvalidierung. querySelector und Ereignis-Listener Klassen für Navigation und FAQ umschalten Client-seitige Validierung vor dem Absenden Abgabe: Interaktive Navigation + FAQ auf Ihrer Seite. Phase 5 — Inhalte und SEO-Grundlagen (Woche 5 · 2 Live-Sitzungen) Meta-Tags, Open Graph und lesbare Textstruktur. Titel, Beschreibung und kanonische Tags Überschriftenhierarchie und interne Links KI-unterstützter Textbearbeitungsarbeitsablauf Abgabe: SEO-Checkliste, die auf Ihrer Website angewendet wird. Phase 6 — Veröffentlichen und warten (Woche 6 · 2 Live-Sitzungen) Bereitstellung statischer Dateien und Planung sicherer Aktualisierungsgewohnheiten. Statische Hosting-Optionen (Netlify / ähnlich) Übersicht über benutzerdefinierte Domains und HTTPS Aktualisierungsworkflow und Backup Abgabe: Live-URL für Ihre abgeschlossene Website. Voraussetzungen Bequem im Umgang mit einem Browser und Texteditor. Es sind keine Programmierkenntnisse erforderlich. Lieferung Sie können Ihre tatsächliche Unternehmensmarke verwenden, wenn gewünscht (Stockbilder müssen lizenziert sein). Frameworks (React, Vue) sind nicht Teil des Inhalts — dieser Kurs konzentriert sich auf die Grundlagen. Vollständige Kursdetails: https://nlcrc.co.uk/courses-web-fundamentals-ai Buchungen und Anfragen: nlcrc.co.uk · 020 3393 0948