HTML i CSS: Praca z RWD

Co znajdziesz w Kursie?

Kurs składa się z części teoretycznej, dzięki której opanujesz kluczowe zagadnienia z zakresu tworzenia stron internetowych z pomocą HTML i CSS. Pierwsza część to konkretna esencja wiedzy z najważniejszych aspektów tworzenia markupu, składni, znaczników oraz nowej semantyki w HTML5. Mając tą wiedzę, dowiesz się czym jest CSS, poznasz jego najważniejsze koncepcje oraz nauczysz się stylować swoje strony WWW. Druga część kursu to praktyczne wykorzystanie omówionych wcześniej pojęć oraz tworzenie od podstaw Twojej pierwszej strony Internetowej.

Ewolucja HTML i CSS

Specyfikacje HTML i CSS sącały czas rozwijane i dynamicznie się zmieniają. Zmienia się także wsparcie dla różnych standardów w przeglądarkach. Kurs został przygotowany w ten sposób, abyś potrafił nadążać za zmianami oraz tworzyć strony, które dobrze działają we wszystkich współczesnych przeglądarkach. Zamiast tworzyć rozległe omówienie specyfikacji koncentrujemy się raczej na praktycznych przykładach oraz rozwiązaniach, które wykorzystywane są najczęściej na stronach WWW. Przy okazji, staramy się przekazać jak najwięcej praktycznych wskazówek, które płyną z wieloletniego doświadczenia w tworzeniu stron WWW.

Semantyka i znaczniki HTML

Pierwsza część kursu pozwoli Ci poznać najważniejsze zasady dotyczące tworzenia poprawnych semantycznie dokumentów HTML. Poznasz znaczniki, których warto używać a także dowiesz się jakie są podstawowe typy treści na stronie WWW i jak semantyka może pomóc w późniejszym stylowaniu strony. Ułatwisz interpretację odpowiednich elementów przez przeglądarkę i roboty indeksujące wyszukiwarek tym samym poprawiając SEO. Dowiesz się jak konstruować poprawne hiperłącza, ścieżki i jak pracować z obrazkami w HTML.

Składnia i właściwości CSS

Kolejna część to seria przykładów, które odkryją przed Tobą potencjał CSS. Poznasz większość właściwości CSS które regularnie wykorzystywane są przy projektowaniu i stylowaniu stron WWW. Nauczysz się podkładać grafiki, pracować ze stylami tekstu, tworzyć układ strony w modelu pudełkowym oraz pozycjonować elementy layoutu.

Media Queries i Narzędzia

W kursie znajdziesz także wskazówki dotyczące dostosowania Twojej witryny do różnych rozdzielczości i urządzeń z pomocą najbardziej efektywnej metody, jaką jest CSS3 Media Queries. Pokażę Ci także jak testować strony w przeglądarce tak aby podejrzeć je na różnych rozdzielczościach. Poznasz także szereg różnych narzędzi jak edytory, generatory oraz narzędzia developerskie w przeglądarce, które znacznie ułatwią i przyspieszą pisanie kodu.

Praktyczny projekt Strony WWW

W kolejnej części Kursu wykorzystamy zdobytą wcześniej wiedzę w praktyce, tworząc pierwszy, prosty projekt strony WWW. Został on przygotowany tak, aby zawierał jak najwięcej elementów z którymi spotkasz się w kolejnych projektach. Dowiesz się jak przygotować i wyeksportować grafikę na potrzeby strony, będziemy pracować z kolorami, typografią i web fontami, dodamy treści oraz zadbamy o to aby wszystkie elementy layoutu poprawnie wyświetlały się na stronie. Na koniec powiem Ci o tym, jakich technik użyć aby dostosować stronę do różnych rozdzielczości.

Dla kogo jest ten kurs?

Kurs został przygotowany z myślą o wszystkich osobach, które chcą zacząć tworzyć swoje pierwsze strony WWW, kładąc nacisk na praktyczne zastosowania języka HTML i CSS. Możesz mi wierzyć, że nawet jeśli wcześniej nie miałeś do czynienia z web designem, po przerobieniu tego kursu będziesz potrafił tworzyć zgodne z nowymi standardami, statyczne strony WWW. To także materiał dla tych z Was, którzy już wiedzą co nieco o projektowaniu stron, ale chcą uporządkować swoją wiedzę, zaktualizować ją o nowe standardy i aktualne praktyki.

Czego się nauczysz