IDZ DO

PRZYKADOWY ROZDZIA
SPIS TRECI

KATALOG KSIEK
KATALOG ONLINE

Dreamweaver MX.
wiczenia
Autor: Radosaw Sok
ISBN: 83-7361-201-7
Format: B5, stron: 124

ZAMW DRUKOWANY KATALOG

TWJ KOSZYK
DODAJ DO KOSZYKA

CENNIK I INFORMACJE
ZAMW INFORMACJE
O NOWOCIACH
ZAMW CENNIK

CZYTELNIA
FRAGMENTY KSIEK ONLINE

Dreamweaver MX firmy Macromedia jest potnym narzdziem wspomagajcym proces

tworzenia rozbudowanych serwisw internetowych. Naley do klasy tzw. edytorw
graficznych: oznacza to, e tworzenie i edycja strony WWW przebiega w nim podobnie
do edycji dokumentu w edytorze tekstu lub programie graficznym. Nie znaczy to
oczywicie, e Dreamweaver daje Ci moliwo tworzenia rozbudowanych stron WWW
bez znajomoci jzyka HTML, na pewno jednak zwalnia Ci od pamitania wszystkich,
czsto bardzo skomplikowanych, atrybutw znacznikw HTML. Ponadto zawarta
w Dreamweaverze biblioteka gotowych wycinkw kodu HTML wraz z rozszerzajcymi
ich moliwoci fragmentami skryptw JavaScript upraszcza zastosowanie ciekawych,
dynamicznych efektw na Twojej stronie.
Dziki ksice Dreamweawer MX. wiczenia poznasz krok po kroku ogromne
moliwoci tej aplikacji, ktra z pewnoci potrafi w duym stopniu przyspieszy prac
kadego twrcy witryn WWW.
Ksika opisuje:
Instalacj i uruchomienie Dreamweavera
Podstawy tworzenia stron WWW
Formatowanie tekstu na stronach
czenie stron odnonikami
Tworzenie tabel
Umieszczanie grafiki na stronach WWW
Prac z caymi serwisami internetowymi
Sposoby uatwiania sobie tworzenia duych witryn internetowych

Wydawnictwo Helion
ul. Chopina 6
44-100 Gliwice
tel. (32)230-98-63
e-mail: helion@helion.pl

Spis treci
Rozdzia 1.

Zaczynamy.................................................................................................................................................5
1.1. Czym jest Dreamweaver MX? ............................................................................................................. 5
1.2. Instalacja programu Dreamweaver MX.................................................................................................. 6
1.3. Uruchomienie programu Dreamweaver MX ...................................................................................... 9
1.4. Pierwsze uruchomienie programu...................................................................................................... 10

Rozdzia 2. Prosta strona WWW............................................................................................................................13

2.1. Tworzenie nowej, pustej strony WWW................................................................................................ 13
2.2. Zmiana sposobu prezentowania strony ............................................................................................. 14
2.3. Wybr predefiniowanego rozmiaru okna edycyjnego..................................................................... 15
2.4. Szacowanie objtoci kodu strony oraz czasu pobierania strony z Sieci....................................... 16
2.5. Korzystanie z przymiaru..................................................................................................................... 17
2.6. Podstawowe atrybuty strony WWW ................................................................................................. 18
2.7. Zapisywanie dokumentu na dysku twardym..................................................................................... 20
2.8. Deklarowanie ukadu strony............................................................................................................... 21
2.9. Zmiana koloru ta komrki ukadu strony......................................................................................... 24
2.10. Wywietlanie zawartoci strony w przegldarce internetowej ..................................................... 24
2.11. Zamykanie okna edycyjnego dokumentu........................................................................................ 25

Rozdzia 3. Tekst i jego atrybuty...........................................................................................................................27

3.1. Wprowadzanie tekstu.......................................................................................................................... 27
3.2. Zamiana akapitu tekstu w nagwek.................................................................................................. 28
3.3. Wstawianie poziomej linii.................................................................................................................. 29
3.4. Zmiana wygldu nagwka................................................................................................................. 30
3.5. Zmiana wygldu tekstu....................................................................................................................... 34
3.6. Zapisywanie fragmentu tekstu pismem pogrubionym, podkrelonym lub kursyw..................... 35
3.7. Zmiana deklaracji stylu....................................................................................................................... 36
3.8. Przypisywanie stylu fragmentowi tekstu .......................................................................................... 37
3.9. Definiowanie marginesw komrek ukadu strony ......................................................................... 39
3.10. Wstawianie znakw specjalnych ..................................................................................................... 41
Podsumowanie ............................................................................................................................................ 42

Rozdzia 4. Odnoniki................................................................................................................................................ 43
4.1. Tworzenie odnonika .......................................................................................................................... 43
4.2. Tworzenie odnonika pocztowego..................................................................................................... 45
4.3. Definiowanie etykiety......................................................................................................................... 46
4.4. Tworzenie odnonika prowadzcego do etykiety ............................................................................ 47
4.5. Zmiana wygldu odnonikw ............................................................................................................ 48
Podsumowanie ............................................................................................................................................ 49

Dreamweaver MX. wiczenia

Rozdzia 5. Tabele .......................................................................................................................................................51

5.1. Tworzenie tabeli .................................................................................................................................. 51
5.2. Wprowadzanie tekstu do komrki tabeli .......................................................................................... 53
5.3. Zmiana szerokoci kolumny tabeli .................................................................................................... 54
5.4. Modyfikowanie ukadu tabeli ............................................................................................................ 54
5.5. Scalanie i dzielenie komrek tabeli................................................................................................... 56
5.6. Zmiana wygldu zawartoci komrek tabeli.................................................................................... 58
5.7. Zmiana koloru ta komrek ................................................................................................................ 59
5.8. Okrelanie pooenia zawartoci komrki w pionie ........................................................................ 62
5.9. Tworzenie tabeli na podstawie zewntrznego zbioru danych......................................................... 63
5.10. Usuwanie tabeli ................................................................................................................................. 65
Podsumowanie ............................................................................................................................................ 65

Rozdzia 6. Obrazy........................................................................................................................................................67
6.1. Format GIF........................................................................................................................................... 67
6.2. Format JPEG........................................................................................................................................ 68
6.3. Wstawianie obrazu na stron WWW ................................................................................................ 69
6.4. Opatrywanie obrazu komentarzem .................................................................................................... 70
6.5. Zmiana rozmiaru obrazu..................................................................................................................... 71
6.6. Modyfikacja obramowania i marginesw obrazu ............................................................................ 73
6.7. Przeksztacanie obrazu w odnonik ................................................................................................... 74
6.8. Zamieszczanie miniatur zdj............................................................................................................ 75
6.9. Oblewanie obrazu tekstem ................................................................................................................. 76
6.10. Rezygnowanie z oblewania obrazu tekstem................................................................................... 78
6.11. Dynamiczna zmiana obrazu ............................................................................................................. 79
6.12. Usuwanie obrazu ............................................................................................................................... 82
Podsumowanie ............................................................................................................................................ 82

Rozdzia 7.

Serwis WWW.........................................................................................................................................83
7.1. Tworzenie nowego serwisu WWW ................................................................................................... 84
7.2. Zmiana waciwoci istniejcego serwisu ........................................................................................ 88
7.3. Tworzenie strony skadowej serwisu internetowego ....................................................................... 88
7.4. Tworzenie odnonika do innej strony serwisu ................................................................................. 91
7.5. Weryfikacja odnonikw .................................................................................................................... 92
7.6. Automatyczna lokalizacja usterek ..................................................................................................... 94
7.7. Automatyczne usuwanie usterek ....................................................................................................... 95
Podsumowanie ............................................................................................................................................ 97

Rozdzia 8. Publikowanie serwisu......................................................................................................................99

8.1. Publikowanie serwisu .......................................................................................................................100
8.2. Kasowanie pliku przechowywanego na serwerze FTP..................................................................101
8.3. Umieszczanie pojedynczego pliku na serwerze FTP .....................................................................102
8.4. Synchronizowanie serwisu ...............................................................................................................103
8.5. Aktualizowanie zawartoci listy plikw..............................................................................................106
8.6. Rozczanie poczenia z serwerem FTP............................................................................................106
Podsumowanie ..........................................................................................................................................107

Rozdzia 9. Tematy zaawansowane..................................................................................................................109

9.1. Tworzenie szablonu strony...............................................................................................................109
9.2. Modyfikowanie szablonu..................................................................................................................112
9.3. Tworzenie nowej strony bazujcej na szablonie ............................................................................113
9.4. Wprowadzanie treci na stronie utworzonej na bazie szablonu....................................................115
9.5. Wywietlanie graficznej mapy serwisu...............................................................................................116
9.6. Szukanie i zamiana tekstu na stronach serwisu ..............................................................................117
Podsumowanie ..........................................................................................................................................120

Zakoczenie.........................................................................................................................................123

8.
Publikowanie serwisu
Rozdzia

Niewielu szczliwcw dysponuje komputerem z zainstalowanym oprogramowaniem serwera WWW, czynnym ca dob i podczonym do Internetu odpowiednio wydajnym czem. Przecitny uytkownik programu Dreamweaver MX skazany jest na korzystanie
z usug duych serwerw WWW darmowych lub patnych co wie si z koniecznoci umieszczania na nich plikw skadajcych si na serwis internetowy.
Opublikowanie serwisu na serwerze WWW jest zatem podstaw zaistnienia Twoich stron
w Internecie. Jest to jednak zarazem operacja odstraszajca pocztkujcych uytkownikw
nie do, e wymaga podania wielu parametrw (takich jak adres serwera, nazwa
konta czy nazwa katalogu docelowego), to jeszcze do jej przeprowadzenia konieczny jest
czsto nieatwy w obsudze program klienta protokou FTP oraz znajomo dziaania
serwerw pracujcych pod kontrol systemw operacyjnych bdcych pochodnymi systemu
UNIX.
Dreamweaver MX nie zdejmie z Ciebie wszystkich obowizkw i rwnie wymaga
bdzie odrobiny wiedzy (szczeglnie co do podstawowych parametrw serwera jak
wanie jego adres czy te nazwa Twojego konta na nim zaoonego) jednak zdecydowanie uproci proces umieszczania plikw skadowych na serwerze FTP.
Trudno jest, niestety, poda bardzo dokadny przepis publikowania serwisu WWW
bardzo wiele zaley od konfiguracji serwera, na ktrym umieszczone bd jego pliki skadowe. Na szczcie wikszo administratorw serwerw WWW zamieszcza dokadne
informacje dotyczce wymaganych ustawie lub wrcz szczegow instrukcj postpowania w czasie publikowania serwisu.

100

Dreamweaver MX. wiczenia

8.1. Publikowanie serwisu

wiczenie 8.1.

Aby opublikowa wszystkie pliki skadowe serwisu na serwerze FTP:

1. Upewnij si, czy w prawym panelu okna gwnego widoczny jest obszar Files.

Jeli nie, uaktywnij go klikajc pasek zatytuowany Files:

2. Wybierz zakadk Site.

3. Z listy utworzonych serwisw internetowych wybierz ten, ktry chcesz opublikowa

na serwerze:

4. Kliknij przycisk (

), umieszczony na pasku narzdzi obszaru Files:

5. Na ekranie pojawi si okno dialogowe informujce o aktualnym stanie procesu

nawizywania poczenia i autoryzowania Ci jako penoprawnego uytkownika

serwera. Jeli program nie napotka adnych przeszkd, obszar Files automatycznie
przeczy si w tryb wywietlania Remote View, a lista plikw skadowych serwisu
zastpiona zostanie przez list plikw znajdujcych si na serwerze FTP (rysunek 8.1).
Rysunek 8.1.
Po nawizaniu
poczenia z serwerem
FTP obszar Files
wywietla list plikw
znajdujcych si
na serwerze

6. Kliknij przycisk (

), aby zainicjowa proces wysyania plikw na serwer FTP:

7. Dreamweaver MX poprosi Ci jeszcze o potwierdzenie chci wysania plikw

na serwer (rysunek 8.2). Potwierd swoj decyzj klikajc przycisk OK.

Rozdzia 8.
Publikowanie serwisu

101

Rysunek 8.2.
Dreamweaver MX
wymaga dodatkowego
potwierdzenia chci
wysania plikw na serwer
8. Poczekaj chwil na zakoczenie procesu wysyania plikw. Jeli operacja zakoczy

si sukcesem, w obszarze Files wywietlona zostanie zaktualizowana lista plikw

znajdujcych si na serwerze (rysunek 8.3).
Rysunek 8.3.
Po pomylnym wysaniu
wszystkich plikw
skadowych
Dreamweaver MX
wywietla zaktualizowan
zawarto serwera FTP

8.2. Kasowanie pliku

przechowywanego na serwerze FTP
Ju niedugo dowiesz si, w jaki sposb moesz zrzuci na program Dreamweaver MX
obowizek sprawdzenia, czy na serwerze FTP nie znajduj si pliki niepotrzebne ju Twojemu serwisowi internetowemu i usunite z dysku twardego Twojego komputera. Jeli jednak masz potrzeb usunicia z serwera FTP pojedynczego pliku, znacznie szybciej moesz
wykona t operacj samodzielnie.
wiczenie 8.2.

Aby skasowa plik znajdujcy si na serwerze FTP:

1. Nawi poczenie z serwerem jak w wiczeniu 7.5.
2. Podwietl na licie plikw znajdujcych si na serwerze ten, ktry chcesz usun:

3. Kliknij podwietlon pozycj prawym klawiszem myszy, aby wywoa stowarzyszone

z ni menu kontekstowe.

102

Dreamweaver MX. wiczenia

4. W menu kontekstowym wybierz opcj Delete. Na ekranie pojawi si okno dialogowe

z prob o potwierdzenie decyzji (rysunek 8.4).

Rysunek 8.4.
Skasowanie pliku
z serwera FTP
wymaga dodatkowego
potwierdzenia
5. Kliknij przycisk OK, aby potwierdzi usunicie pliku.
6. Plik zostanie usunity, a lista plikw znajdujcych si na serwerze automatycznie

zaktualizowana.

8.3. Umieszczanie pojedynczego pliku

na serwerze FTP
Dreamweaver MX samodzielnie umieci na serwerze zmodyfikowane przez Ciebie pliki
podczas przeprowadzania synchronizacji serwisu. Jeli jednak zmodyfikowae tylko jeden,
konkretny plik, nie ma sensu zaprzga do pracy caego mechanizmu synchronizacji serwisu
i obcia cza znacznie szybciej wykonasz prac rozkazujc programowi umieci na
serwerze tylko jeden wybrany plik.
wiczenie 8.3.

Aby umieci pojedynczy plik na serwerze FTP:

1. Przecz obszar Files w tryb wywietlania Local View:

2. Podwietl pojedynczym klikniciem plik, ktry chcesz wysa na serwer FTP:

3. Kliknij podwietlon pozycj prawym klawiszem myszy, aby wywoa stowarzyszone

z ni menu kontekstowe.
4. W menu kontekstowym wybierz opcj Put. Na ekranie pojawi si okno dialogowe

Dependent Files (rysunek 8.5).

Rozdzia 8.
Publikowanie serwisu

103

Rysunek 8.5.
Okno dialogowe Dependent
Files umoliwia Ci umieszczenie
na serwerze FTP wszystkich
plikw zwizanych z tym
wybranym przez Ciebie.
5. Jeli chcesz, aby program umieci na serwerze FTP wszystkie pliki zwizane z tym

wybranym przez Ciebie, kliknij przycisk Yes. Jeli jednak Twoim celem jest tylko
i wycznie przesanie do serwera jednego, wybranego wczeniej pliku, kliknij
przycisk No.
Jeli chcesz, aby Twoja decyzja bya ostateczna i program przy kadym kolejnym przesyaniu
plikw do serwera FTP zachowywa si identycznie, przed klikniciem przycisku Yes lub No
umie znacznik w polu Dont show me this message again.
6. Poczekaj chwil, a operacja zakoczy si sukcesem, a z ekranu zniknie okienko

dialogowe wskazujce aktualny stan procesu przesyania pliku do serwera.

8.4. Synchronizowanie serwisu

Kadorazowe rczne aktualizowanie kopii serwisu znajdujcej si na serwerze WWW
nie do, e byoby szalenie niewygodne, to jeszcze naraaoby Ci na pomyki albo
zapomniaby przesa ktrego z plikw, co utrudniaoby korzystanie z Twojego serwisu
i pogarszao jego jako, albo te rozkazaby programowi przesa pliki, ktre nie ulegy
adnym zmianom co narazioby Ci na wiksze koszty.
Na szczcie aktualizowanie serwisu mona zleci programowi Dreamweaver MX. Wydanie
jednego polecenia wystarczy, by program poczy si z serwerem FTP, na ktrym znajduj
si pliki tworzce Twj serwis, pobra ich list, porwna z list plikw znajdujcych si
na dysku twardym Twojego komputera i przesa do serwera tylko te pliki, ktre ulegy
zmianie lub zostay dodane do serwisu. Dreamweaver MX jest nawet na tyle sprytny, e
potrafi usun z serwera FTP pliki, ktre nie s ju potrzebne do prawidowego dziaania
Twojego serwisu; jeli pacisz za ilo przechowywanych na serwerze danych, opcja ta
bdzie dla Ciebie zbawieniem.
Operacja uzgadniania listy plikw zdalnych i lokalnych oraz aktualizowania zawartoci
serwera FTP nazywa si synchronizowaniem serwisu internetowego.
wiczenie 8.4.

Aby dokona synchronizacji serwisu:

1. Kliknij przycisk Site, znajdujcy si na pasku narzdzi obszaru Files, aby rozwin

stowarzyszone z nim menu:

104

Dreamweaver MX. wiczenia

2. W menu wybierz opcj Synchronize. Spowoduje to otwarcie okna dialogowego

Synchronize Files (rysunek 8.6).

Rysunek 8.6.
Okno dialogowe
Synchronize Files
umoliwia Ci okrelenie
parametrw procesu
synchronizacji serwisu
3. Z listy Synchronize wybierz pozycj Entire Site, aby proces synchronizacji dotyczy

caego Twojego serwisu:

4. Z listy Direction wybierz pozycj Put newer files to remote, aby efektem

synchronizacji serwisu byo umieszczenie jego aktualnej wersji na serwerze FTP:

Program Dreamweaver MX umoliwia Ci rwnie pobranie aktualnych wersji plikw

z serwera FTP. Opcja ta moe by przydatna przy zmianie miejsca pracy lub odtwarzaniu
uszkodzonego lub utraconego zbioru danych. Pamitaj, e aktualna kopia serwisu znajdujca
si na serwerze FTP jest zarazem pewnego rodzaju kopi bezpieczestwa nie rezygnuj
jednak z regularnego tworzenia kopii Twojego dziea na trwaych nonikach, takich jak
na przykad pytka CD-R.
5. Jeli chcesz, aby program usun z serwera FTP wszystkie pliki, ktre nie znajduj

si na Twoim dysku twardym a wic s podejrzane o bycie niepotrzebnymi

umie znacznik w polu Delete remote files not on local drive:

6. Kliknij przycisk Preview, aby zleci programowi przejrzenie wszystkich plikw

i okrelenie zakresu synchronizacji.

7. Poczekaj chwil, a program zakoczy nawizywanie poczenia z serwerem FTP

i tworzenie listy plikw wymagajcych usunicia lub przesania na serwer. Gdy bdzie
ju gotw, na ekranie pojawi si okno dialogowe zawierajce informacje o zakresie
synchronizacji (rysunek 8.7).
Rysunek 8.7.
Zanim proces
synchronizacji si
rozpocznie, masz okazj
przejrze list plikw
wymagajcych usunicia
lub przesania

Rozdzia 8.
Publikowanie serwisu

105

8. Jeli chcesz zabroni programowi wykonywania niektrych operacji, usu z kolumny

Action znaczniki znajdujce si przy tych operacjach, ktre nie powinny by wykonane.
Jeli jednak nie masz adnych zastrzee do przedstawionej listy, pozostaw znaczniki
przy wszystkich pozycjach.
9. Kliknij przycisk OK, aby kontynuowa synchronizacj.
10. Jeli wykonanie synchronizacji serwisu wymaga usunicia pojedynczych plikw

z serwera FTP, Dreamweaver MX jeszcze raz poprosi Ci o potwierdzenie tej czynnoci

(rysunek 8.8). Kliknij przycisk OK, aby pozwoli programowi na usunicie plikw.
Rysunek 8.8.
Nawet ju raz zatwierdzone
operacje usunicia plikw
wymagaj dodatkowego
potwierdzenia
11. Jeli synchronizacja zakoczy si sukcesem, na ekranie ponownie pojawi si zakres

synchronizacji serwisu, jednak tym razem zawierajcy list operacji zakoczonych

(rysunek 8.9).
Rysunek 8.9.
Po zakoczeniu
synchronizacji
program wywietli list
wykonanych operacji
wraz z informacj
o statusie kadej z nich

12. Jeli chcesz zachowa raport z procesu synchronizacji, kliknij przycisk Save Log,

a nastpnie w wywietlonym na ekranie oknie Save As wprowad nazw pliku raportu

(w polu File name) i kliknij przycisk Save (rysunek 8.10).
Rysunek 8.10.
Jeli chcesz zachowa
raport z przeprowadzonej
synchronizacji, Dreamweaver
MX daje Ci tak moliwo

13. Kliknij przycisk Close, aby zamkn okno informacyjne i zakoczy proces

synchronizacji serwisu.

106

Dreamweaver MX. wiczenia

Jeli Dreamweaver MX wykryje zgodno plikw przechowywanych na dysku twardym

Twojego komputera oraz na serwerze FTP, nie bdzie prbowa przeprowadzi Ci przez
cay opisany powyej proces aktualizowania serwisu wywietli po prostu okno dialogowe
z odpowiedni informacj (rysunek 8.11), oszczdzajc Twj czas i dajc Ci pewno,
e czytelnicy Twojego serwisu przeglda bd jego aktualn wersj.
Rysunek 8.11.
Zdalna kopia Twojego
serwisu jest aktualna
i nie wymaga
synchronizacji

8.5. Aktualizowanie zawartoci listy plikw

Dreamweaver MX automatycznie stara si aktualizowa list plikw znajdujcych si
na serwerze FTP podczas wykonywania wszystkich operacji. Programy nie s jednak
bezbdne i moe si zdarzy, e lista Remote View nie bdzie idealnie odzwierciedla
zawartoci serwera. Nie trzeba zreszt do tego nawet bdu w programie wystarczy,
e inny uytkownik bdzie korzysta z tych samych plikw znajdujcych si na serwerze
FTP, by wywietlana u Ciebie lista szybko przestaa odpowiada prawdzie.
Program daje Ci jednak na szczcie moliwo szybkiego i skutecznego zaktualizowania
zawartoci listy na podstawie danych na nowo pobranych z serwera FTP.
wiczenie 8.5.

Aby zaktualizowa list plikw znajdujcych si na serwerze FTP:

1. Kliknij przycisk (

), umieszczony na pasku narzdzi obszaru Files:

8.6. Rozczanie poczenia z serwerem FTP

Gdy tylko poczenie z serwerem FTP przestanie Ci by potrzebne na przykad zakoczysz wszystkie operacje przesyania plikw na serwer powiniene zerwa je, aby zaoszczdzi zasoby tak Twojego komputera, jak i zdalnego serwera FTP.
Zerwanie i ponowne nawizanie poczenia moe by dobrym rozwizaniem w przypadku
wystpienia kopotw z transmisj.

Rozdzia 8.
Publikowanie serwisu

107

wiczenie 8.6.

Aby zakoczy poczenie z serwerem FTP:

1. Kliknij ponownie przycisk (

). To ten sam przycisk, za pomoc ktrego

nawizywae poczenie jednak w czasie, gdy poczenie jest aktywne,
peni on cakowicie przeciwn funkcj:

2. Przecz obszar Files w tryb wywietlania Local View, aby mc obserwowa lokaln

(istniejc na Twoim dysku twardym) struktur serwisu internetowego:

Podsumowanie
Cho opublikowanie serwisu internetowego za pomoc programu Dreamweaver MX
jest zdecydowanie atwiejsze, ni rczne umieszczanie plikw na serwerze FTP za pomoc
programu klienta protokou FTP, nadal wymaga jednak uwagi i praktyki. Wykonaj par
prostych wicze, aby zacz sprawniej porusza si po menu i oknach dialogowych moduu odpowiedzialnego za synchronizowanie serwisu:

umie kopi prostego, skadajcego si z kilku plikw serwisu na serwerze FTP,

usu niektre z plikw znajdujcych si na serwerze FTP,

zmie nazwy niektrych lokalnych plikw skadowych Twojego serwisu,

usu jeden z lokalnych plikw skadowych serwisu,

dokonaj synchronizacji serwisu,

zaktualizuj list plikw znajdujcych si na serwerze FTP i sprawd,
czy program przesa do serwera wszystkie potrzebne pliki.