Kurs HTML i CSS

Wprowadzenie

Koszyk Koszyk
  • Opis
  • Recenzje
  • Autor
  • Transkrypt
  • Pytania i odpowiedzi
  • QA

108 ocen

Wprowadzenie

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!

  1. Skladnia i podstawy HTML5 i CSS3
  2. Praktyczny projekt strony WWW
  3. Zgodnosc z najnowszymi standardami
  4. Pozycjonowanie i model pudelkowy
  5. Najciekawsze wlasciwosci CSS
  6. Poprawna semantyka dokumentów
  7. Wskazówki od eksperta - praktyka
  8. Kompletne pliki zródlowe i wiele wiecej!

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.

Dlaczego wybrać właśnie ten kurs?

  1. 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!
  2. 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.
  3. 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ń.

Autor: Grzegorz Róg

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. <br><br> 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!

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. <br><br> 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!

5

Średnia ocen autora

Ten kurs nie posiada jeszcze transkryptu. Choć bardzo się staramy, wygenerowanie transkryptów do wszystkich kursów jest bardzo czasochłonne. W wielu przypadkach wymaga zaangażowania drogiego oprogramowania i godzin pracy przy poprawianiu transkryptu tak, aby był on możliwie jak najlepszy.

Zależy nam na tym, aby przygotować transkrypty do wszystkich naszych treści. To jedyny sposób dla osób niedosłyszących, aby mogły wygodnie uczyć się technologii. Poza tym, transkrypty ułatwiają skanowanie kursu w poszukiwaniu informacji i jego indeksowanie.

Szukamy osób, które mogłyby nam pomóc w poprawianiu transkryptów. Jeśli masz chwilę wolnego czasu i interesuje Cię dany kurs, w zamian za taką pomoc chętnie udostępnimy Ci wybrany materiał. Wyślij swoje zgłoszenie tutaj, jeśli możesz pomóc nam rozwijać platformę.

  • Informacje
  • Lekcje

Autor: Grzegorz Róg

Czas: 7 godzin 34 minut

Wersja: HTML5 i CSS3

Aktualizacja: 29.04.2020

  • Certyfikat w ramach Ścieżki
  • Dostęp z urządzeń przenośnych
  • Licencje dla firm i szkół
Podaruj w prezencie

Wstęp

  • Wprowadzenie

Wprowadzenie do HTML

  • Historia HTML

  • Hello HTML

Semantyka

  • Znaczniki

  • Edytor Kodu

  • Składnia HTML

  • Elementy Liniowe i Blokowe

Treść na stronie

  • Model Treści

  • Praca ze znacznikami

  • Znaczniki Liniowe

  • Ścieżki i obrazy

  • Atrybuty zdjęć

Obrazki i ścieżki

  • Hiperłącza

  • Popularne błędy

Praca ze stylami

  • Wprowadzenie do CSS

  • Osadzanie Stylów

Selektory i cechy

  • Typy Selektorów

  • Kaskadowość

  • Specyficzność cz.1

  • Specyficzność cz.2

  • Dobre praktyki CSS

Model Pudełkowy i Notacja

  • Model Pudełkowy

  • Box Model w Praktyce

  • Skrócona notacja

  • Jednostki

  • Jednostki w Praktyce

Kolory i tekst

  • Praca z kolorami

  • Formatowanie tekstu

  • Inne właściwości tekstu

  • Reguła font face

  • Fonty hostowane

Wypełnienie

  • Wypełnienie gradientem

  • Tło w CSS

Pozycjonowanie elementów

  • Układ dokumentu

  • Pozycjonowanie elementów

  • Praca z Float

  • Opływanie a układ

Dopasowanie do rozdzielczości i RWD

  • Media w CSS

  • Technika Fluid

  • Praca z Media Queries

  • Ukrywanie elementów

  • Pseudoklasy

Wstęp do Projektu

  • Grupowanie semantyczne i techniczne

  • Struktura HTML

  • Typografia na stronie

  • Kolory

Praca z praktyczną stroną

  • Właściwość display

  • Dekoracje tekstu

  • Formaty grafiki

  • Osadzanie tła

  • Obrazki SVG

  • Układ strony WWW

  • Poprawki layoutu

  • Tworzenie ramki

  • Praca z RWD

  • Stylowanie headera

  • Zakończenie

}