Video Kurs (x)HTML i CSS - Wydanie 2
Twórz nowoczesne responsywne strony - fundament web developmentu!
Zapraszam Cię serdecznie do zapoznania się z video kursem tworzenia stron WWW w (X)HTML & CSS!
Nasz video kurs trwa aż 9 godzin 31 minut 54 sekundy!
Jest to nie tylko nauka - ale i praktyka, nauczysz się tworzyć stron według najnowszych norm. Nasz kurs jest najbardziej aktualnym video kursem dotyczącym tworzenia stron WWW.
Kurs jest przygotowany przez młodego człowieka, więc używany język będzie przystępny dla każdego!
Kurs wyjaśni Ci wszystko od "zera", nie musisz znać niczego w temacie tworzenia stron WWW - po nim będziesz mógł stworzyć szybko i bezproblemowo ładnie wyglądająca stronę, zgodnie z najnowszymi normami XHTML.
Każda lekcja jest wyjaśniana jak najbardziej szczegółowo, aby każdy mógł zrozumieć techniki tworzenia stron. Lektor nie tylko uczy, ale również podczas wyjaśniania radzi jak przyjacielowi co jest "lepsze", a co "gorsze".
Tak naprawdę jest to zestaw 3 kursów w jednym. Dowiesz się z niego wszystkiego o:
Strona którą tworzymy jest bardzo podobna do strony głównej videokurs.pl
Gwarantujemy Ci szybkie rezultaty w nauce XHTML i CSS.
- XHTML / HTML
- CSS
- Jak stworzyć od zera stronę WWW z rozwijanym menu w CSS
"Idealna transakcja - świetny kontakt i błyskawiczna wysyłka. Kursy wciągają, i ogląda się z zapartym tchem, to zasługa wesołego lektora ;) Mało który film tak wciąga :)" by Kuba_T1000
"Powiem Krotko Jestes PRO Nikt mnie nienauczyl tfu nauczl nie wytlumaczyl tak dobrze jak Pan uwazam pana za czlowieka godnego szacunku Widac Ze Pan Sie ZNA i chce pomoc innym oby tak dalej 99/5" by Gattan123
"szczerze warto było zacząć właśnie od TEGO KURSU. Polecam bezapelacyjnie. I szacun dla AUTORA." by mrozwalka
"Przesyłka Expresowa, kurs bardzo fajny ! Lektor umie tłumaczyć ;) POLECAM" by lak12
"Jak najbardziej duzy pozytyw. Szybka przesyłka, miły kontakt, a do tego musze przyznac że kurs jest tłumaczony w bardzo przejrzysty, dostepny sposób. Nauczyciele powinni tak tłumaczyc, to wtedy mogliby wymagać. Serdecznie polecam" by marcinjac1982
"Profesjonalny kurs lepszego nie znajdziecie nigdzie, polecam !!!" by Jas72
"Powiem Krotko Jestes PRO Nikt mnie nienauczyl tfu nauczl nie wytlumaczyl tak dobrze jak Pan uwazam pana za czlowieka godnego szacunku Widac Ze Pan Sie ZNA i chce pomoc innym oby tak dalej 99/5" by Gattan123
"szczerze warto było zacząć właśnie od TEGO KURSU. Polecam bezapelacyjnie. I szacun dla AUTORA." by mrozwalka
"Przesyłka Expresowa, kurs bardzo fajny ! Lektor umie tłumaczyć ;) POLECAM" by lak12
"Jak najbardziej duzy pozytyw. Szybka przesyłka, miły kontakt, a do tego musze przyznac że kurs jest tłumaczony w bardzo przejrzysty, dostepny sposób. Nauczyciele powinni tak tłumaczyc, to wtedy mogliby wymagać. Serdecznie polecam" by marcinjac1982
"Profesjonalny kurs lepszego nie znajdziecie nigdzie, polecam !!!" by Jas72
Przykładowe ekrany kursu Video Kurs (x)HTML i CSS - Wydanie 2:
Kliknij by powiększyć
Zawartość kursu XHTML i CSS:
-
- Dowiesz się czym jest host, jaka jest różnica między płatnym oraz darmowym hostingiem. Rejestrujemy się na interii tworząc miejsce na naszą stronkę.
-
Lekcja 2 FileZilla - program do transferowania plików na serwer 5 min i 50 s
- Ściągamy z internetu program FileZilla, który służy nam do połączenia się z serwerem, instalujemy go i poznajemy jego niektóre funkcje. Łączymy się z naszym serwerem i "wrzucamy" na niego nasz pierwszy plik!
-
Lekcja 3 Instalacja Edytora (Aptana Studio) 8 min i 10 s
- Dowiesz się czym są edytory. Tworzymy plik o rozszerzeniu .html przy pomocy notatnika, następnie ściągamy oraz instalujemy Aptana Studio i tworzymy nasz pierwszy projekt.
-
Lekcja 4 CRC Error Aptana Studio - rozwiązanie potencjalnego problemu 2 min i 15 s
-
Lekcja 5 XHTML vs HTML 11 min i 30 s
- Dowiadujemy się:
- co oznacza WWW, HTML, XHTML
- czym jest hipertekst i dlaczego jest taki wyjątkowy
- czym są tagi = znaczniki = słowa kluczowe
- jaka jest różnica między HTML, a XHTML - Dowiadujemy się:
-
Lekcja 6 Podstawowy wygląd dokumentu 10 min i 1 s
- Zaczynamy zabawę stwarzając nasz pierwszy dokument HTML. Dowiadujemy się:
- czym jest głowa oraz ciało strony ;)
- czym są białe znaki
- czym są roboty oraz w jaki sposób zwracają one uwagę na tag title i pisanie stron zgodnie z regułami. - Zaczynamy zabawę stwarzając nasz pierwszy dokument HTML. Dowiadujemy się:
-
Lekcja 7 Poprawne nazewnictwo plików 4 min i 28 s
- Dowiadujemy się w jaki sposób poprawnie nazywać nasze pliki o rozszerzeniu .html oraz jaki to ma wpływ na naszą pozycję w wyszukiwarkach.
-
Lekcja 8 Atrybuty i Kolory 17 min i 46 s
- Dowiadujemy się:
- czym są atrybuty
- czym są komentarze oraz do czego służą
- jak stworzyć własne akapity
- jak zmienić kolor naszej strony
- czym jest rgb
- co oznacza termin deprecated
- jak stworzyć "dymek" z dodatkową informacją nad naszym tekstem
- jak wyrównywać akapity do lewej, prawej, środka oraz co robi justowanie. - Dowiadujemy się:
-
Lekcja 9 Meta Tagi 10 min i 50 s
- Dowiadujemy się:
- czym są meta tagi
- czym są metadane
- jak dobierać słowa kluczowe oraz opis w meta tagach - Dowiadujemy się:
-
Lekcja 10 Kodowanie 10 min i 45 s
- Dowiadujemy się:
- o co w ogóle chodzi z całym tym dziwnym kodowaniem
- jak ustawić poprawną stronę kodową na swojej stronie, tak aby zawsze były interpretowane polskie znaki
- jakie kodowanie jest najlepsze dla robotów indeksujących naszą stronę - Dowiadujemy się:
-
Lekcja 11 DTD - typ oraz reguły pisewnictwa 7 min i 7 s
- Dowiadujemy się:
- czym jest DTD oraz do czego służy
- jak stworzyć stronę zgodnie z zasadami XHTML 1.0 Transitional - Dowiadujemy się:
-
Lekcja 12 Encje - walidacja strony 8 min i 48 s
- Dowiadujemy się czym są encje oraz po co je stosować. Dowiadujemy się jak uzyskać nietypowe znaki typu całka. Przypominamy sobie wszystkie zasady dotyczące pisania poprawnego dokumentu XHTML. Poznajemy stronę na której możemy przetestować poprawność naszej strony.
-
Lekcja 13 Formatowanie Tekstu 27 min i 39 s
- Dowiadujemy się czym jest formatowanie oraz poznajemy wiele znaczników między innymi, takie które:
- "łamią wiersze"
- pogrubiają, pochylają, podkreślają, przekreślają tekst
- tworzą indeks górny i dolny
- zmieniają kolor, wielkość oraz czcionkę tekstu.
Dowiadujemy się czym są znaczniki semantyczne, dlaczego warto je używać. Poznajemy wiele znaczników semantycznych. - Dowiadujemy się czym jest formatowanie oraz poznajemy wiele znaczników między innymi, takie które:
-
Lekcja 14 Wykazy List 11 min i 51 s
- Dowiadujemy się:
- czym są listy
- jak stworzyć ponumerowaną, nieponumerowaną listę
- jak stworzyć słowniczek definicji
- jak stworzyć pole z legendą oraz opisem
- jak stworzyć "niełamiącą się" spację.
- jak stworzyć poziomą linię - Dowiadujemy się:
-
Lekcja 15 Tabelki 28 min i 13 s
- Uczymy się:
- czym są tabelki
- do czego służą...
- jak je tworzyć...
- zmieniać wypełnienia...
- nadawać im kolory...
- "poruszać" się w ich wnętrzu...
- tworzyć z nich szablony stron...
- i wiele innych
Dowiadujemy się od czego pochodzą nazwy tagów typu tr, td etc. - Uczymy się:
-
Lekcja 16 Obrazki 11 min i 7 s
- Uczymy się "wrzucać" na naszą stronę obrazki, a następnie się nimi "bawimy" ;-)
Dowiadujemy się jak sprawić, aby w starszych wersjach IE, były poprawnie interpretowane pliki PNG. - Uczymy się "wrzucać" na naszą stronę obrazki, a następnie się nimi "bawimy" ;-)
-
Lekcja 17 Osadzanie plików na stronie 15 min i 46 s
- Dowiadujemy się jak "wrzucać", czyli osadzać na naszej stronie pliki multimedialne tzn. np. dźwiękowe, wizualne. Pokazujemy na przykładzie jak osadzić plik QuickTime o rozszerzeniu .mov. Dowiadujemy się co trzeba zrobić, aby "w tle" odpalić muzyczkę.
-
Lekcja 18 Odnośniki (linki) 19 min i 41 s
- Dowiadujemy się czym są odnośniki.
- Uczymy się tworzyć odsyłacze (linki) do innych stron
- Dowiadujemy się czym są etykiety oraz po co one są.
- Tworzymy etykiety, by łatwo było poruszać się po naszej witrynie
- Tworzymy odsyłacze do e-maili, oraz do gadu-gadu
- Tworzymy obrazek, który pokazuje nasz aktualny stan gg (dostępny, zaraz wracam, niedostępny)
-
Lekcja 19 Ramki 23 min i 38 s
- Dowiadujemy się wszystkiego o ramkach... między innymi:
- jak stworzyć opartą na nich stronkę (robimy szablon)
- jak stworzyć wewnętrzną ramkę
- jak otworzyć stronę w nowym oknie(karcie) lub w ramce znajdującej się na stronie
- i wiele innych... - Dowiadujemy się wszystkiego o ramkach... między innymi:
-
Lekcja 20 Formularze 38 min i 10 s
- Dowiadujemy się czym jest oraz jak zrobić formularz:
- radio (z kropkami)
- check (z checkami)
- z polem kombi (wyboru)
- password (hasła)
- ukryte
- buttony
- wysyłające oraz różnice między wszystkimi i wiele innych ciekawostek... - Dowiadujemy się czym jest oraz jak zrobić formularz:
-
Lekcja 21 Style CSS 18 min i 20 s
- Dowiadujemy się:
- czym jest CSS do czego służy oraz od czego pochodzi jego nazwa.
- czym są selektory oraz własności, co one robią.
- jak stworzyć style inline, wewnętrznie oraz zewnętrznie
- jaki jest priorytet wykonywania styli - Dowiadujemy się:
-
Lekcja 22 Class oraz Id 10 min i 13 s
- Poznajemy atrybuty o kluczach class oraz id, dowiadujemy się po co one są oraz do czego służą.
-
Lekcja 23 Div i span 9 min i 54 s
- Dowiadujemy się czym są tagi div oraz span. Do czego służą oraz po co się je używa.
-
Lekcja 24 CSS - Linki 10 min i 12 s
- Sprawiamy, aby nasze linki zmieniały swój wygląd w zależności od ich stanu: nieodwiedzone, odzwiedzone, aktywne oraz po najechaniu. Pokazujemy trochę ciekawostek ;-)
-
Lekcja 25 CSS - Formatowanie tekstu 19 min i 27 s
- Poznajemy własności CSS, które:
- zmieniają kolory
- dekorują tekst np. podkreślają, przekreślają, nadkreślają etc.
- powiększają pierwsze litery każdego słowa, wszystkie litery lub też je zmniejszają...
- zmieniają wyrównanie tekstu
- tworzą nam akapity z wcięciami
- tworzą odstępy między literami, słowami, liniami tekstu
- sprawiają, że tekst się "nie zawija"
- sprawiają, że wszystkie "białe znaki" są interpretowane
Dowiadujemy się czym jest dziedziczenie własności oraz w jaki sposób ono działa.
Poznajemy różnicę między jednostkami tzn. px, em, mm, cm, % etc. Szczególnie skupiamy się na em, % i px. - Poznajemy własności CSS, które:
-
Lekcja 26 CSS - czcionki 11 min i 28 s
- Bawimy się tekstem... zmieniając jego czcionki... powiększając go... pochylając... pogrubiając... poznajemy różnicę między oblique, a italic oraz następną jednostkę ex i wiele innych.
-
Lekcja 27 CSS - tła 14 min i 21 s
- Solidna lekcja poświęcona tłom, uczymy się nadawać im kolory, dowiadujemy się w jaki sposób zrobić powtarzające się, nie powtarzająca się lub też "nie ruszające się" wyśrodkowane obrazkowe tło i wiele innych!
-
Lekcja 28 CSS - obramowanie 9 min i 42 s
- Bawimy się obramowaniami, poznajemy różne typy... groove... solid... dashed itp., nadajemy im kolory, wielkość - łączymy to wszystko i wiele innych!
-
Lekcja 29 CSS - tabelki 7 min i 54 s
- Bawimy się tabelkami, nadając im szerokość, wysokość, kolory, odstępy między ramkami i wiele innych...
-
Lekcja 30 CSS - wykazy list 4 min i 43 s
- Tworzymy wykazy, podobne jak w HTML, ale dodatkowo potrafimy użyć obrazka jako wyróżnika, tak jak jest to zaprezentowane tutaj ('tick' po lewej)
-
Lekcja 31 Marginesy - wypełnienia - box model 13 min i 33 s
- Dowiadujemy się czym są marginesy oraz wypełnienia. Bawimy się nimi robiąc kilka ćwiczeń. Przydatna rzecz, aby wszystko wyglądało na stronach estetycznie. Uczymy się obliczać wartości takie jak szerokość, aby strony się "nie rozlatywały".
-
Lekcja 32 Pływanie elementów - float i clear 8 min i 13 s
- Dowiadujemy się w jaki sposób działają własności float i clear oraz co one oznaczają. Bawimy się ćwicząc poznane własności na przykładach :-)
-
Lekcja 33 CSS - pozycjonowanie 13 min i 55 s
- Uczymy się na przykładach pozycjonować, czyli ustawiać różnego rodzaju elementy naszej strony, absolutnie, relatywnie, statycznie, "fixed". Pokazujemy np. w jaki sposób sprawić aby jakiś tekst np. data dnia była zawsze po prawej stronie, kreujemy zaczątek "newsów". Dowiadujemy się jak sprawić, aby element naszej strony był zawsze na środku.
-
Lekcja 34 CSS - warstwy - z-index 3 min i 33 s
- Dowiadujemy się czym są warstwy / z-index. Bawimy się nimi na przykładzie.
-
Lekcja 35 CSS - przepełnienie - overflow 2 min i 47 s
- Dowiadujemy się czym jest przepełnienie / overflow oraz w jaki sposób możemy na nie reagować.
-
Lekcja 36 CSS - zmiana kursora myszki 3 min i 55 s
- Dowiadujemy się jak zmienić wygląd kursora naszej myszki po najechaniu na dowolny element naszej strony.
-
Lekcja 37 CSS - przeźroczystość 6 min i 9 s
- Dowiadujemy się w jaki sposób sprawić, aby niektóre elementy naszej strony np. obrazki stały się przeźroczyste tzn. "prześwitały" ;-). Tworzymy galerię z 4 obrazków, które po najechaniu na nich myszką zmieniają swój stan przeźroczystości - tworzy to fajny efekt :)
-
Lekcja 38 Strona - zapowiedź 5 min i 15 s
- Pokazujemy jaką stronkę będziemy tworzyć od zera, aby można było wyobrazić sobie efekt końcowy.
-
Lekcja 39 Strona - tło 5 min i 57 s
- Tworzymy tło strony internetowej na dwa różne sposoby.
-
Lekcja 40 Strona - kontener i górna część 9 min i 47 s
- Tworzymy kontener oraz dowiadujemy się czym on jest oraz po co się go stosuje. Tworzymy górną część strony z logiem. Centrujemy stronę.
-
Lekcja 41 Strona - kontakt box 6 min i 48 s
- Tworzymy "pudełeczko" w którym zamieszczamy informacje kontaktowe do firmy.
-
Lekcja 42 Strona - górne menu 11 min i 57 s
- Tworzymy górne menu naszej strony.
-
Lekcja 43 Strona - środkowe menu 8 min i 22 s
- Tworzymy środkowe menu naszej strony.
-
Lekcja 44 Strona - rozwijane menu w CSS 22 min i 3 s
- Tworzymy totalnie od zera rozwijane menu w CSS!
-
Lekcja 45 Strona - środkowa część strony 23 min i 21 s
- Tworzymy środkową cześć strony, sprawiamy aby wyglądała bardzo dobrze dla użytkownika jak i pod kątem pozycjowania.
-
Lekcja 46 Strona - dolna część strony i stopka 15 min i 23 s
- Tworzymy dolną część strony wraz ze stopką.
-
Lekcja 47 Strona - tworzenie podstron oraz podziękowania 6 min i 21 s
- Uczymy się tworzyć podstrony oraz podsumowujemy kurs.