Kurs HTML i CSS
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!
57 lekcji
7h 34min
5 (21 oceny)
HTML i CSS - od Podstaw
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?
-
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!
Zawartość
HTML i CSS
14 rozdziały 57 lekcji 7h 34min
-
Wstęp
1min
-
Wprowadzenie do HTML
14min
Historia HTML
8min
Hello HTML
5min
-
Semantyka
28min
Znaczniki
6min
Edytor Kodu
4min
Składnia HTML
10min
Elementy Liniowe i Blokowe
8min
-
Treść na stronie
36min
Model Treści
7min
Praca ze znacznikami
9min
Znaczniki Liniowe
5min
Ścieżki i obrazy
7min
Atrybuty zdjęć
7min
-
Obrazki i ścieżki
16min
Hiperłącza
9min
Popularne błędy
7min
-
Praca ze stylami
18min
Wprowadzenie do CSS
8min
Osadzanie Stylów
10min
-
Selektory i cechy
43min
Typy Selektorów
10min
Kaskadowość
8min
Specyficzność cz.1
5min
Specyficzność cz.2
9min
Dobre praktyki CSS
11min
-
Model Pudełkowy i Notacja
41min
Model Pudełkowy
6min
Box Model w Praktyce
10min
Skrócona notacja
8min
Jednostki
8min
-
Kolory i tekst
49min
Praca z kolorami
14min
Formatowanie tekstu
12min
Inne właściwości tekstu
9min
Reguła font face
6min
Fonty hostowane
9min
-
Wypełnienie
13min
Wypełnienie gradientem
4min
Tło w CSS
8min
-
Pozycjonowanie elementów
29min
Układ dokumentu
5min
Pozycjonowanie elementów
12min
Praca z Float
6min
Opływanie a układ
6min
-
Dopasowanie do rozdzielczości i RWD
37min
Media w CSS
8min
Technika Fluid
7min
Praca z Media Queries
8min
Ukrywanie elementów
5min
Pseudoklasy
7min
-
Wstęp do Projektu
37min
Grupowanie semantyczne i techniczne
14min
Struktura HTML
9min
Typografia na stronie
9min
Kolory
6min
-
Praca z praktyczną stroną
1h 32min
Właściwość display
6min
Dekoracje tekstu
14min
Formaty grafiki
8min
Obrazki SVG
7min
Układ strony WWW
11min
Poprawki layoutu
6min
Tworzenie ramki
9min
Praca z RWD
11min
Stylowanie headera
14min
Zakończenie
2min
Autor kursu
Grzegorz Róg
**Idea Architect**
Średnia ocen autora: 5
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!
Dołącz do ponad 10 tys. zadowolonych z naszych kursów
Michal Tchorowski
22 kwietnia 2021
Piotr Socinski
26 maja 2021
To moje początki i wydawało się, że jest to trudne. Ucząc się korzystam z Visual Studio Code.
Jolanta Waniowska
8 czerwca 2021
Józef Woziwoda
9 czerwca 2021
Ewa Szymczak
21 września 2021
Marcin
25 listopada 2021
Klaudiusz Sobczak
29 listopada 2021
Świetny kurs, wprowadzający w świat front-endu, bez pudła. Min. dzięki niemu udało mi się uzyskać pierwszą pracę w IT
Krzysztof
6 grudnia 2021
Hubert Proch
27 grudnia 2021
Aleksander Baran
29 grudnia 2021
Joanna Wolska
12 lutego 2022
Anna Chemodurova
17 lutego 2022
Emilia
5 marca 2022
Adrian Rogala
17 marca 2022
fajny kurs
Natalia Turonek
24 kwietnia 2022
Marcin Białek
25 września 2022
Bartosz Maćkowiak
26 września 2022
Monika Kubicz
5 kwietnia 2023
Krzysztof Narczyński
29 kwietnia 2023
Łukasz Dołżański
13 lipca 2023
Magdalena Szczabel
16 listopada 2023
Kurs HTML i CSS
-
57 lekcji wideo
-
7h 34min materiału
-
Ostatnia rewizja 30.04.2020
-
Certyfikat w ramach ścieżek
-
Dostęp z urządzeń mobilnych
Dlaczego wybrać właśnie ten kurs?
Efektywna nauka
Kurs wideo to najbardziej efektywna a zarazem najprzyjemniejsza forma nauki. Jest on tak prowadzony, byś cały czas mógł go śledzić z zainteresowaniem i zaangażowaniem, a także czerpać satysfakcję ze zdobytej wiedzy!
Wiedza ekspertów
Wiedza, którą otrzymujesz w tym kursie, to nie tylko sucha teoria, ale również wskazówki od praktyka z wieloletnim doświadczeniem, dzięki którym dużo łatwiej będzie Ci opanować materiał i pracować efektywniej.
Praktyczne przykłady
Uczysz się na praktycznych przykładach. Kurs, który masz przed sobą to esencja praktycznej wiedzy i doświadczenia a także wzorów, które oszczędzą Ci godziny pracy i poszukiwań.
Pytania i odpowiedzi
Przeczytaj najczęściej zadawane pytania
Masz więcej pytań?
Porozmawiaj z nami na na czacie
Zadzwoń +48 880880606
Nie każdy. Jeśli pliki są dostępne dla danego kursu, znajdziesz je w zakładce źródła. Niektóre kursy nie posiadają źródeł ponieważ nie są potrzebne, inne nie mogły być zamieszczone np. ze względu na prawa autorskie do wykorzystania komercyjnych prac naszych autorów. Staramy się aby kursy były maksymalnie praktyczne i chętnie pokazujemy zaplecze zawodowe naszych autorów, ale niekiedy nie możemy dołączyć go w postaci źródeł.
Jak jest skonstruowany kurs?Kurs składa się z rozdziałów oraz lekcji. Staramy się, aby optymalnie kursy miały 5-7 rozdziałów po około 5-10 lekcji w każdym. W ten sposób nauka jest optymalna a podtrzymanie uwagi staje się łatwiejsze. Rekomendujemy przerabianie nie więcej niż jednego rozdziału naraz a po jego przerobieniu powtórzenie materiału we własnym zakresie.
Jak najlepiej wykorzystać kurs?Potraktuj kurs jako inspirację do własnej pracy. Tam, gdzie się da staraj się powtarzać czynności, które wykonuje autor. Nie powtarzaj ich jednak bezmyślnie - spróbuj zmodyfikować przykłady i dostosować je do swoich potrzeb. W ten sposób przyswoisz materiał jeszcze lepiej!
Jak mogę uzyskać dostęp do kursu?Możesz albo wykupić ten konkretny kurs przez koszyk, uzyskując do niego (i jego rewizji) bezterminowy dostęp, albo wykupić wariant abonamentu, który obejmuje dany kurs i w ten sposób oglądać go oraz inne materiały na platformie tak długo, jak Twój abonament jest aktywny.
Czy kurs jest aktualny?Staramy się aby wszystkie materiały na stronie były aktualne. Nie znaczy to, że kurs powstał bardzo niedawno. Często na stronie znajdziesz trochę starsze kursy, jednak regularnie wykonujemy ich rewizję i zmieniamy lekcje - czy to przez dodanie stosownych komentarzy z aktualizacją, czy poprzez nagranie danej lekcji jeszcze raz. Datę ostatniej rewizji znajdziesz w informacjach o kursie.
Czym się różni kurs od warsztatu i ścieżki?Kursy to kilku godzinne, kompleksowe opracowanie danego zagadnienia, podzielone na lekcje i rozdziały. Często uzupełniają je Warsztaty, które mają formę jednej dłuższej, praktycznej lekcji (30min-1h), natomiast ścieżki stanowią zbiór jednych i drugich materiałów - ułożoną z kursów i warsztatów playlistę, która pozwala Ci kompleksowo opanować dane zagadnienie.
We frontendzie nie można stać w miejscu, niezależnie od tego, czy jest się początkującym, czy zaawansowanym. Narzędzia i techniki się zmieniają, więc trzeba cały czas trzymać rękę na pulsie. Jako twórca kursów i programista mogę spokojnie polecić eduweb.pl jako aktualne i dobre źródło wiedzy.
Adam Romański
helloroman.com
Zacznij naukę w HTML i CSS
-
57 lekcji wideo
-
7h 34min materiału
-
Ostatnia rewizja 30.04.2020
-
Certyfikat w ramach ścieżek
-
Dostęp z urządzeń mobilnych
Kursy które mogą Cię również zainteresować
Podstawy pracy z Cursor IDE
Adam Gospodarczyk
Nowości w NextJS13
Daniel Noworyta
Tailwind CSS
Daniel Noworyta
NestJS od Podstaw
Adam Gospodarczyk
Szeroka Perspektywa Full-Stack Web Developmentu
Adam Gospodarczyk
Narzędzia JavaScript Full-Stack Web Developera
Adam Gospodarczyk