XHTML i CSS (Arkadiusz Włodarczyk, Esko-Al)

XHTML i CSS

ISBN: 978-83-61899-72-3

Zapraszam wszystkich serdecznie do obejrzenia video kursu tworzenia stron WWW w (X)HTML & CSS! Kurs ten trwa aż 9 godzin 31 minut 54 sekundy! Jest to nie tylko nauka - ale i praktyka, uczymy się tworzyć stron według najnowszych norm. Nasz kurs jest najbardziej aktualnym video kursem dotyczącym tworzenia stron WWW, został wydany 09-01-2010 roku.

Kurs jest przygotowany przez młodego człowieka, więc używany język jest bardzo przystępny dla każdego.

Kurs wyjaśnia wszystko od "zera", nie trzeba znać niczego - po nim będziesz mógł stworzyć, szybko i bezproblemowo ładnie wyglądająca stronę, zgodnie z najnowszymi normami.

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 mówienia 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:

XHTML / HTML
CSS
Jak stworzyć od zera stronę WWW z rozwijanym menu w CSS

Strona którą tworzymy jest bardzo podobna do strony głównej videokurs.pl

Zawartość kursu:

Lekcja 1 - Wstęp do Internetu - 7 minut 16 sekund:

Dowiadujemy się czym jest:
- internet
- port
- strona internetowa
- serwer
- pakiety
- URL
- domena
- protokół
- IP
- adres IP
- DNS

Lekcja 2 - Rejestracja - 8 minut 57 sekund:

Dowiadujemy 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 3 - Total Commander - 6 minut 37 sekund:

Ściągamy z internetu program Total Commander, 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 4 - Edytor - 9 minut 37 sekund:

Dowiadujemy 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 5 - XHTML vs HTML - 11 minut 30 sekund:

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

Lekcja 6 - Podstawowy wygląd dokumentu - 10 minut 1 sekunda:

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 pisaniee stron zgodnie z regułami.

Lekcja 7 - Poprawne nazewnictwo plików - 3 minuty 2 sekundy:

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 minut 46 sekund:

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.

Lekcja 9 - meta tagi - 10 minut 50 sekund:

Dowiadujemy się:
- czym są meta tagi
- czym są metadane
- jak dobierać słowa kluczowe oraz opis w meta tagach

Lekcja 10 - Kodowanie - polskie znaki - 10 minut 45 sekund:

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ę

Lekcja 11 - DTD - typ oraz reguły pisewnictwa - 7 minut 7 sekund:

Dowiadujemy się:
- czym jest DTD oraz do czego służy
- jak stworzyć stronę zgodnie z zasadami XHTML 1.0 Transitional

Lekcja 12 - Encje - walidacja strony - 8 minut 48 sekund:

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 minut 39 sekund:

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.

Lekcja 14 - Wykazy List - 11 minut 51 sekund:

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ę

Lekcja 15 - Tabelki - 28 minut 13 sekund:

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.

Lekcja 16 - Obrazki - 11 minut 7 sekund:

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.

Lekcja 17 - Osadzanie plików na stronie - 15 minut 46 sekund:

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 minut 41 sekund:

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 minuty 38 sekund:

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

Lekcja 20 - Formularze - 38 minut 10 sekund:

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

Lekcja 21 - Style CSS - 18 minut 20 sekund:

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

Lekcja 22 - Class oraz Id - 10 minut 13 sekund:

Poznajemy atrybuty o kluczach class oraz id, dowiadujemy się po co one są oraz do czego służą.

Lekcja 23 - Div i span - 9 minut 54 sekundy:

Dowiadujemy się czym są tagi div oraz span. Do czego służą oraz po co się je używa.

Lekcja 24 - CSS - Linki - 10 minut 12 sekund:

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 minut 27 sekund:

Poznajemy własnośći 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.

Lekcja 26 - CSS - czcionki - 11 minut 28 sekund:

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 minut 21 sekund:

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 minut 42 sekundy:

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 minut 54 sekundy:

Bawimy się tabelkami, nadając im szerokość, wysokość, kolory, odstępy między ramkami i wiele innych...

Lekcja 30 - CSS - wykazy list - 4 minuty 43 sekundy:

Tworzymy wykazy, podobne jak w HTML, ale dodatkowo potrafimy użyć obrazka jako wyróżnika, tak jak jest to zaprezentowane tutaj (dyskietka po lewej)

Lekcja 31 - marginesy - wypełnienia - box model - 13 minut 33 sekundy:

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 - CSS - pływanie elementów - float i clear - 8 minut 13 sekund:

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 minut 55 sekund:

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 minuty 33 sekundy:

Dowiadujemy się czym są warstwy / z-index. Bawimy się nimi na przykładzie.

Lekcja 35 - CSS - przepełnienie - overflow - 2 minuty 47 sekund:

Dowiadujemy się czym jest przepełnienie / overflow oraz w jaki sposób możemy na nie reagować.

Lekcja 36 - CSS - zmiana kursora myszki - 3 minuty 55 sekund:

Dowiadujemy się jak zmienić wygląd kursora naszej myszki po najechaniu na dowolny element naszej strony.

Lekcja 37 - CSS - przeźroczystość - 6 minut 9 sekund:

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 minut 15 sekund:

Pokazujemy jaką stronkę będziemy tworzyć od zera, aby można było wyobrazić sobie efekt końcowy.

Lekcja 39 - Strona - tło - 5 minut 57 sekund:

Tworzymy tło strony internetowej na dwa różne sposoby.

Lekcja 40 - Strona - kontener i górna część - 9 minut 47 sekund:

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 minut 48 sekund:

Tworzymy "pudełeczko" w którym zamieszczamy informacje kontaktowe do firmy.

Lekcja 42 - Strona - górne menu - 11 minut 57 sekund:

Tworzymy górne menu naszej strony.

Lekcja 43 - Strona - środkowe menu - 8 minut 22 sekundy:

Tworzymy środkowe menu naszej strony.

Lekcja 44 - Strona - rozwijane menu w CSS - 22 minuty 3 sekundy:

Tworzymy totalnie od zera rozwijane menu w CSS!

Lekcja 45 - Strona - środkowa część strony - 23 minuty 21 sekundy:

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 minut 23 sekundy:

Tworzymy dolną część strony wraz ze stopką.

Lekcja 47 - Strona - tworzenie podstron oraz podziękowania - 6 minut 21 sekund:

Uczymy się tworzyć podstrony oraz podsumowujemy kurs.

Materiały dodatkowe:

kody-zrodlowe-xhtmlicsswydanie2.zip

8,12 MB

Dostęp do materiałów uzyskasz po wykupieniu szkolenia, w sekcji "Mój eMentor".

Esko-Al poleca również

Podobne szkolenia

O autorze

Esko-Al - Aktualnie wszystkie kursy wydawnictwa Esko-Al., napisane są przez Arkadiusza Włodarczyka młodego człowieka przez co język używany w kursach jest przystępny dla każdego. Wszystkie kursy prowadzon... więcej