Od słów do czynów! W poprzedniej serii wpisów skupiłam się na teorii HTML i CSS, popartej garścią wybranych przykładów. Nadszedł zatem najwyższy czas, aby zdobytą wiedzę wykorzystać w praktyce i stworzyć swoją pierwszą stronę WWW.
Celem publikowanych postów będzie stworzenie bardzo prostej strony internetowej, której kod zostanie wrzucony na GitHuba, a sama strona będzie opublikowana na GitHub Pages. Przez cały proces – począwszy od instalacji edytora kodu, na publikacji skończywszy – przeprowadzę Cię za rękę krok po kroku.
Etapy tworzenia strony obejmować będą: pisanie szkieletu strony w HTML, stylowanie w CSS, z uwzględnieniem urządzeń mobilnych i z zachowaniem zasady mobile first oraz testy w wybranych przeglądarkach i publikację.
O każdym wpisie daję znać na Facebooku, zatem zachęcam do polubienia i obserwowania: facebook.com/devolajf. Linki do postów tradycyjnie będą umieszczane we wstępie do serii, czyli tutaj.
Planowany rozkład wpisów:
- Pierwsza strona w HTML i CSS, część 1: edytor
– instalacja Visual Studio Code
– konfiguracja środowiska
– polecane wtyczki - Pierwsza strona w HTML i CSS, część 2: kontrola wersji
– tworzenie repozytorium na GitHubie
– synchronizacja repozytorium zdalnego z lokalnym - Pierwsza strona w HTML i CSS, część 3: makiety i opis
– prezentacja makiet strony dostosowanych do kilku rodzajów urządzeń
– omówienie treści strony - Pierwsza strona w HTML i CSS, część 4: HTML
– tworzenie szkieletu strony w HTML
– uwzględnienie wytycznych WCAG w kodzie - Pierwsza strona w HTML i CSS, część 5: konfiguracja HTML pod CSS
– dodawanie pliku CSS do HTML
– obsługa normalizacji CSS
– konfiguracja responsywności strony - Pierwsza strona w HTML i CSS, część 6: CSS
– tworzenie arkusza stylów CSS dla strony
– stylowanie zgodnie z zasadą mobile first
– dostosowanie stylów do wybranych urządzeń - Pierwsza strona w HTML i CSS, część 7: audyt i publikacja
– audyt kodu strony w walidatorze HTML
– testy na wybranych przeglądarkach internetowych
– audyt dostępności
– poprawki
– publikacja strony w GitHub Pages