Dreamweaver_MX_cwdrmx.pdf

(342 KB) Pobierz
C:\Andrzej\PDF\ABC nagrywania p³yt CD\1 strona.cdr
IDZ DO
PRZYK£ADOW Y ROZDZIA£
Dreamweaver MX
SPIS TRECI
KATALOG KSI¥¯EK
Autor: Maria Sokó³
ISBN: 83-7197-997-5
Format: B5, stron: 216
KATALOG ONLINE
ZAMÓW DRUKOWANY KATALOG
TWÓJ KOSZYK
DODAJ DO KOSZYKA
Dreamweaver MX, narzêdzie do graficznego projektowania stron internetowych, powsta³
niew¹tpliwie z myl¹ o u³atwieniu pracy twórcom stron WWW. Nowy, zintegrowany
interfejs programu daje u¿ytkownikom pe³n¹ swobodê ruchu. Pozwala manipulowaæ
paletami i jest bardzo elastyczny w dostosowywaniu do w³asnych potrzeb.
Predefiniowane projekty stron oraz fragmenty kodu HTML i JavaScript pozwalaj¹
z ³atwoci¹ budowaæ w³asne strony. Poprawiono obs³ugê kaskadowych arkuszy stylów
i rozbudowano mo¿liwoci szablonów. Zadowoleni powinni byæ wszyscy zwolennicy
rêcznego tworzenia kodu stron WWW: pracê z kodem u³atwiaj¹ narzêdzia, takie jak
na przyk³ad edytor znaczników, Tag Inspector czy narzêdzie kontroli poprawnoci kodu.
Usprawniono tak¿e proces tworzenia nowego dokumentu: program proponuje bogaty
zestaw kategorii nowego dokumentu, od prostych stron HTML a¿ po bardziej
zaawansowane projekty. Dreamweaver MX umo¿liwia tak¿e tworzenie stron
korzystaj¹cych z baz danych.
Co znajdziesz w tym opracowaniu? S¹ tu podstawowe pojêcia dotycz¹ce jêzyka HTML,
najwa¿niejsze informacje na temat planowania i projektowania witryn WWW, opis
rodowiska pracy programu Dreamweaver MX i narzêdzi pracy z kodem ród³owym.
Z ksi¹¿k¹ w rêku bez trudu utworzysz witrynê WWW, jej stronê g³ówn¹, ustawisz
kodowanie, zdefiniujesz uk³ad strony przy u¿yciu tabel lub warstw oraz nauczysz siê
korzystaæ z szablonów i bibliotek. Wiele uwagi powiêcono obrazom — nauczysz siê
definiowaæ w³aciwoci obrazów, korzystaæ z palety Assets oraz ze stylów CSS.
Poznasz mo¿liwoci tabel, list, linii czasowych i behawiorów. Dowiesz siê, jak planowaæ
nawigacjê i po³¹czenia oraz jak nimi zarz¹dzaæ. Bêdziesz wiedzia³, jak zarz¹dzaæ
witrynami: lokaln¹ i odleg³¹, a tak¿e jak korzystaæ z ramek.
CENNIK I INFORMACJE
ZAMÓW INFORMACJE
O NOWOCIACH
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
430854042.001.png 430854042.002.png 430854042.003.png 430854042.004.png
Spis treci
Wstp..............................................................................................................................................................9
Rozdział 1. Informacje podstawowe.....................................................................................................................11
HTML.........................................................................................................................................11
Strona WWW i witryna WWW .................................................................................................12
Znaczniki ....................................................................................................................................13
Elementy dokumentu HTML .....................................................................................................13
Rozdział 2. Projektujemy witryn WWW..............................................................................................................15
Planowanie witryny....................................................................................................................15
Projektowanie witryny ...............................................................................................................16
Projektowanie systemu nawigacji ..............................................................................................17
Zasoby ........................................................................................................................................17
Projektowanie witryny — podsumowanie ....................................................................................17
Praktyka......................................................................................................................................18
Zadania do samodzielnego wykonania ......................................................................................20
Analiza problemu.................................................................................................................20
Rozdział 3. Praca w !rodowisku Dreamweaver MX.......................................................................................23
Uruchamianie programu.............................................................................................................23
-rodowisko pracy .......................................................................................................................24
Powrót do pulpitu programu Dreamweaver 4 ............................................................................26
Okno dokumentu ........................................................................................................................28
Przeł4czanie si5 mi5dzy widokami ......................................................................................28
Wy6wietlanie kodu 7ródłowego dokumentu w samodzielnym oknie..................................29
Wy6wietlanie dokumentu w oknie przegl4darki..................................................................30
Pasek narz5dzi Insert ..................................................................................................................31
Narz5dzia paska Insert .........................................................................................................31
Ukrywanie i wy6wietlanie paska Insert ...............................................................................35
Wstawianie obiektu z poziomu paska Insert........................................................................35
Wybór sposobu prezentacji narz5dzi na pasku Insert ..........................................................36
Pasek narz5dzi Standard.............................................................................................................36
Pasek Launcher ..........................................................................................................................38
Definiowanie ustawie< palet ......................................................................................................40
Pasek stanu .................................................................................................................................40
 
4
Dreamweaver MX
Narz5dzia pracy z kodem 7ródłowym ........................................................................................42
Dostosowywanie widoku Code View ..................................................................................42
Opcja wspomagania tworzenia kodu ...................................................................................44
Narz5dzie Tag Chooser........................................................................................................45
Narz5dzie Quick Tag Editor ................................................................................................46
Narz5dzia kontroli poprawno6ci kodu .................................................................................47
Edycja kodu za pomoc4 narz5dzia Tag Inspector................................................................48
Okno New Document.................................................................................................................49
Rozdział 4. Tworzenie witryny.................................................................................................................................53
Definiowanie witryny lokalnej...................................................................................................53
Okno Site....................................................................................................................................55
Przegl4darka plików.............................................................................................................56
Widoki Local View i Remote View.....................................................................................56
Tworzenie folderu ................................................................................................................58
Tworzenie pliku ...................................................................................................................58
Strona główna witryny ...............................................................................................................60
Mapa witryny .............................................................................................................................61
Definiowanie tytułu strony.........................................................................................................64
Ustawienia kodowania ...............................................................................................................65
Definiowanie układu strony .......................................................................................................66
Podgl4d układu strony w przegl4darce ................................................................................66
Definiowanie układu strony przy uAyciu tabeli ...................................................................67
Rysowanie komórek tabeli układu strony............................................................................67
ZagnieAdAanie tabel układu strony.......................................................................................70
Wstawianie zawarto6ci w komórkach tabeli układu strony ...................................................71
Definiowanie szeroko6ci kolumn.........................................................................................72
Dopasowywanie wysoko6ci komórki do zawarto6ci ...........................................................74
Definiowanie układu strony przy uAyciu warstw.................................................................75
Tworzenie warstwy ..............................................................................................................76
Paleta Layers ........................................................................................................................77
Definiowanie nazw warstw..................................................................................................79
ZagnieAdAanie warstw..........................................................................................................80
Przesuwanie warstw i zmiana ich rozmiarów ......................................................................81
Zapobieganie nakładaniu si5 warstw ...................................................................................82
Wstawianie obrazu na warstw5............................................................................................83
Umieszczanie na warstwie tekstu ........................................................................................84
Definiowanie tła warstwy ....................................................................................................84
Definiowanie warstw przezroczystych ................................................................................85
Pozycjonowanie i zmiana rozmiarów warstw......................................................................86
Konwersja warstw na tabele.......................................................................................................87
Konwersja tabel na warstwy ......................................................................................................89
Tło strony ...................................................................................................................................90
Szablony .....................................................................................................................................92
Tworzenie szablonu .............................................................................................................92
Modyfikacja szablonu ..........................................................................................................92
Stosowanie szablonu ............................................................................................................93
Biblioteki ....................................................................................................................................95
Tworzenie i stosowanie elementów bibliotecznych.............................................................95
Zadania do samodzielnego wykonania ......................................................................................96
Tworzenie układu strony przy uAyciu predefiniowanych fragmentów kodu.......................96
Rozdział 5. Praca z obrazami....................................................................................................................................99
Wła6ciwo6ci obrazów...............................................................................................................100
Nadawanie obrazom nazw .................................................................................................100
Definiowanie rozmiarów obrazów.....................................................................................100
Dodawanie tekstu alternatywnego .....................................................................................101
Dodawanie obramowania do obrazu..................................................................................102
Dodawanie wolnej przestrzeni wokół obrazu ....................................................................102
Wyrównanie obrazu ...........................................................................................................104
Przekształcanie obrazów w poł4czenia ....................................................................................105
Obrazy aktywne........................................................................................................................106
Jak przypisaE obrazowi behawior? ....................................................................................108
Paleta Assets i obrazy...............................................................................................................110
Wstawianie obrazów z poziomu palety Assets ..................................................................112
Ulubione obrazy.................................................................................................................112
Definiowanie układu strony na podstawie obrazu ...................................................................113
Internetowy album fotograficzny .............................................................................................114
Zadania do samodzielnego wykonania ....................................................................................117
Umieszczanie obrazów na serwerze ..................................................................................117
Rozdział 6. Formatowanie tekstu.........................................................................................................................119
Wst5pne formatowanie tekstu ..................................................................................................119
Formatowanie stylu akapitu .....................................................................................................120
Formatowanie czcionki ............................................................................................................121
Definiowanie wyrównania i wci5E ...........................................................................................124
Style HTML .............................................................................................................................125
Tworzenie stylu HTML na podstawie istniej4cego tekstu .....................................................126
Kaskadowe arkusze stylów (CSS)............................................................................................127
Grupowanie stylów ............................................................................................................128
Dziedziczenie stylu ............................................................................................................128
Kaskadowo6E .....................................................................................................................128
Atrybuty stylu ....................................................................................................................129
CSS a HTML .....................................................................................................................130
Klasy ..................................................................................................................................131
Paleta CSS Styles ...............................................................................................................131
Proces definiowania stylu CSS ..........................................................................................132
Eksportowanie arkusza CSS ..............................................................................................140
Korzystanie z zewn5trznych arkuszy CSS.........................................................................141
Edycja arkusza CSS ...........................................................................................................142
Tworzenie arkusza CSS na bazie istniej4cego...................................................................143
Zmiana definicji znacznika HTML przy pomocy arkusza CSS...........................................143
Przypisywanie klasy lub selektora ID okre6lonym elementom
przy wykorzystaniu menu kontekstowego......................................................................144
Zadania do samodzielnego wykonania ....................................................................................145
Prosty kaskadowy arkusz stylów formatowania tekstu .....................................................145
Styl poł4cze< ......................................................................................................................146
Kontrola poprawno6ci ortograficznej tekstu ......................................................................146
Rozdział 7. Zaawansowana edycja stron WWW...........................................................................................147
Listy..........................................................................................................................................147
Przekształcanie tekstu w list5.............................................................................................147
Wstawianie nowej listy ......................................................................................................148
Tworzenie listy zagnieAdAonej...........................................................................................149
6
Dreamweaver MX
Tabele .......................................................................................................................................149
Wstawianie tabeli w widoku Standard...............................................................................149
Zaznaczanie tabeli lub jej elementów ................................................................................151
Wprowadzanie danych do tabeli ........................................................................................152
Wyrównanie danych w tabeli.............................................................................................152
Wyrównywanie tabel i definiowanie obramowa< .............................................................153
Obramowanie tabeli ...........................................................................................................153
Rozpinanie komórek tabeli na wierszach i kolumnach......................................................153
Wstawianie wierszy i kolumn ............................................................................................156
Usuwanie wierszy i kolumn...............................................................................................157
Zmiana rozmiarów komórki ..............................................................................................157
Zamiana pikseli na procenty i odwrotnie...........................................................................158
Podział obrazu na wycinki a tabele....................................................................................158
Tworzenie animacji ..................................................................................................................160
Okno Timelines..................................................................................................................160
Definiowanie linii czasowej...............................................................................................161
Przypisywanie liniom czasowym behawiorów ..................................................................164
Przyciski Flash .........................................................................................................................164
Menu rozwijane........................................................................................................................165
Rozbudowa menu rozwijanego..........................................................................................167
Zadania do samodzielnego wykonania ....................................................................................168
Pasek nawigacji..................................................................................................................168
Rozdział 8. Poł.czenia na stronach WWW.....................................................................................................169
Ulokowanie dokumentu a 6cieAka dost5pu ..............................................................................169
Adres bezwzgl5dny ............................................................................................................170
Adresy wzgl5dne definiowane wzgl5dem dokumentu.......................................................170
Adresy wzgl5dne definiowane wzgl5dem folderu nadrz5dnego........................................171
Uwagi na temat poł4cze< .........................................................................................................171
Konwersja tekstu w poł4czenie ................................................................................................172
System nawigacji w obr5bie strony..........................................................................................174
Tworzenie poł4czenia z innym plikiem ...................................................................................176
Mapy odno6ników ....................................................................................................................176
Poł4czenia e-mail .....................................................................................................................179
Zarz4dzanie poł4czeniami ........................................................................................................179
Przekierowanie poł4cze< do innego pliku ...................................................................................180
Analiza poł4cze< mi5dzy dokumentami ..................................................................................181
Naprawa poł4cze< ....................................................................................................................182
Dodatkowe opcje poł4cze<.......................................................................................................183
Testowanie poł4cze< ................................................................................................................184
Zadania do samodzielnego wykonania ....................................................................................184
Otwieranie poł4czenia w nowym oknie .............................................................................184
Poł4czenia do strony głównej............................................................................................185
Rozdział 9. Zarz.dzanie witryn.............................................................................................................................187
Przegl4danie struktury witryny ................................................................................................187
Przesuwanie pliku mi5dzy folderami .......................................................................................190
Tworzenie poł4czenia z poziomu okna Site...............................................................................190
Usuwanie pliku lub folderu ......................................................................................................191
Usuwanie witryny z listy..........................................................................................................191
Stowarzyszanie serwera odległego z witryn4 lokaln4..............................................................192
Umieszczanie plików witryny na serwerze .................................................................................193
Zgłoś jeśli naruszono regulamin