Kurs poświęcony wszystkim aspektom elastycznego projektowania stron. Dowiedz się, jak tworzyć witryny, które wyglądają atrakcyjnie i działają dobrze w przypadku wszystkich użytkowników.
Na tym kursie poznasz wiele aspektów nowoczesnego projektowania stron responsywnych. W kilku pierwszych modułach zapoznasz się z historią projektowania responsywnego oraz poznasz podstawy układów elastycznych. Poznaj m.in. obrazy elastyczne, typografię i ułatwienia dostępu.
Dowiesz się też, jak dostosować strony do preferencji użytkowników i możliwości ich urządzeń. Dzięki temu dowiesz się też, jakie korzyści przyniesie responsywny projekt w przyszłości.
W każdym module znajdują się pokazy i samooceny, które pozwolą Ci sprawdzić Twoją wiedzę.
Ten kurs jest przeznaczony dla początkujących i średnio zaawansowanych projektantów i programistów. Wystarczy podstawowa znajomość języka HTML i CSS. Nie musisz znać się na JavaScript. Jeśli nie masz doświadczenia w tworzeniu stron internetowych, możesz skorzystać z wprowadzeniu do języka HTML i z kolejnego kursu, dzięki któremu nauczysz się korzystać z CSS.
Czego się nauczysz:
Wprowadzenie
Dowiedz się, skąd pochodzi projektowanie responsywne.
Zapytania o multimedia
Dostosuj projekty do różnych rozmiarów ekranu za pomocą zapytań o media CSS.
Internacjonalizacja
Przygotuj projekty do różnych języków i trybów pisania.
Układy makro
Projektuj układy stron, korzystając z różnych technik CSS.
Mikroukłady
Utwórz elastyczne komponenty, które możesz umieścić w dowolnym miejscu.
Typografia
Zadbaj o to, aby tekst był czytelny i piękny niezależnie od tego, gdzie się wyświetla.
Obrazy elastyczne
Wyświetlaj użytkownikom obrazy najlepiej dostosowane do ich urządzeń i ekranów.
Element zdjęcia
Zyskaj większą kontrolę nad obrazami.
Ikony
Użyj formatu SVG, by utworzyć skalowalne ikony elastyczne.
Motywy
Dostosuj projekt do preferencji użytkownika (np. do trybu ciemnego).
Ułatwienia dostępu
Upewnij się, że Twoja witryna jest dostępna dla każdego.
Interakcje
Przygotuj strony do obsługi różnych mechanizmów wprowadzania: myszy, klawiatury i dotyku.
Wzorce interfejsu użytkownika
Weź pod uwagę typowe elementy interfejsu, które dostosowują się do różnych rozmiarów ekranu.
Funkcje multimedialne
Omówienie wszystkich sposobów reagowania na urządzenia i preferencje przez funkcje multimedialne.
Konfiguracje ekranu
Przygotuj treści na urządzenia z wieloma ekranami.
Podsumowanie i kolejne kroki
Dalsze zasoby, które pomogą Ci wykonać kolejne kroki.
Chcesz nauczyć się projektowania responsywnego?