Dreamweaver_MX_cwiczenia_cwdwmx.pdf

IDZ DO

PRZYK£ADOW Y ROZDZIA£

Dreamweaver MX.

SPIS TRECI

Æwiczenia

KATALOG KSI¥¯EK

Autor: Rados³aw Sokó³

ISBN: 83-7361-201-7

Format: B5, stron: 124

KATALOG ONLINE

ZAMÓW DRUKOWANY KATALOG

TWÓJ KOSZYK

DODAJ DO KOSZYKA

Dreamweaver MX firmy Macromedia jest potê¿nym narzêdziem wspomagaj¹cym proces

tworzenia rozbudowanych serwisów internetowych. Nale¿y do klasy tzw. edytorów

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 mo¿liwoæ tworzenia rozbudowanych stron WWW

bez znajomoci jêzyka HTML, na pewno jednak zwalnia Ciê od pamiêtania wszystkich,

czêsto bardzo skomplikowanych, atrybutów znaczników HTML. Ponadto zawarta

w Dreamweaverze biblioteka gotowych wycinków kodu HTML — wraz z rozszerzaj¹cymi

ich mo¿liwoci fragmentami skryptów JavaScript — upraszcza zastosowanie ciekawych,

dynamicznych efektów na Twojej stronie.

Dziêki ksi¹¿ce „Dreamweawer MX. Æwiczenia” poznasz krok po kroku ogromne

mo¿liwoci tej aplikacji, która z pewnoci¹ potrafi w du¿ym stopniu przyspieszyæ pracê

ka¿dego twórcy witryn WWW.

Ksi¹¿ka 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 ca³ymi serwisami internetowymi

• Sposoby u³atwiania sobie tworzenia du¿ych witryn internetowych

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

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. Wybór predefiniowanego rozmiaru okna edycyjnego.....................................................................15

2.4. Szacowanie obj1to2ci 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 układu strony...............................................................................................................21

2.9. Zmiana koloru tła komórki układu strony.........................................................................................24

2.10. Wy2wietlanie zawarto2ci strony w przegl7darce 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 nagłówek..................................................................................................28

3.3. Wstawianie poziomej linii..................................................................................................................29

3.4. Zmiana wygl7du nagłówka.................................................................................................................30

3.5. Zmiana wygl7du tekstu.......................................................................................................................34

3.6. Zapisywanie fragmentu tekstu pismem pogrubionym, podkre2lonym lub kursyw7.....................35

3.7. Zmiana deklaracji stylu.......................................................................................................................36

3.8. Przypisywanie stylu fragmentowi tekstu..........................................................................................37

3.9. Definiowanie marginesów komórek układu strony.........................................................................39

3.10. Wstawianie znaków specjalnych.....................................................................................................41

Podsumowanie............................................................................................................................................42

Rozdział 4. Odno"niki................................................................................................................................................43

4.1. Tworzenie odno2nika..........................................................................................................................43

4.2. Tworzenie odno2nika pocztowego.....................................................................................................45

4.3. Definiowanie etykiety.........................................................................................................................46

4.4. Tworzenie odno2nika prowadz7cego do etykiety............................................................................47

4.5. Zmiana wygl7du odno2ników............................................................................................................48

Podsumowanie............................................................................................................................................49

Dreamweaver MX. wiczenia

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

5.1. Tworzenie tabeli..................................................................................................................................51

5.2. Wprowadzanie tekstu do komórki tabeli..........................................................................................53

5.3. Zmiana szeroko2ci kolumny tabeli....................................................................................................54

5.4. Modyfikowanie układu tabeli............................................................................................................54

5.5. Scalanie i dzielenie komórek tabeli...................................................................................................56

5.6. Zmiana wygl7du zawarto2ci komórek tabeli....................................................................................58

5.7. Zmiana koloru tła komórek................................................................................................................59

5.8. Okre2lanie poło9enia zawarto2ci komórki w pionie........................................................................62

5.9. Tworzenie tabeli na podstawie zewn1trznego 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 stron1 WWW................................................................................................69

6.4. Opatrywanie obrazu komentarzem....................................................................................................70

6.5. Zmiana rozmiaru obrazu.....................................................................................................................71

6.6. Modyfikacja obramowania i marginesów obrazu............................................................................73

6.7. Przekształcanie obrazu w odno2nik...................................................................................................74

6.8. Zamieszczanie miniatur zdj1>............................................................................................................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 wła2ciwo2ci istniej7cego serwisu........................................................................................88

7.3. Tworzenie strony składowej serwisu internetowego.......................................................................88

7.4. Tworzenie odno2nika do innej strony serwisu.................................................................................91

7.5. Weryfikacja odno2ników....................................................................................................................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 zawarto2ci listy plików..............................................................................................106

8.6. Rozł7czanie poł7czenia 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 bazuj7cej na szablonie............................................................................113

9.4. Wprowadzanie tre2ci na stronie utworzonej na bazie szablonu....................................................115

9.5. Wy2wietlanie graficznej mapy serwisu...............................................................................................116

9.6. Szukanie i zamiana tekstu na stronach serwisu..............................................................................117

Podsumowanie..........................................................................................................................................120

Zako*czenie.........................................................................................................................................123

Publikowanie serwisu

Niewielu szczliwców dysponuje komputerem z zainstalowanym oprogramowaniem ser-

wera WWW, czynnym cał dob i podłczonym do Internetu odpowiednio wydajnym ł-

czem. Przecitny u#ytkownik programu Dreamweaver MX skazany jest na korzystanie

z usług du#ych serwerów WWW — darmowych lub płatnych — co wi#e si z konieczno-

ci umieszczania na nich plików składajcych si na serwis internetowy.

Opublikowanie serwisu na serwerze WWW jest zatem podstaw zaistnienia Twoich stron

w Internecie. Jest to jednak zarazem operacja odstraszajca pocztkujcych u#ytkowników

— nie do-, #e wymaga podania wielu parametrów (takich jak adres serwera, nazwa

konta czy nazwa katalogu docelowego), to jeszcze do jej przeprowadzenia konieczny jest

— czsto niełatwy w obsłudze — program klienta protokołu FTP oraz znajomo- działania

serwerów pracujcych pod kontrol systemów operacyjnych bdcych pochodnymi systemu

UNIX.

Dreamweaver MX nie zdejmie z Ciebie wszystkich obowizków i równie# wymaga-

bdzie odrobiny wiedzy (szczególnie co do podstawowych parametrów serwera — jak

włanie jego adres czy te# nazwa Twojego konta na nim zało#onego) — jednak zdecy-

dowanie uproci proces umieszczania plików składowych na serwerze FTP.

Trudno jest, niestety, poda- bardzo dokładny przepis publikowania serwisu WWW —

bardzo wiele zale#y od konfiguracji serwera, na którym umieszczone bd jego pliki skła-

dowe. Na szczcie wikszo- administratorów serwerów WWW zamieszcza dokładne

informacje dotyczce wymaganych ustawie4 lub wrcz szczegółow instrukcj post-

powania w czasie publikowania serwisu.

Rozdział

100

Dreamweaver MX. wiczenia

8.1. Publikowanie serwisu

wiczenie 8.1.

Aby opublikowa wszystkie pliki składowe serwisu na serwerze FTP:

1. Upewnij si, czy w prawym panelu okna głównego widoczny jest obszar Files.

Jeli nie, uaktywnij go klikajc pasek zatytułowany Files:

2. Wybierz zakładk Site.

3. Z listy utworzonych serwisów internetowych wybierz ten, który 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 połczenia i autoryzowania Ci jako pełnoprawnego u#ytkownika

serwera. Jeli program nie napotka #adnych przeszkód, obszar Files automatycznie

przełczy si w tryb wywietlania Remote View, a lista plików składowych serwisu

zastpiona zostanie przez list plików znajdujcych si na serwerze FTP (rysunek 8.1).

Rysunek 8.1.

Po nawizaniu

połczenia z serwerem

FTP obszar Files

wywietla list plików

znajdujcych si

na serwerze

6. Kliknij przycisk ( ), aby zainicjowa- proces wysyłania plików na serwer FTP:

7. Dreamweaver MX poprosi Ci jeszcze o potwierdzenie chci wysłania plików

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

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: