Dreamweaver_MX_2004_dwmx24.pdf

(986 KB) Pobierz
IDZ DO
PRZYK£ADOWY ROZDZIA£
SPIS TRE CI
KATALOG KSI¥¯EK
KATALOG ONLINE
ZAMÓW DRUKOWANY KATALOG
Dreamweaver
MX 2004
Autor: Maria Sokó³
ISBN: 83-7361-442-7
Format: B5, stron: 352
TWÓJ KOSZYK
DODAJ DO KOSZYKA
Dreamweaver MX 2004 to najnowsza wersja doskona³ego narzêdzia do tworzenia
serwisów WWW i aplikacji internetowych. Jego mo¿liwo ci sprawiaj¹, ¿e mog¹ z niego
korzystaæ zarówno pocz¹tkuj¹cy twórcy stron internetowych, jak i zaawansowani
programi ci. Pierwsi doceni¹ rozbudowany edytor wizualny pozwalaj¹cy na tworzenie
dokumentów HTML bez znajomo ci kodu, a drugich zafascynuj¹ mo¿liwo ci rêcznego
modyfikowania kodu, edycji stylów CSS, wykorzystywania gotowych skryptów
JavaScript i tworzenia aplikacji internetowych w technologiach PHP, ASP.NET i JSP.
Ksi¹¿ka „Dreamweaver MX 2004” jest przeznaczona dla tych, którzy chc¹ rozpocz¹æ
pracê z Dreamweaverem MX 2004 i poznaæ jego podstawowe mo¿liwo ci.
Pocz¹tkuj¹cy u¿ytkownicy znajd¹ w niej informacje o interfejsie u¿ytkownika, zasadach
definiowania struktur witryn WWW i tworzenia dokumentów HTML z wykorzystaniem
edytora wizualnego.
• Zasady projektowania serwisów WWW
• Interfejs u¿ytkownika Dreamweavera MX 2004
• Operacje na plikach
• Serwis lokalny i zdalny
• Definiowanie uk³adu strony WWW
• Szablony i paleta Assets
• Kaskadowe arkusze stylów
• Elementy stron WWW — obrazki, listy, tabele i elementy nawigacyjne
• £¹cza i adresy URL
• Zarz¹dzanie serwisem WWW
• Podstawowe wiadomo ci o jêzyku PHP
CENNIK I INFORMACJE
ZAMÓW INFORMACJE
O NOWO CIACH
ZAMÓW CENNIK
CZYTELNIA
FRAGMENTY KSI¥¯EK ONLINE
Wydawnictwo Helion
ul. Chopina 6
44-100 Gliwice
tel. (32)230-98-63
e-mail: helion@helion.pl
Spis treści
Wstęp .............................................................................................................11
Rozdział 1. Informacje podstawowe ................................................................... 15
Internet i sieć WWW........................................................................................................................ 15
HTML ................................................................................................................................................ 15
Strona WWW i serwis internetowy................................................................................................ 16
Znaczniki........................................................................................................................................... 18
Elementy dokumentu HTML ........................................................................................................ 19
Rozdział 2. Projektujemy serwis internetowy ..................................................... 21
Planowanie serwisu internetowego................................................................................................ 21
Projektowanie serwisu .....................................................................................................................22
Projektowanie systemu nawigacji ..................................................................................................23
Zasoby................................................................................................................................................23
Rady dla projektantów serwisu internetowego ............................................................................23
Praktyka .............................................................................................................................................25
Rozdział 3. Środowisko programu Dreamweaver MX 2004 i użyteczne narzędzia ... 29
Uruchamianie programu ................................................................................................................29
Środowisko pracy .............................................................................................................................30
Wybór środowiska i trybu pracy .................................................................................................... 33
Okno dokumentu ............................................................................................................................ 35
Przełączanie się między widokami .......................................................................................... 35
Wyświetlanie kodu źródłowego dokumentu w samodzielnym oknie ............................... 36
Wyświetlanie dokumentu w oknie przeglądarki ...................................................................37
Rozbudowa listy przeglądarek .................................................................................................37
Pasek narzędzi Insert .......................................................................................................................40
Narzędzia paska Insert ..............................................................................................................40
Ukrywanie i wyświetlanie paska Insert ...................................................................................43
Wyświetlanie zakładek paska Insert w postaci menu............................................................43
Wstawianie obiektu z poziomu paska Insert .........................................................................44
Dostosowywanie zakładki Favorites paska Insert .................................................................45
Umieszczanie własnego obiektu na zakładce Favorites........................................................47
4
Dreamweaver MX 2004
Pasek narzędzi Standard..................................................................................................................49
Definiowanie ustawień palet .......................................................................................................... 51
Pasek stanu ........................................................................................................................................ 51
Narzędzia pracy z kodem źródłowym...........................................................................................54
Dostosowywanie widoku Code View ......................................................................................54
Opcja wspomagania tworzenia kodu......................................................................................58
Narzędzie Tag Chooser.............................................................................................................59
Narzędzie Quick Tag Editor .................................................................................................... 61
Narzędzia kontroli poprawności kodu ..................................................................................62
Odświeżanie widoku Design View .......................................................................................... 65
Edycja kodu za pomocą narzędzia Tag Inspector................................................................. 66
Narzędzia kontroli kompatybilności przeglądarki ....................................................................68
Narzędzie czyszczenia kodu HTML..............................................................................................73
Rozdział 4. Operacje na plikach.......................................................................... 75
Okno New Document.....................................................................................................................75
Zapisywanie dokumentów..............................................................................................................77
Przywracanie ostatniej zapisanej wersji dokumentu...................................................................78
Otwieranie istniejących dokumentów ..........................................................................................79
Edycja pliku HTML utworzonego w edytorze Microsoft Word ........................................ 81
Importowanie dokumentów edytora Word...........................................................................83
Rozdział 5. Rozszerzanie możliwości programu Dreamweaver MX 2004.............. 85
Macromedia Exchange....................................................................................................................85
Pobieranie rozszerzeń programu Dreamweaver MX 2004 ..................................................85
Instalowanie rozszerzenia.........................................................................................................89
Rozdział 6. Tworzenie serwisu internetowego....................................................93
Definiowanie lokalnej kopii serwisu.............................................................................................93
Paleta Files .........................................................................................................................................98
Okno Files jako przeglądarka plików .....................................................................................99
Widoki Local view i Remote view.......................................................................................... 100
Tworzenie folderu.................................................................................................................... 102
Tworzenie pliku ....................................................................................................................... 102
Strona główna serwisu ................................................................................................................... 104
Mapa serwisu................................................................................................................................... 106
Definiowanie tytułu strony .......................................................................................................... 108
Ustawienia kodowania .................................................................................................................. 109
Rozdział 7. Definiowanie układu strony WWW .................................................. 111
Układ strony ....................................................................................................................................111
Podgląd układu strony w przeglądarce ..................................................................................111
Definiowanie układu strony przy użyciu tabeli ........................................................................ 112
Rysowanie komórek tabeli układu strony.............................................................................113
Zagnieżdżanie tabel układu strony ........................................................................................116
Spis treści
5
Wstawianie zawartości w komórkach tabeli układu strony............................................... 117
Definiowanie szerokości kolumn.......................................................................................... 120
Dopasowywanie wysokości komórki do zawartości ........................................................... 122
Definiowanie układu strony przy użyciu warstw ...................................................................... 124
Tworzenie warstwy................................................................................................................... 124
Paleta Layers.............................................................................................................................. 126
Definiowanie nazw warstw ..................................................................................................... 127
Zagnieżdżanie warstw.............................................................................................................. 127
Przesuwanie warstw i zmiana ich rozmiarów ...................................................................... 130
Zapobieganie nakładaniu się warstw..................................................................................... 130
Wstawianie obrazu na warstwę............................................................................................... 132
Umieszczanie na warstwie tekstu........................................................................................... 133
Definiowanie tła warstwy........................................................................................................ 133
Definiowanie warstw przezroczystych.................................................................................. 134
Pozycjonowanie i zmiana rozmiarów warstw...................................................................... 135
Konwersja warstw na tabele .......................................................................................................... 138
Konwersja tabel na warstwy .......................................................................................................... 140
Tło strony ........................................................................................................................................ 141
Definiowanie układu strony przy użyciu predefiniowanych fragmentów kodu ................. 144
Rozdział 8. Szablony...................................................................................... 149
Do czego służą szablony................................................................................................................ 149
Zapisywanie dokumentu jako szablonu............................................................................... 149
Tworzenie szablonu przy użyciu narzędzi palety Assets.................................................... 150
Modyfikacja szablonu ..............................................................................................................151
Usuwanie obszaru edytowalnego........................................................................................... 153
Tworzenie nowego dokumentu na bazie szablonu............................................................. 154
Stosowanie szablonu do istniejącego dokumentu .............................................................. 156
Odłączanie szablonu ............................................................................................................... 157
Aktualizacja stron opartych na szablonach ......................................................................... 158
Tworzenie dokumentu HTML na bazie projektu programu Dreamweaver MX 2004........ 160
Rozdział 9. Biblioteki...................................................................................... 163
Biblioteki ......................................................................................................................................... 163
Tworzenie i stosowanie elementów bibliotecznych............................................................ 163
Edycja elementów bibliotecznych ......................................................................................... 165
Odłączanie i usuwanie elementów bibliotecznych ............................................................. 166
Elementy biblioteczne korzystające ze skryptów JavaScript.............................................. 167
Rozdział 10. Praca z obrazami.........................................................................171
Właściwości obrazów..................................................................................................................... 172
Nadawanie obrazom nazw ..................................................................................................... 174
Definiowanie rozmiarów obrazów........................................................................................ 174
Dodawanie tekstu alternatywnego ........................................................................................ 175
6
Dreamweaver MX 2004
Dodawanie obramowania do obrazu.................................................................................... 176
Dodawanie wolnej przestrzeni wokół obrazu...................................................................... 176
Wyrównanie obrazu ................................................................................................................ 177
Przekształcanie obrazów w połączenia........................................................................................ 179
Obrazy aktywne.............................................................................................................................. 181
Behawiory.................................................................................................................................. 183
Paleta Assets i obrazy ..................................................................................................................... 186
Wstawianie obrazów z poziomu palety Assets .................................................................... 187
Ulubione obrazy ...................................................................................................................... 187
Definiowanie układu strony na podstawie obrazu ................................................................... 188
Internetowy album fotograficzny................................................................................................ 189
Uwagi przed umieszczeniem obrazów na serwerze ................................................................... 192
Rozdział 11. Formatowanie tekstu i style CSS.................................................... 195
Wstępne formatowanie tekstu...................................................................................................... 195
Formatowanie stylu akapitu ......................................................................................................... 196
Formatowanie czcionki................................................................................................................. 197
Definiowanie wyrównania i wcięć ............................................................................................... 198
Kaskadowe arkusze stylów (CSS) .................................................................................................200
Nowości wersji MX 2004.........................................................................................................200
Podstawy.................................................................................................................................... 201
Grupowanie stylów ..................................................................................................................202
Dziedziczenie stylu ..................................................................................................................202
Kaskadowość.............................................................................................................................202
Atrybuty stylu...........................................................................................................................203
CSS a HTML.............................................................................................................................204
Klasy...........................................................................................................................................205
Paleta CSS Styles.......................................................................................................................206
Okno Page Properties, style CSS i style HTML ...................................................................206
Proces definiowania stylu CSS ...............................................................................................207
Eksportowanie arkusza CSS ................................................................................................... 216
Korzystanie z zewnętrznych arkuszy CSS ............................................................................ 217
Edycja arkusza CSS .................................................................................................................. 219
Tworzenie arkusza CSS na bazie istniejącego ......................................................................220
Zmiana definicji znacznika HTML za pomocą arkusza CSS ........................................... 221
Przypisywanie klasy lub selektora ID określonym elementom
przy wykorzystaniu menu kontekstowego .......................................................................222
Stosowanie osadzonych arkuszy stylów................................................................................223
Styl połączeń .............................................................................................................................225
Strona WWW utworzona za pomocą arkuszy CSS...................................................................225
Kontrola poprawności ortograficznej tekstu.......................................................................242
Zgłoś jeśli naruszono regulamin