Ta lekcja jest w bazie eduweb

Zaloguj się kontem z dostępem albo wykup dostęp do bazy, żeby obejrzeć wideo.

Lekcja 45/ 57Typografia na stronie

0:00 / 0:00

HTML i CSS: Typografia na stronie

7 godz. 34 min wideo57 lekcji14 modułów

Czego się nauczysz

  • Skladnia i podstawy HTML5 i CSS3
  • Praktyczny projekt strony WWW
  • Zgodnosc z najnowszymi standardami
  • Pozycjonowanie i model pudelkowy
  • Najciekawsze wlasciwosci CSS
  • Poprawna semantyka dokumentów
  • Wskazówki od eksperta - praktyka
  • Kompletne pliki zródlowe i wiele wiecej!

HTML i CSS - od Podstaw

Chcesz stworzyć swoją pierwszą stronę WWW i poznać podstawy Web Designu? Nie mogłeś lepiej trafić. Projektowanie stron Internetowych zaczyna się właśnie tutaj - od nauki HTML i CSS, które leżą u podstaw każdej witryny. Opanowanie tych zagadnień z Kursu pozwoli Ci od początku nauczyć się poprawnych praktyk, stosowanych przez profesjonalistów, oraz tworzyć nowoczesne strony zgodne ze standardami HTML5 i CSS3!

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.

Wersja oprogramowania: HTML5 i CSS3

Kurs HTML i CSS

14 rozdziałów57 lekcji7h 34min

Wstęp

1min
  • Wprowadzenie1min(zablokowana)

Wprowadzenie do HTML

14min
  • Historia HTML8min(zablokowana)
  • Hello HTML5min(zablokowana)

Semantyka

28min
  • Znaczniki6min(zablokowana)
  • Edytor Kodu4min(zablokowana)
  • Składnia HTML10min(zablokowana)
  • Elementy Liniowe i Blokowe8min(zablokowana)

Treść na stronie

36min
  • Model Treści7min(zablokowana)
  • Praca ze znacznikami9min(zablokowana)
  • Znaczniki Liniowe5min(zablokowana)
  • Ścieżki i obrazy7min(zablokowana)
  • Atrybuty zdjęć7min(zablokowana)

Obrazki i ścieżki

16min
  • Hiperłącza9min(zablokowana)
  • Popularne błędy7min(zablokowana)

Praca ze stylami

18min
  • Wprowadzenie do CSS8min(zablokowana)
  • Osadzanie Stylów10min(zablokowana)

Selektory i cechy

43min
  • Typy Selektorów10min(zablokowana)
  • Kaskadowość8min(zablokowana)
  • Specyficzność cz.15min(zablokowana)
  • Specyficzność cz.29min(zablokowana)
  • Dobre praktyki CSS11min(zablokowana)

Model Pudełkowy i Notacja

41min
  • Model Pudełkowy6min(zablokowana)
  • Box Model w Praktyce10min(zablokowana)
  • Skrócona notacja8min(zablokowana)
  • Jednostki8min(zablokowana)
  • Jednostki w Praktyce9min(zablokowana)

Kolory i tekst

49min
  • Praca z kolorami14min(zablokowana)
  • Formatowanie tekstu12min(zablokowana)
  • Inne właściwości tekstu9min(zablokowana)
  • Reguła font face6min(zablokowana)
  • Fonty hostowane9min(zablokowana)

Wypełnienie

13min
  • Wypełnienie gradientem4min(zablokowana)
  • Tło w CSS8min(zablokowana)

Pozycjonowanie elementów

29min
  • Układ dokumentu5min(zablokowana)
  • Pozycjonowanie elementów12min(zablokowana)
  • Praca z Float6min(zablokowana)
  • Opływanie a układ6min(zablokowana)

Dopasowanie do rozdzielczości i RWD

37min
  • Media w CSS8min(zablokowana)
  • Technika Fluid7min(zablokowana)
  • Praca z Media Queries8min(zablokowana)
  • Ukrywanie elementów5min(zablokowana)
  • Pseudoklasy7min(zablokowana)

Wstęp do Projektu

37min
  • Grupowanie semantyczne i techniczne14min(zablokowana)
  • Struktura HTML9min(zablokowana)
  • Typografia na stronie9min(zablokowana)
  • Kolory6min(zablokowana)

Praca z praktyczną stroną

1h 32min
  • Właściwość display6min(zablokowana)
  • Dekoracje tekstu14min(zablokowana)
  • Formaty grafiki8min(zablokowana)
  • Osadzanie tła7min(zablokowana)
  • Obrazki SVG7min(zablokowana)
  • Układ strony WWW11min(zablokowana)
  • Poprawki layoutu6min(zablokowana)
  • Tworzenie ramki9min(zablokowana)
  • Praca z RWD11min(zablokowana)
  • Stylowanie headera14min(zablokowana)
  • Zakończenie2min(zablokowana)

Ten kurs jest w bazie eduweb

Dostęp do wszystkich kursów z bazy eduweb za 199 zł/mies.

Wykup dostęp do bazy

Autor kursu

Średnia ocen autora: 4,8

Bio

Od wielu lat projektuje serwisy internetowe, dużą wagę przykładając do ich funkcjonalności a także skutecznych technik promocji. Swoje umiejętności praktyczne zdobywa projektując grafikę oraz strony www dla wiodących polskich i zagranicznych agencji reklamowych. Współpracuje między innymi z Adobe, Microsoft, Wacom. Jako trener i spiker prowadzi szkolenia oraz eventy i warsztaty. Posiada szereg uprawnień i certyfikatów eksperckich.

W wolnych chwilach stara się przekazać Ci całą praktyczną wiedzę, pasję i doświadczenie. Zapraszamy do kursu - gwarantujemy, że ta świetna zabawa przyniesie Ci mnóstwo satysfakcji!