Stwórz swoją pierwszą stronę internetową dla firmy (HTML, CSS i JavaScript + AI)

Description

Zbuduj i opublikuj prostą stronę internetową dla firmy z HTML, CSS, JavaScript oraz pomocą AI w zakresie układu i treści — bez potrzeby korzystania z frameworków. Poziom: początkujący · Idealne dla: właścicieli MŚP i pracowników marketingu 6-tygodniowy program online na żywo · 10 sesji na żywo · Strefa czasowa Europa/Londyn Co osiągniesz: Szereg dostępnych stron z semantycznym HTML. Stylowanie responsywnych układów za pomocą nowoczesnego CSS (flexbox i siatka). Dodawanie lekkiej interaktywności z czystym JavaScript. Wykorzystanie AI do tworzenia treści i CSS, podczas gdy zachowujesz kontrolę nad jakością. Wdrożenie statycznej strony na docelowym hostingu i wyjaśnienie, jak działają aktualizacje. Co omówimy: Podstawy front-endu Struktura HTML5 i podstawy dostępności Zmienne CSS, flexbox i siatka Responsywne punkty przerwania i podejście mobile-first JavaScript DOM i zdarzenia (wprowadzenie) Tworzenie strony biznesowej Sekcje bohatera, usług, referencji i kontaktu Formularze, walidacja i przyjazne prywatności osadzenia Podstawy optymalizacji wydajności i obrazów AI w procesie pracy Generowanie roboczych treści, które edytujesz w celu zapewnienia dokładności Propozycje CSS, które testujesz w DevTools Unikanie niedostępnego lub rozbudowanego oznaczania AI Struktura kursu: Faza 1 — Struktura HTML (Tydzień 1 · 2 sesje na żywo) Zbuduj szkielet strony marketingowej z wieloma sekcjami. Tag semantyczny: nagłówek, nawigacja, główne, sekcja, stopka Nagłówki, listy, linki i obrazy z tekstem alternatywnym Formularze i etykiety dla bloków kontaktowych Wynik: Niezadbany szkielet HTML dla twojej strony biznesowej. Faza 2 — Układ CSS i branding (Tydzień 2 · 2 sesje na żywo) Zastosuj typografię, kolor, i responsywny układ. Reset / normalizacja CSS i właściwości niestandardowe Flexbox dla nawigacji i wierszy kart Siatka dla sekcji funkcji Wynik: Stylowy układ komputerowy + mobilny. Faza 3 — Komponenty i wykończenie (Tydzień 3 · 2 sesje na żywo) Przyciski, karty i spójne systemy przestrzenne. Stany przycisków i pierścienie fokusowe Wzory kart i użycie ikon Opcjonalny tryb ciemny (prefers-color-scheme) Wynik: Biblioteka sekcji stylu komponentów na jednej stronie. Faza 4 — Interaktywność JavaScript (Tydzień 4 · 2 sesje na żywo) Menu mobilne, płynne przewijanie i prosta walidacja formularza. querySelector i nasłuchiwacze zdarzeń Przełączanie klas dla nawigacji i FAQ Walidacja po stronie klienta przed wysłaniem Wynik: Interaktywny nawigacja + FAQ na twojej stronie. Faza 5 — Podstawy treści i SEO (Tydzień 5 · 2 sesje na żywo) Tag meta, Open Graph i czytelna struktura treści. Tag tytułu, tag opisowy i tag kanoniczny Hierarchia nagłówków i wewnętrzne linki Praca nad edytowaniem treści wspomaganą przez AI Wynik: Lista kontrolna SEO zastosowana na twojej stronie. Faza 6 — Publikacja i utrzymanie (Tydzień 6 · 2 sesje na żywo) Wdrożenie statycznych plików i planowanie bezpiecznych nawyków aktualizacji. Opcje hostingu statycznego (Netlify / podobne) Przegląd niestandardowej domeny i HTTPS Proces aktualizacji i kopia zapasowa Wynik: Adres URL na żywo dla twojej ukończonej strony. Wymagania: Wygodnie korzystaj z przeglądarki i edytora tekstu. Nie wymaga wcześniejszego kodowania. Realizacja: Możesz użyć swojej prawdziwej marki biznesowej, jeśli chcesz (obrazy z banku muszą być licencjonowane). Frameworki (React, Vue) są poza zakresem — ten kurs koncentruje się na podstawach. Pełne szczegóły kursu: https://nlcrc.co.uk/courses-web-fundamentals-ai Rezerwacje i zapytania: nlcrc.co.uk · 020 3393 0948