Naucz się elastycznego projektowania stron.

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?