Video Kurs Tworzenia Stron WWW w (X)HTML & CSS

 

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śniona 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".

 

Zawartość płyt DVD:

 

Lekcja 1 - zakładanie konta - 4 minuty 40 sekund:

1. Rejestrujemy się na interi, tworząc miejsce na naszą stronkę.

 

Lekcja 2 - edytor (X)HTML - 6 minut 44 sekundy

1. Ściągamy z internetu edytor EDHTML, instalujemy go i poznajemy jego niektóre funkcje.

 

Lekcja 3 - total commander - 7 minut 13 sekund

1. Ś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.
2. Łączymy się z naszym serwerem i "wrzucamy" na niego nasz pierwszy plik!

 

Lekcja 4 - ogólny wygląd pliku HTML - 21 minut 20 sekund

1. Zaczynamy zabawę od stworzenia "indexu" i od ogólnego wyglądu prawidłowej strony budowanej w XHTML.
2. Dowiadujemy się co to jest głowa oraz ciało strony ;).
3. Poznajemy znaczniki meta, uczymy się nadawać tytuł stronie, zapoznajemy się z selektorem body i parametrami, które może przyjąć.
4. Wytwarzamy nasze pierwsze tło i marginesy... kodujemy stronę z polskimi znakami!
5. Uczymy się używać komentarzy.

 

Lekcja 5 - formatowanie tekstu - 34 minuty 59 sekund

1. Poznajemy selektory, które.:
   - "łamią" wiersze
   - tworzą akapity
   - pogrubiają, pochylają, podkreślają, przekreślają, powiększają tekst
   - wiele znaczników semantycznych
   - tworzą indeks górny, dolny
   - które zmieniają kolor oraz czcionkę tekstu
2. Uczymy się robić sztuczne "niełamiące się spacje", wyświetlać np. wiersz bez konieczności łamania wierszy
3. Dowiadujemy się czym są tzw. acronimy

 

Lekcja 6 - wykazy list - 14 minut 13 sekund

1. Uczymy się tworzyć słownik, wykazy list z róznymi wyglądami i pola legend.
2. Tworzymy prostę linie i poznajemy ich cechy.

 

Lekcja 7 - tabele - 25 minut 10 sekund

1. Uczymy się tworzyć tabelki:
   - nadawać im tła...
   - zmieniać marginesy...
   - nadawać im kolory...
   - "poruszać" się w ich wnętrzu...
   - tworzyć z nich szablon strony...
   - i wiele innych

 

Lekcja 8 - odsyłacze - 17 minut 32 sekundy

1. Uczymy się tworzyć odsyłacze (linki) do innych stron
2. Robimy etykiety, by łatwo było poruszać się po naszej witrynie
3. Wytwarzamy mape na obrazku, przez co można odwoływać się poprzez różne punkty na jednym obrazku do różnych stron
4. Robimy odsyłacze do e-maili, oraz do gadu-gadu

 

Lekcja 9 - obrazy i pliki - 11 minut 27 sekund

1. Uczymy się wklejać obrazki na naszą stronę i się z nimi "bawić" :)
2. Dowiadujemy się w jaki sposób "wrzucić" na naszą stronę, pliki typu .pdf .avi .mp3 etc.
3. Odtwarzamy dźwięki w tle...

 

Lekcja 10 - ramki - 25 minut 4 sekundy

1. Dowiadujemy się wszystkiego o ramkach... między innymi:
   - jak stworzyć opartą na nich stronkę (robimy szablon)
   - jak wykonać pojedyńczą wenętrzną ramkę
   - i wiele innych...

 

Lekcja 11 - formularze - 35 minut 6 sekund

1. Dowiadujemy się jak zrobić formularz:
   - radio (z kropkami)
   - check (z checkami)
   - z polem kombi (wyboru)
   - password (hasła)
   - ukryte
   - obrazkowe
   - buttony
   - wysyłające, resetujące, różnice między wszystkimi i wiele innych ciekawostek...

 

Lekcja 12 - style CSS - 30 minut 18 sekund

1. Poznajemy:
   - wszystkie typy selektorów i w jaki sposób się do nich odwołujemy.
   - jak "wrzucić" style na naszą stronę: wewnętrznie i zewnętrznie
   - jak zmieniać kolory
   - różnicę między div i span i wiele innych...

 

Lekcja 13 - CSS - formatowanie tekstu - 10 minut 15 sekund

1. Poznajemy cechy które:
   - zmieniają kolory
   - dekorują tekst np. podkreślają, przekreślają, nadkreślają etc.
   - powiększają wszystkie litery, lub też je zmniejszają...
   - zmieniają położenie tekstu
   - tworzą nam akapity z wcięciami

 

Lekcja 14 - CSS- czcionka - 6 minut 47 sekund

1. Bawimy się tekstem... zmieniając czcionki... powiększając go... pochylając... pogrubiając... i wiele innych!

 

Lekcja 15 - CSS - tło - 5 minut 36 sekund

1. Solidna lekcja poświęcona tle, uczymy się nadawać mu kolor, obraz i nie tylko, bo dowiadujemy się w jaki sposób zrobić "nie ruszające się" obrazkowe tło!

 

Lekcja 16 - CSS- marginesy - 9 minut 16 sekund

1. Dowiadujemy się czym są marginesy wewnętrzne i zewnętrzne oraz różnice między nimi. Bawimy się nimi robiąc kilka ćwiczeń. Przydatna rzecz, aby wszystko wyglądało na stronach estetycznie!

 

Lekcja 17 - CSS - obramowanie - 12 minut

1. Bawimy się obramowaniami, poznajemy różne typy... groove... solid... dashed itp., nadajemy im kolory, wielkość - łączymy to wszystko i wiele innych!

 

Lekcja 18 - CSS - pozycjonowanie - 19 minut 40 sekund

1. Uczymy się pozycjonować, absolutnie, relatywnie, statycznie, "fixed", poznajemy warstwy (z-index) oraz uczymy się "oblewać" bloki np. tekstu.

 

Lekcja 19 - CSS - tabele - 7 minut 49 sekund

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

 

Lekcja 20 - CSS - wykazy - 5 minut 52 sekundy

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

 

Lekcja 21 - CSS - suwaki - 7 minut 29 sekund

1. Dowiadujemy się w jaki sposób można pokolorować suwaki w przeglądarce :).

 

Lekcja 22 - CSS - zawijanie tekstu - 4 minuty 50 sekund

1. Dowiadujemy się w jaki sposób zinterpetować wiele spacji oraz w jaki sposób zabronić "łamania wierszy".

 

Lekcja Ostatnia - Tworzenia Stronki - 46 minut 33 sekundy

1. Tworzymy OD ZERA stronkę opartą na div'ach, (x)html i stylach CSS. Wykorzystujemy to co poznaliśmy w poprzednich lekcjach...

 

Dodatkowo na płycie (drugiej) znajduje się:

1. EdHTML - edytor, którego używamy (freeware)
2. Total Commander (shareware)
3. Kodeki w razie gdyby były problemy z odpaleniem filmów (freeware).

 

Jak widać po krótkim spisie, kurs omówiony jest w sposób bardzo dokładny i przedstawia wszystko bardzo szczegółowo!