Dreamweaver_CS3_Tworzenie_stron_internetowych_Projekty_drcs3p.pdf

(1479 KB) Pobierz
Dreamweaver CS3.
Tworzenie stron
internetowych. Projekty
Autor: Nolan Hester
T³umaczenie: S³awomir Dzieniszewski
ISBN: 978-83-246-1475-2
Tytu³ orygina³u:
Creating a Web Site
in Dreamweaver CS3: Visual QuickProject Guide
Format: 170x230, stron: 160
Poznaj techniki tworzenia wspania³ych witryn WWW
Jak umieœciæ tekst na stronie i perfekcyjnie go sformatowaæ?
W jaki sposób stosowaæ arkusze stylów?
Jak uatrakcyjniaæ witryny elementami interaktywnymi?
Dreamweaver ju¿ od dawna dzier¿y palmê pierwszeñstwa wœród dziesi¹tek edytorów
wspomagaj¹cych proces tworzenia witryn WWW. Jego mo¿liwoœci, wygodê obs³ugi
i elastycznoœæ doceniaj¹ zarówno twórcy stron internetowych dopiero rozpoczynaj¹cy
sw¹ przygodê, jak i ci, przed którymi HTML nie ma ¿adnych tajemnic. Tych pierwszych
zainteresuje mo¿liwoœæ wizualnego tworzenia stron i dodawania gotowych elementów
interaktywnych z bogatej biblioteki Dreamweavera, a tych drugich — edytor kodu
Ÿród³owego, wspó³praca z najpopularniejszymi platformami skryptowymi i doskona³e
po³¹czenie z innymi narzêdziami firmy Adobe.
Ksi¹¿ka
„Dreamweaver
CS3 PL. Tworzenie stron internetowych. Projekty” przedstawia
krok po kroku proces budowania witryny WWW przy u¿yciu tego narzêdzia. Czytaj¹c j¹,
poznasz kolejne etapy tego procesu — od przygotowania materia³ów Ÿród³owych
i zaprojektowania struktury witryny, a¿ po jej publikacjê na serwerze WWW.
Dowiesz siê, jak wprowadzaæ i formatowaæ na stronie tekst, grafikê, tabele
oraz mechanizmy nawigacyjne. Przeczytasz o stylach CSS, bibliotekach i elementach
interaktywnych. Ka¿de zadanie przedstawione jest za pomoc¹ zrzutów ekranu i krótkich
instrukcji. Dziêki temu w krótkim czasie utworzysz swoj¹ pierwsz¹ witrynê WWW,
korzystaj¹c z programu Dreamweaver.
Projektowanie struktury witryny
Tworzenie dokumentów HTML
Wstawianie na strony elementów graficznych i multimedialnych
Tabele na stronach WWW
Projektowanie i dodawanie do strony mechanizmów nawigacyjnych
Stosowanie stylów CSS
Korzystanie z elementów interaktywnych oferowanych przez Dreamweavera
Zapisywanie czêœci witryny w bibliotekach
Testowanie witryny
Publikacja serwisu WWW na serwerze
Wydawnictwo Helion
ul. Koœciuszki 1c
44-100 Gliwice
tel. 032 230 98 63
e-mail: helion@helion.pl
Zaprojektuj w³asn¹ witrynê WWW, wykorzystuj¹c najnowoczeœniejsze narzêdzia
spis treści
wprowadzenie
co właściwie będziemy tworzyć?
jak zbudowana jest ta książka
witryna www naszej książki
8
10
12
przydatne narzędzia
kolejny krok
7
13
14
1. wprowadzenie do dreamweavera
poznajemy dreamweavera
tworzenie lokalnej wersji witryny
16
21
informacje dodatkowe
15
23
2. tworzenie prostej witryny
tworzenie strony głównej
dodawanie tekstu
wstawianie znacznika obrazka
tworzenie nagłówków
26
29
31
33
tworzenie list
dodawanie stopki
informacje dodatkowe
25
35
37
38
3. dodawanie plików graficznych
narzędzia do edycji obrazków
dodawanie obrazków
dodawanie filmów flash
dodawanie filmów quicktime
przycinanie obrazków
dostosowywanie jasności obrazka
42
43
45
47
49
52
tworzenie miniaturki obrazka
wstawianie obrazka w miejsce
obrazu zastępczego
zawijanie tekstu naokoło obrazka
informacje dodatkowe
41
53
56
58
60
4. dodawanie tabel
dodawanie tabeli
zaznaczanie i zmienianie
fragmentów tabeli
64
66
importowanie danych do tabel
sortowanie danych w tabelach
informacje dodatkowe
63
70
73
75
5
spis treści
5. tworzenie łączy
wewnętrzne łącza tekstowe
zewnętrzne łącza tekstowe
dodawanie łącza e-mail
dodawanie kotwicy
78
80
81
82
łącze pod obrazkiem
tworzenie mapy graficznej
kolorowanie łączy w witrynie
informacje dodatkowe
77
84
85
88
93
6. korzystanie z arkuszy stylów
korzystanie z panelu style css
dołączanie i odłączanie arkuszy stylów
tworzenie stylu dla znacznika
96
98
100
95
tworzenie stylu zależnego od kontekstu 102
tworzenie stylu klasy
107
informacje dodatkowe
109
7. dodawanie elementów interaktywnych
dodawanie menu nawigacyjnego
dodawanie menu przeskoku
112
117
tworzenie formularza
informacje dodatkowe
111
120
126
8. wielokrotne wykorzystywanie elementów dla zaoszczędzenia czasu
tworzenie listy ulubionych zasobów
używanie ulubionych zasobów
tworzenie elementu biblioteki
edytowanie elementu biblioteki
128
129
130
132
wstawianie elementu
z biblioteki na stronę
informacje dodatkowe
127
133
134
9. publikowanie witryny
dodawanie informacji
ułatwiających wyszukiwanie strony
sprawdzanie i naprawianie łączy
możliwości panelu pliki
definiowanie zdalnego serwisu
136
138
139
141
łączenie się ze zdalną witryną
wysyłanie wielu plików naraz
wysyłanie pojedynczej strony
informacje dodatkowe
135
143
144
146
147
skorowidz
149
6
spis treści
4
dodawanie
tabel
Dawniej powszechną praktyką było wykorzystywanie tabel do tworzenia układu
stron WWW. Na szczęście obecnie możemy korzystać z wygodniejszej i bardziej
wszechstronnej techniki opartej na kaskadowych arkuszach stylów (CSS). Dlatego
też rozdział ten koncentrował się będzie na wykorzystywaniu tabel do prezentacji
danych.
63
dodawanie tabeli
Tabele są znakomitym narzędziem do prezentowania informacji uporządkowanych
w formie łatwych do przeglądania wierszy i kolumn. (Patrz „Informacje dodatkowe”
na stronie 75).
1
Otwórz stronę WWW, do której chcesz dodać tabelę. (W naszym przykładzie po-
nownie skorzystamy ze strony
index.html,
głównej strony witryny, którą wykorzysty-
waliśmy w przykładach w poprzednim rozdziale). Upewnij się, że widoczny jest panel
Właściwości
i że na pasku narzędzi wybrana jest karta
Wspólne.
2
Wciśnij klawisz
(Windows)
lub
(Mac), by zacząć nowy
akapit. Na karcie
Wspólne
kliknij
przycisk
Tabela.
3
Kiedy pojawi się okno dialogowe
Tabela,
w jego polach określ szero-
kość tabeli w polu
Szerokość tabeli
i zdecyduj, czy tabela powinna po-
siadać nagłówek w sekcji
Nagłówek,
co oznacza, że pola zaznaczone na
ciemno będą zawierać wytłuszczony
tekst. W naszym przykładzie wpisali-
śmy w polu
Wiersze
wartość
3
, w polu
Kolumny
wartość
3
, w polu
Szerokość
tabeli
400
pikseli,
w polu
Grubość
krawędzi
wartość
0
, a w polu
Odstęp
od krawędzi komórki
wartość
3
. Kliknij
OK,
aby wstawić nową tabelę.
Sekcja
Dostępność
pozwala przygotować i wyrównać tytuł tabeli, który będzie odczy-
tywany przez przeglądarki dla niewidomych.
64
dodawanie tabel
Zgłoś jeśli naruszono regulamin