Dreamweaver 4 Vademecum profesjonalisty.pdf

(858 KB) Pobierz
IDZ DO
PRZYK£ADOWY ROZDZIA£
SPIS TREŒCI
Dreamweaver 4.
Autorzy: Anne-Marie Yerks, John Pickett
T³umaczenie: Maria Sokó³
ISBN: 83-7197-542-2
Tytu³ orygina³u:
Inside Dremweaver 4
Format: B6, stron: 662
oprawa twarda
Zawiera CD-ROM
KATALOG KSI¥¯EK
KATALOG ONLINE
ZAMÓW DRUKOWANY KATALOG
Vademecum profesjonalisty
TWÓJ KOSZYK
DODAJ DO KOSZYKA
CENNIK I INFORMACJE
ZAMÓW INFORMACJE
O NOWOŒCIACH
ZAMÓW CENNIK
Siêgaj¹c po tê ksi¹¿kê, zyskasz nie tylko dwadzieœcia cztery rozdzia³y jej zawartoœci.
Skorzystasz tak¿e z okazji, aby ulepszyæ swoj¹ stronê WWW i podwy¿szyæ poziom
w³asnych umiejêtnoœci jako projektanta stron WWW, poprzez pracê z programem
Dreamweaver 4. Jeœli zastanawiasz siê, dlaczego akurat ta wiedza jest Ci potrzebna,
spójrz na inne strony WWW, które teraz pojawiaj¹ siê w Internecie. Zauwa¿ysz bez
trudu, ¿e dominuje tendencja do interaktywnego wspó³dzia³ania z u¿ytkownikiem,
czêsto za poœrednictwem animacji Flash, DHTML-a i JavaScriptu. Stwierdzisz tak¿e,
¿e mnóstwo naprawdê u¿ytecznych informacji dostêpnych w Internecie pochodzi
z baz danych, a prezentuje siê je dziêki skryptom Cold Fusion i technologii Active
Server Pages.
¯aden z tych trendów nie jest nowy. Internet od samego pocz¹tku ewoluuje w kierunku
œrodowiska konfigurowanego przez u¿ytkownika. Jeœli nawet pojawiaj¹ siê nowe
pomys³y, to i tak wyrastaj¹ one ze starych korzeni. Teraz, bardziej ni¿ kiedykolwiek,
narzêdzia programowania niezbêdne do stworzenia kompletnej strony WWW,
s¹ dostêpne dla wszystkich, a nie tylko dla programistów. Co wiêcej, narzêdzia
projektowe, dziêki którym mo¿liwe jest przygotowanie naprawdê wspania³ej strony
WWW, tak¿e staj¹ siê powszechnie osi¹galne.
Chocia¿ nic nie zast¹pi wiedzy i talentu, umiejêtnoœæ pracy z programem pozwala
usun¹æ niektóre przeszkody i u³atwia ¿ycie projektantom i programistom.
Dziêki programowi Dreamweaver 4 i tej ksi¹¿ce mo¿na ³atwiej sprostaæ wyzwaniom,
stawianym przez programowanie i projektowanie. Godziny prób, b³êdów i frustracji
zamieniaj¹ siê w czas przyjemnie spêdzony nad przekszta³caniem w³asnej strony WWW
w pokazowy przyk³ad formy i funkcjonalnoœci.
Instruktorzy znajd¹ w naszej ksi¹¿ce wszystko, co niezbêdne, aby nauczyæ studentów
tworzenia i rozbudowywania stron WWW. Æwiczenia, pytania testowe i podsumowania
sk³adaj¹ siê na solidny program nauczania. Ksi¹¿ka jest tak¿e idealna dla tych
u¿ytkowników programu Dreamweaver, którzy samodzielnie chcieliby nauczyæ siê
obs³ugi programu w domu lub w pracy. Potraktuj tê ksi¹¿kê jako Ÿród³o inspiracji
i narzêdzie pomocne w nauce programu Dreamweaver 4 oraz jako poradnik korzystania
z jego mo¿liwoœci. Ka¿dy z rozdzia³ów dostarczy Ci wiedzy, niezbêdnej do wykonania
okreœlonych zadañ. Æwiczenia lub ich zestawy, do³¹czone do poszczególnych rozdzia³ów,
zilustruj¹ zastosowania funkcji programu Dreamweaver, a podstawowe informacje,
pytania testowe i podpowiedzi przyspiesz¹ realizacjê tych¿e æwiczeñ.
CZYTELNIA
FRAGMENTY KSI¥¯EK ONLINE
Wydawnictwo Helion
ul. Chopina 6
44-100 Gliwice
tel. (32)230-98-63
e-mail: helion@helion.pl
1 #WVQTCEJ
9UVúR
%\úè +
4Q\F\KCo
9RTQYCF\GPKG FQ RTQITCOW &TGCOYGCXGT
%Q PQYGIQ Y RTQITCOKG &TGCOYGCXGT
Pływające palety ....................................................................................................................23
Kod źródłowy ........................................................................................................................24
Zintegrowany edytor tekstu .............................................................................................24
Widok kodu i projektu.....................................................................................................24
JavaScript Debugger........................................................................................................24
Dodatkowe informacje na temat kodu.............................................................................25
Skróty klawiszowe z mo liwością dostosowania............................................................25
Nawigacja w kodzie.........................................................................................................25
Zmiana kolorystyki składni na bie ąco ...........................................................................26
Edycja dokumentów w formacie innym ni HTML........................................................26
Pasek narzędzi programu Dreamweaver .........................................................................26
Projekt ....................................................................................................................................27
Widok układu strony .......................................................................................................27
Tekst i przyciski programu Macromedia Flash ...............................................................27
Edycja grafiki za pomocą aplikacji Roundtrip ................................................................27
Interfejs u ytkownika w programach Macromedia .........................................................28
Opcje pracy grupowej ............................................................................................................28
Zarządzanie zasobami......................................................................................................28
Integracja z Visual SourceSafe........................................................................................29
Integracja z WebDAV .....................................................................................................29
Site Reporting ..................................................................................................................29
Konfigurowalne okno Site...............................................................................................30
Wbudowana obsługa poczty e-mail.................................................................................30
Extension Manager ..........................................................................................................31
Macromedia Exchange ....................................................................................................31
Zarządzanie oknami ...............................................................................................................32
Podsumowanie .......................................................................................................................32
4Q\F\KCo
&QUVQUQY[YCPKG RTQITCOW &TGCOYGCXGT FQ YoCUP[EJ RQVT\GD
Okno dialogowe Preferences .................................................................................................34
File Options .....................................................................................................................34
Editing Options................................................................................................................35
Code Colors .....................................................................................................................37
Code Format ....................................................................................................................38
Inne atrybuty formatowania kodu....................................................................................39
Code Rewriting................................................................................................................40
File Types/Editors............................................................................................................42
&TGCOYGCXGT 8CFGOGEWO RTQHGULQPCNKUV[
Invisible Elements ...........................................................................................................44
Layers ..............................................................................................................................44
Panels...............................................................................................................................46
Preview in Browser .........................................................................................................47
Quick Tag Editor .............................................................................................................48
Status Bar.........................................................................................................................48
Posumowanie .........................................................................................................................50
4Q\F\KCo
&TGCOYGCXGT K *6/.
Podstawy języka HTML ........................................................................................................51
Zawartość sekcji HEAD ..................................................................................................52
Sekcja BODY ..................................................................................................................60
Edycja kodu HTML ...............................................................................................................66
Widok projektu (Quick Tag Editor) ................................................................................66
Widok kodu i Code Inspector..........................................................................................69
Widok kodu i projektu.....................................................................................................71
Paleta Reference ..............................................................................................................73
Czyszczenie kodu HTML................................................................................................74
Korzystanie z edytorów zewnętrznych ..................................................................................76
Co to jest Roundtrip HTML?...........................................................................................76
Homesite, BBEdit, TextPad i Notepad............................................................................76
Podsumowanie .......................................................................................................................77
%\úè ++
4Q\F\KCo
2QFUVCY[ MQFW *6/.
2TCEC \ VGMUVGO
Importowanie tekstu...............................................................................................................83
Wklejanie tekstu do dokumentu programu Dreamweaver ..............................................83
Wklejanie kodu HTML ...................................................................................................83
Eksportowanie tekstu z programu Dreamweaver............................................................84
Importowanie tekstu z edytora Microsoft Word..............................................................84
Zapisywanie pliku HTML z edytora Word .....................................................................85
Formatowanie tekstu w inspektorze Property........................................................................88
Dodawanie i usuwanie czcionek......................................................................................88
Kroje czcionek.................................................................................................................89
Rozmiar czcionki, style i wyrównanie tekstu..................................................................90
Kolor tekstu .....................................................................................................................95
Prostszy sposób formatowania tekstu ....................................................................................96
Style HTML.....................................................................................................................96
Korzystanie z palety HTML Styles .................................................................................97
Znaki specjalne ....................................................................................................................100
Podsumowanie .....................................................................................................................102
4Q\F\KCo
2QoæE\GPKC K PCYKICELC
Rodzaje ście ek dostępu ......................................................................................................105
Co to jest ście ka dostępu?............................................................................................106
Zrozumienie ście ek dostępu.........................................................................................106
Ście ki dostępu definiowane względem dokumentu.....................................................107
Ście ki względne definiowane względem foldera nadrzędnego ...................................107
Definiowanie połączeń.........................................................................................................108
Usuwanie połączeń ........................................................................................................111
Definiowanie połączeń prowadzących na zewnątrz witryny ........................................112
Kolory połączeń i podkreślenia ...........................................................................................112
Wybór schematów kolorystycznych..............................................................................113
Wyłączanie opcji podkreślania połączeń.......................................................................113
5RKU VTGEK
Połączenia e-mail .................................................................................................................114
Definiowanie połączeń e-mail z poziomu inspektora Property.....................................115
Zakotwiczenia o zdefiniowanych nazwach .........................................................................116
Definiowanie zakotwiczeń przy pomocy Point-to-File .................................................117
Definiowanie mapy odnośników .........................................................................................118
Usuwanie obszarów aktywnych ....................................................................................120
Paski nawigacji ....................................................................................................................120
Interaktywne paski nawigacji — ciąg dalszy ................................................................122
Menu rozwijane ...................................................................................................................122
Edycja menu rozwijanego .............................................................................................124
Podsumowanie .....................................................................................................................124
4Q\F\KCo
2TCEC \ QDTC\COK
Formaty plików graficznych ................................................................................................126
Format GIF ....................................................................................................................126
Format JPEG..................................................................................................................128
Format PNG...................................................................................................................128
Projektowanie z wykorzystaniem obrazów .........................................................................130
Obraz jako połączenie ...................................................................................................133
Obramowanie obrazu.....................................................................................................135
Przypisywanie obrazowi behawioru..............................................................................135
Edycja obrazów....................................................................................................................138
Opcja Roundtrip Graphics Editing i Fireworks.............................................................138
Zmiana rozmiarów obrazu.............................................................................................138
Paleta Assets i obrazy ..........................................................................................................140
Miniatury obrazów...............................................................................................................143
Internetowy album fotograficzny ..................................................................................144
Podpowiedzi dotyczące umieszczania obrazów na serwerze ..............................................146
Podsumowanie .....................................................................................................................147
4Q\F\KCo
<CICFPKGPKC \YKæ\CPG \ RTQLGMVQYCPKGO UVTQP 999
Posługiwanie się kolorami ...................................................................................................150
Definiowanie kolorów ...................................................................................................150
Własne kolory................................................................................................................156
Paleta Assets i kolory ....................................................................................................157
Lista Favorite palety Assets...........................................................................................158
Projekt i układ strony ...........................................................................................................159
Wzory tła .......................................................................................................................160
Linie siatki .....................................................................................................................160
Kalki ..............................................................................................................................162
Marginesy strony i ich szerokość ..................................................................................164
Linijki ............................................................................................................................164
Projektowanie internetowe: du y obraz...............................................................................165
Rozdzielczość ekranu ....................................................................................................165
Strategia projektowa ......................................................................................................166
Przepustowość łączy a rozmiar plików .........................................................................168
Podsumowanie .....................................................................................................................172
%\úè +++
4Q\F\KCo
<CCYCPUQYCPG HQTOCVQYCPKG FQMWOGPVW
&GHKPKQYCPKG WMoCFW UVTQP[ \C RQOQEæ VCDGN
Wstawianie tabel..................................................................................................................178
Piksele czy procenty? ....................................................................................................179
Wprowadzanie danych do tabeli..........................................................................................180
&TGCOYGCXGT 8CFGOGEWO RTQHGULQPCNKUV[
Wyrównywanie tabel i definiowanie obramowań ...............................................................181
Obramowanie tabeli.......................................................................................................182
Formatowanie tabel..............................................................................................................184
Rozpinanie komórek tabeli............................................................................................184
Podział i scalanie komórek ............................................................................................186
Tabele zagnie d one......................................................................................................187
Modyfikacja tabel ..........................................................................................................189
Kolory w tabelach i w komórkach oraz kolory obramowań................................................191
Stosowanie kolorów i obrazów jako tła tabeli...............................................................193
Podział obrazu na wycinki a tabele......................................................................................195
Podział obrazów na wycinki za pomocą Fireworks ......................................................195
Widok układu.......................................................................................................................197
Rysowanie komórek tabeli ............................................................................................199
Edycja tabel w widoku projektu ....................................................................................201
Podsumowanie .....................................................................................................................201
4Q\F\KCo
&GHKPKQYCPKG WMoCFW UVTQP[ \C RQOQEæ TCOGM
Ramki i układy ramek..........................................................................................................204
Dokument układu ramek ...............................................................................................205
Zagnie d anie elementów FRAME i FRAMESET.......................................................206
Ramki w programie Dreamweaver ......................................................................................206
Tworzenie ramek i układów ramek ...............................................................................207
Zaznaczanie ramek ........................................................................................................209
Zapisywanie ramek........................................................................................................209
Zmiana rozmiarów ramek..............................................................................................210
Usuwanie ramek ............................................................................................................212
Zaawansowane właściwości ramek i układów ramek .........................................................212
Atrybuty układu ramek..................................................................................................212
Atrybuty ramek..............................................................................................................213
Nazwy zarezerwowane ..................................................................................................215
Nazwy ramek.................................................................................................................216
Element NOFRAMES ...................................................................................................216
Podsumowanie .....................................................................................................................216
4Q\F\KCo -QT\[UVCPKG \ YCTUVY
Parę słów o warstwach.........................................................................................................217
Warstwy a tabele ...........................................................................................................218
Czy warstwy powinny się nakładać?.............................................................................218
Podstawowe informacje na temat warstw............................................................................219
Rysowanie warstw.........................................................................................................219
Umieszczanie zawartości na warstwie ..........................................................................221
Definiowanie rozmiarów warstw...................................................................................222
Pozycjonowanie warstw ................................................................................................224
Definiowanie właściwości warstwy.....................................................................................228
Atrybuty znaczników <DIV> i <SPAN> ......................................................................228
Jeszcze o warstwach ............................................................................................................231
Warstwy zagnie d one ..................................................................................................231
Właściwości warstwy ....................................................................................................232
Konwersja warstw w tabele...........................................................................................232
Wprawianie warstw w ruch .................................................................................................234
Podsumowanie .....................................................................................................................237

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin