Wstęp do serii “Pierwsza strona w HTML i CSS”

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

W miarę możliwości posty publikuję co poniedziałek około 9:00 (czasem wcześniej, czasem później), o każdym wpisie daję znać na Facebooku, zatem zachęcam do polubienia i obserwowania: facebook.com/devolajf. Linki do postówtradycyjnie będą umieszczane we wstępie do serii, czyli tutaj.

Planowany rozkład wpisów:

  • Pierwsza strona w HTML i CSS, część 1: edytor [25 maja 2020 r.]
    – instalacja Visual Studio Code
    – konfiguracja środowiska
    – polecane wtyczki
  • Pierwsza strona w HTML i CSS, część 2: kontrola wersji [1 czerwca 2020 r.]
    – tworzenie repozytorium na GitHubie
    – synchronizacja repozytorium zdalnego z lokalnym
  • Pierwsza strona w HTML i CSS, część 3: makiety i opis [29 czerwca 2020 r.]
    – prezentacja makiet strony dostosowanych do kilku rodzajów urządzeń
    – omówienie treści strony
  • Pierwsza strona w HTML i CSS, część 4: HTML [6 lipca 2020 r.]
    – tworzenie szkieletu strony w HTML
    – uwzględnienie wytycznych WCAG w kodzie
  • Pierwsza strona w HTML i CSS, część 5: CSS [13 lipca 2020 r.]
    – tworzenie arkusza stylów CSS dla strony
    – stylowanie zgodnie z zasadą mobile first
    – dostosowanie stylów do wybranych urządzeń
    – testy na wybranych przeglądarkach internetowych
  • Pierwsza strona w HTML i CSS, część 6: audyt i publikacja [20 lipca 2020 r.]
    – audyt kodu strony w walidatorze HTML
    – audyt dostępności
    – poprawki
    – publikacja strony w GitHub Pages

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *