01 |
Wstęp
Krótka informacja o treści kursu.
|
00:45 min |
02 |
Napis w stylu Web 2.0
Gradientowy napis w stylu Web 2.0.
|
06:00 min |
03 |
Odbicie w podłożu
Odbicie napisu w podłożu.
|
04:45 min |
04 |
Kratkowane tło
Tworzenie obrazu dla uzyskania tła w postaci drobnej kratki.
|
03:07 min |
05 |
Tło z ukośnych linii
Obrazek dla uzyskania tła w postaci ukośnych pasków.
|
03:46 min |
06 |
Własny deseń
Tworzenie dowolnych deseni do użycia jako tło na stronie internetowej.
|
01:22 min |
07 |
Instalacja pędzli
Instalacja dodatkowych pędzli.
|
03:51 min |
08 |
Powierzchnie i tła
Tworzenie teł i powierzchni gradientowych i nieregularnych.
|
05:27 min |
09 |
Obracanie pędzla
Obracanie pędzla o kąt 90 stopni.
|
04:23 min |
10 |
Nieregularne tło
Wykorzystanie filtrów do stworzenia nieregularnego tła.
|
03:11 min |
11 |
Fale
Rysowanie falistych linii.
|
02:00 min |
12 |
Promienie
Tworzenie promieni.
|
04:16 min |
13 |
Gwiazdki i wielokąty
Rysowanie figur geometrycznych.
|
03:24 min |
14 |
Pozycjonowanie elementów
Pozycjonowanie warstw i prowadnic.
|
03:48 min |
15 |
Cień
Dodawanie cienia do elementów.
|
03:25 min |
16 |
Zaokrąglone narożniki
Tworzenie zaokrąglonych narożników i postrzępionej krawędzi.
|
02:23 min |
17 |
Znak wodny
Wykonanie znaku wodnego.
|
03:41 min |
18 |
Obrazek w napisie
Umieszczenie fragmentu obrazu wewnątrz napisu.
|
03:13 min |
19 |
Przycisk w stylu Vista
Wykonanie przycisku w stylu Windows Vista.
|
08:03 min |
20 |
Błyszczący przycisk
Wykonanie błyszczącego przycisku.
|
05:24 min |
21 |
Element nawigacji poziomej
Tworzenie zakładek jako elementów nawigacji poziomej.
|
02:46 min |
22 |
CSS Sprites
Zapisanie dwóch stanów elementu nawigacji w jednym obrazie.
|
04:08 min |
23 |
Element nawigacji pionowej cz. 1
Tworzenie przycisku do wykorzystania w menu pionowym.
|
03:26 min |
24 |
Element nawigacji pionowej cz. 2
Dodatkowe elementy na przycisku.
|
03:41 min |
25 |
Animowany GIF
Tworzenie animowanego obrazu GIF.
|
03:51 min |
26 |
Opcje animacji
Możliwości sterowania animacją w pliku GIF.
|
06:01 min |
27 |
Czcionki i teksty
Czcionki i elementy tekstowe na stronach WWW.
|
03:12 min |
28 |
Kolory
Sposoby doboru kolorów dla strony internetowej.
|
04:34 min |
29 |
Szerokość strony WWW
Ustalanie układu i szerokości strony internetowej.
|
03:52 min |
30 |
Nagłówek
Tworzenie nagłówka i logo strony.
|
04:18 min |
31 |
Tło dla prawej kolumny
Wykonanie tła z zaokrąglonymi narożnikami dla kolumny.
|
07:30 min |
32 |
Nawigacja
Nawigacja pionowa dla strony WWW.
|
05:52 min |
33 |
Treści i inne elementy strony
Uzupełnienie projektu o przykładowe treści i inne elementy.
|
06:26 min |
34 |
Wypunktowanie listy
Wykonanie własnego wypunktowania dla listy.
|
02:48 min |
35 |
Gilotynowanie
Pierwszy sposób dzielenia projektu na poszczególne elementy graficzne.
|
02:57 min |
36 |
Rozcinanie
Drugi sposób wyodrębniania elementów graficznych strony.
|
04:01 min |
37 |
Obrazek do nawigacji
Wykonanie obrazu do nawigacji.
|
04:05 min |
38 |
Struktura strony
Struktura elementów DIV dla stworzonego projektu strony WWW.
|
03:26 min |
39 |
Kod strony
Omówienie najważniejszych fragmentów kodu strony.
|
03:19 min |
40 |
Firebug
Manipulowanie kodem strony za pomocą dodatku Firebug.
|
01:47 min |
41 |
Favicon
Tworzenie ikony ulubionych i dodanie jej do strony.
|
02:33 min |
42 |
Zapisywanie dla internetu
Instalacja wtyczki Zapisz dla internetu.
|
02:48 min |