Macromedia_Dreamweaver_8_Oficjalny_podrecznik_drw8op.pdf

(1537 KB) Pobierz
Macromedia Dreamweaver 8. Oficjalny podręcznik
IDZ DO
PRZYK£ADOW Y ROZDZIA£
Macromedia Dreamweaver 8.
Oficjalny podrêcznik
SPIS TREœCI
KATALOG KSI¥¯EK
Autor: Khristine Annwn Page
T³umaczenie: £ukasz Schmidt, Marcin Rogó¿
ISBN: 83-246-0310-7
Tytu³ orygina³ u: Macromedia Dreamweaver 8:
Training from the Source
Format: B5, stron: 600
KATALOG ONLINE
ZAMÓW DRUKOWANY KATALOG
TWÓJ KOSZYK
Zalecane przez firmê Macromedia Ÿród³o informacji o programie Dreamweaver 8
Poznaj interfejs programu
Zdefiniuj strukturê witryny
Dodaj do stron elementy tekstowe i graficzne
Przetestuj witrynê pod k¹tem zgodnoœci ze standardami
Macromedia Dreamweaver od dawna cieszy siê zas³u¿on¹ opini¹ jednego z najlepszych
edytorów stron WWW. Pozwala na edycjê strony w trybie graficznym i na samodzielne
modyfikowanie jej kodu Ÿród³owego. Ogromne mo¿liwoœci programu sprawiaj¹, ¿e
korzystaj¹ z niego zarówno pocz¹tkuj¹cy, jak i zaawansowani projektanci witryn WWW.
Dreamweaver jest narzêdziem przydatnym nie tylko przy tworzeniu serwisu
internetowego — mo¿e s³u¿yæ do zdefiniowania jego struktury, przygotowania arkuszy
stylów, edycji stron, publikacji witryny na serwerze oraz jej aktualizacji. Rozbudowana
biblioteka gotowych skryptów JavaScript i komponentów dynamicznych, narzêdzia
przyspieszaj¹ce najczêœciej wykonywane czynnoœci oraz doskona³a integracja z innymi
aplikacjami firmy Macromedia sprawiaj¹, ¿e Dreamweaver pozwala na ogromne
usprawnienie procesu tworzenia witryny WWW.
Ksi¹¿ka „Macromedia Dreamweaver 8. Oficjalny podrêcznik” to szczegó³owy przegl¹d
mo¿liwoœci tej aplikacji przygotowany wspólnie z dzia³em pomocy technicznej firmy
Macromedia. Wykonuj¹c zawarte w niej æwiczenia, poznasz narzêdzia Dreamweavera,
nauczysz siê tworzyæ pojedyncze strony i ca³e witryny, a tak¿e dowiesz siê, w jaki
sposób korzystaæ z biblioteki oraz gotowych skryptów. Przeczytasz o umieszczaniu na
stronie elementów graficznych, tekstowych i multimedialnych, definiowaniu stylów CSS,
tworzeniu i stosowaniu szablonów oraz rêcznej edycji kodu. Wszystkie æwiczenia
zosta³y przygotowane przy wspó³pracy instruktorów z firmy Macromedia, co gwarantuje
ich poprawnoœæ merytoryczn¹.
Interfejs u¿ytkownika Dreamweavera
Definiowanie struktury strony i witryny
Dodawanie treœci do strony
Umieszczanie elementów graficznych w dokumencie
Tworzenie hiper³¹czy
Definiowanie stylów CSS
Dodawanie elementów multimedialnych i interaktywnych
Ramki i warstwy
Korzystanie z biblioteki i szablonów
Testowanie witryny
Skorzystaj z autoryzowanego Ÿród³a wiedzy i poznaj mo¿liwoœci
programu docenianego przez wielu webmasterów
DODAJ DO KOSZYKA
CENNIK I INFORMACJE
ZAMÓW INFORMACJE
ONOWOœCIACH
ZAMÓW CENNIK
CZYTELNIA
FRAGMENTY KSI¥¯EK ONLINE
Wydawnictwo Helion
ul. Koœciuszki 1c
44-100 Gliwice
tel. 032 230 98 63
e-mail: helion@helion.pl
430854046.002.png 430854046.003.png 430854046.004.png 430854046.005.png
Wprowadzenie...................................................................................................................................................................................15
Lekcja 1. Podstawy programu Dreamweaver 8 ................................................................................................................21
Czego się nauczysz? ................................................................................................................................................... 22
Czas trwania ............................................................................................................................................................... 22
Materiały .................................................................................................................................................................... 23
Zapoznanie się ze środowiskiem pracy .................................................................................................................. 23
Przygotowania do pracy nad własną witryną ........................................................................................................ 25
Definiowanie witryny lokalnej ................................................................................................................................ 30
Tworzenie i zapisywanie nowej strony ................................................................................................................... 37
Przegląd narzędzi programu Dreamweaver ........................................................................................................... 42
Praca z panelami i dokumentami ........................................................................................................................... 45
Nadawanie tytułu stronie ......................................................................................................................................... 49
Określanie przeglądarek dla podglądu ................................................................................................................... 50
Dalsza samodzielna praca ........................................................................................................................................ 52
Podsumowanie .......................................................................................................................................................... 53
Lekcja 2. Dodawanie treści do strony ....................................................................................................................................55
Czego się nauczysz? ................................................................................................................................................... 56
Czas trwania ............................................................................................................................................................... 56
Materiały .................................................................................................................................................................... 56
Importowanie tekstu ................................................................................................................................................. 57
Określanie struktury zawartości strony ................................................................................................................. 59
Tworzenie podziałów wierszy .................................................................................................................................. 62
Wstawianie twardej spacji ........................................................................................................................................ 63
Wyrównywanie tekstu ............................................................................................................................................... 65
Wyróżnianie cytatów ................................................................................................................................................ 66
Tworzenie list ............................................................................................................................................................. 67
Tworzenie list definicji ............................................................................................................................................. 71
Listy zagnieżdżone .................................................................................................................................................... 71
Formatowanie znaków wewnątrz wiersza .............................................................................................................. 73
Dodawanie znaków specjalnych ............................................................................................................................. 75
Tworzenie dokumentów obsługujących znaki z różnych alfabetów ................................................................. 76
430854046.001.png
Dodawanie linii poziomych .................................................................................................................................... 79
Automatyczne dodawanie daty ............................................................................................................................... 80
Samodzielne formatowanie zawartości strony ...................................................................................................... 81
Podsumowanie .......................................................................................................................................................... 82
Lekcja 3. Tworzenie łączy ...........................................................................................................................................................83
Czego się nauczysz? ................................................................................................................................................... 84
Czas trwania ............................................................................................................................................................... 84
Materiały .................................................................................................................................................................... 84
Określanie koloru i formatu łączy .......................................................................................................................... 84
Tworzenie łączy hipertekstu .................................................................................................................................... 88
Łącza i struktura plików ........................................................................................................................................... 91
Dodawanie nowych folderów i plików do witryny ............................................................................................... 92
Tworzenie mapy witryny .......................................................................................................................................... 97
Praca z łączami na mapie witryny ......................................................................................................................... 100
Dzielenie mapy witryny na części ......................................................................................................................... 104
Zapisywanie mapy witryny .................................................................................................................................... 105
Określanie miejsca docelowego łączy ................................................................................................................... 106
Wstawianie kotwic i prowadzących do nich łączy .............................................................................................. 107
Wstawianie łączy poczty elektronicznej ................................................................................................................112
Samodzielna praca z łączami .................................................................................................................................. 113
Podsumowanie .........................................................................................................................................................114
Lekcja 4. Tworzenie arkuszy stylów ....................................................................................................................................115
Czego się nauczysz? ..................................................................................................................................................116
Czas trwania ..............................................................................................................................................................117
Materiały ...................................................................................................................................................................117
Określanie koloru tła ...............................................................................................................................................117
Zmiana kroju czcionki ............................................................................................................................................119
Zmiana rozmiaru czcionki .................................................................................................................................... 122
Określanie koloru czcionki ................................................................................................................................... 123
Zasady działania stylów .......................................................................................................................................... 127
Praca z wewnętrznymi arkuszami stylów ............................................................................................................. 129
Konwertowanie stylów wewnętrznych na zewnętrzne ........................................................................................135
Tworzenie odwołań do zewnętrznych arkuszy stylów ........................................................................................136
Tworzenie stylów zewnętrznych ............................................................................................................................ 139
Tworzenie stylów dla kombinacji znaczników ................................................................................................... 147
Edytowanie istniejącego stylu ................................................................................................................................. 151
Zasady pierwszeństwa stylów ..................................................................................................................................153
6
Macromedia Dreamweaver 8.
Oficjalny podręcznik
Tworzenie podstawowego układu za pomocą stylów CSS ................................................................................ 160
Samodzielna praca ze stylami CSS .........................................................................................................................165
Podsumowanie ........................................................................................................................................................ 167
Lekcja 5. Praca z grafiką ...........................................................................................................................................................169
Czego się nauczysz? ................................................................................................................................................. 170
Czas trwania ............................................................................................................................................................. 170
Materiały .................................................................................................................................................................. 170
Ustawianie grafiki tła ...............................................................................................................................................171
Umieszczanie grafiki na stronie ............................................................................................................................ 174
Zmiana rozmiaru i odświeżanie grafiki ............................................................................................................... 180
Rozmieszczanie grafiki ............................................................................................................................................181
Dodawanie obramowania wokół obrazu ............................................................................................................. 182
Nadawanie obrazom nazw ..................................................................................................................................... 184
Wstawianie obrazu za pomocą panelu Assets ..................................................................................................... 185
Zarządzanie obrazami za pomocą listy ulubionych .......................................................................................... 188
Dostosowywanie przestrzeni wokół obrazów ......................................................................................................191
Wstawianie miejsc na obrazy ................................................................................................................................. 192
Zastępowanie miejsca na obraz ............................................................................................................................. 193
Ustawianie preferencji edycji obrazów ................................................................................................................. 194
Podstawy edycji obrazów ........................................................................................................................................ 195
Tworzenie łączy graficznych .................................................................................................................................. 198
Tworzenie map obrazów ........................................................................................................................................ 199
Samodzielna praca z grafiką .................................................................................................................................. 203
Podsumowanie ........................................................................................................................................................ 203
Lekcja 6. Tworzenie tabel ........................................................................................................................................................205
Czego się nauczysz? ................................................................................................................................................. 206
Czas trwania ............................................................................................................................................................. 206
Materiały .................................................................................................................................................................. 206
Tworzenie tabeli ......................................................................................................................................................207
Importowanie danych z arkuszy kalkulacyjnych ............................................................................................... 213
Kopiowanie i wklejanie komórek tabeli ............................................................................................................... 214
Zaznaczanie tabeli ................................................................................................................................................... 216
Zaznaczanie i formatowanie komórek tabeli ...................................................................................................... 217
Sortowanie zawartości tabeli ..................................................................................................................................222
Modyfikowanie tabeli .............................................................................................................................................224
Eksportowanie tabeli .............................................................................................................................................. 226
SPIS TREŚCI 7
Stosowanie obrazów w tabelach ............................................................................................................................227
Zagnieżdżanie tabel ................................................................................................................................................ 234
Projektowanie z uwzględnieniem rozdzielczości ekranów ................................................................................ 237
Sprawdzanie układu strony za pomocą różnych rozmiarów okna .................................................................. 238
Tworzenie tabeli w trybie widoku Layout ............................................................................................................ 239
Modyfikowanie układu tabeli ...............................................................................................................................242
Formatowanie komórek .........................................................................................................................................244
Określanie szerokości tabeli układu ..................................................................................................................... 246
Wykorzystywanie obrazów kalkowych .................................................................................................................248
Podsumowanie ........................................................................................................................................................ 250
Lekcja 7. Korzystanie z multimediów ................................................................................................................................251
Czego się nauczysz? ................................................................................................................................................. 252
Czas trwania ............................................................................................................................................................. 252
Materiały .................................................................................................................................................................. 252
Tworzenie tekstu Flasha ......................................................................................................................................... 252
Modyfikowanie tekstu Flasha ................................................................................................................................ 255
Dodawanie przycisków Flasha .............................................................................................................................. 255
Modyfikowanie przycisków Flasha ...................................................................................................................... 258
Dodawanie animacji Flasha ................................................................................................................................... 258
Korzystanie z elementu Image Viewer .................................................................................................................. 260
Wstawianie filmów w formacie QuickTime ........................................................................................................ 267
Podsumowanie ........................................................................................................................................................ 269
Lekcja 8. Dodawanie elementów interaktywnych .......................................................................................................271
Czego się nauczysz? .................................................................................................................................................272
Czas trwania ............................................................................................................................................................. 273
Materiały .................................................................................................................................................................. 273
Wstawianie efektu rollover .................................................................................................................................... 273
Dodawanie behawiorów ......................................................................................................................................... 276
Zmiana wielu obrazów za pomocą jednego zdarzenia .......................................................................................280
Dodawanie behawiorów do map obrazu .............................................................................................................282
Edytowanie akcji i zdarzeń ....................................................................................................................................284
Tworzenie informacji na pasku stanu .................................................................................................................. 286
Sprawdzanie wersji przeglądarki ...........................................................................................................................287
Otwieranie nowego okna przeglądarki ................................................................................................................290
Tworzenie rozwijanego menu ...............................................................................................................................292
Podsumowanie ........................................................................................................................................................297
8
Macromedia Dreamweaver 8.
Oficjalny podręcznik
Zgłoś jeśli naruszono regulamin