Dreamweaver CS3 Tworzenie stron internetowych Projekty drcs3p, fragmenty-ksiazek-heliona2
[ Pobierz całość w formacie PDF ]
Dreamweaver CS3.
internetowych. Projekty
Autor: Nolan Hester
TĀumaczenie: SĀawomir Dzieniszewski
ISBN: 978-83-246-1475-2
TytuĀ oryginaĀu:
Creating a Web Site
Format: 170x230, stron: 160
Wydawnictwo Helion
ul. Koľciuszki 1c
44-100 Gliwice
tel. 032 230 98 63
e-mail: helion@helion.pl
Poznaj techniki tworzenia wspaniaĀych witryn WWW
¤
Jak umieľciě tekst na stronie i perfekcyjnie go sformatowaě?
¤
W jaki sposb stosowaě arkusze stylw?
¤
Jak uatrakcyjniaě witryny elementami interaktywnymi?
Dreamweaver juŃ od dawna dzierŃy palmķ pierwszeĺstwa wľrd dziesiĴtek edytorw
wspomagajĴcych proces tworzenia witryn WWW. Jego moŃliwoľci, wygodķ obsĀugi
i elastycznoľě doceniajĴ zarwno twrcy stron internetowych dopiero rozpoczynajĴcy
swĴ przygodķ, jak i ci, przed ktrymi HTML nie ma Ńadnych tajemnic. Tych pierwszych
zainteresuje moŃliwoľě wizualnego tworzenia stron i dodawania gotowych elementw
interaktywnych z bogatej biblioteki Dreamweavera, a tych drugich Ð edytor kodu
łrdĀ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 łrdĀ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Ĵ zrzutw ekranu i krtkich
instrukcji. Dziķki temu w krtkim czasie utworzysz swojĴ pierwszĴ witrynķ WWW,
korzystajĴc z programu Dreamweaver.
¤
Projektowanie struktury witryny
¤
Tworzenie dokumentw HTML
¤
Wstawianie na strony elementw graficznych i multimedialnych
¤
Tabele na stronach WWW
¤
Projektowanie i dodawanie do strony mechanizmw nawigacyjnych
¤
Stosowanie stylw CSS
¤
Korzystanie z elementw interaktywnych oferowanych przez Dreamweavera
¤
Zapisywanie czķľci witryny w bibliotekach
¤
Testowanie witryny
¤
Publikacja serwisu WWW na serwerze
Zaprojektuj wĀasnĴ witrynķ WWW, wykorzystujĴc najnowoczeľniejsze narzķdzia
Tworzenie stron
spis treści
wprowadzenie
7
co właściwie będziemy tworzyć?
8
przydatne narzędzia
13
jak zbudowana jest ta książka
10
kolejny krok
14
witryna www naszej książki
12
1. wprowadzenie do dreamweavera
15
poznajemy dreamweavera
16
informacje dodatkowe
23
tworzenie lokalnej wersji witryny
21
2. tworzenie prostej witryny
25
tworzenie strony głównej
26
tworzenie list
35
dodawanie tekstu
29
dodawanie stopki
37
wstawianie znacznika obrazka
31
informacje dodatkowe
38
tworzenie nagłówków
33
3. dodawanie plików graficznych
41
narzędzia do edycji obrazków
42
tworzenie miniaturki obrazka
53
dodawanie obrazków
43
wstawianie obrazka w miejsce
obrazu zastępczego
dodawanie filmów flash
45
56
dodawanie filmów quicktime
47
zawijanie tekstu naokoło obrazka
58
przycinanie obrazków
49
informacje dodatkowe
60
dostosowywanie jasności obrazka
52
4. dodawanie tabel
63
dodawanie tabeli
64
importowanie danych do tabel
70
zaznaczanie i zmienianie
fragmentów tabeli
sortowanie danych w tabelach
73
66
informacje dodatkowe
75
5
spis treści
5. tworzenie łączy
77
wewnętrzne łącza tekstowe
78
łącze pod obrazkiem
84
zewnętrzne łącza tekstowe
80
tworzenie mapy graficznej
85
dodawanie łącza e-mail
81
kolorowanie łączy w witrynie
88
dodawanie kotwicy
82
informacje dodatkowe
93
6. korzystanie z arkuszy stylów
95
korzystanie z panelu style css
96
tworzenie stylu zależnego od kontekstu 102
tworzenie stylu klasy
dołączanie i odłączanie arkuszy stylów
98
107
tworzenie stylu dla znacznika
100
informacje dodatkowe
109
7. dodawanie elementów interaktywnych
111
dodawanie menu nawigacyjnego
112
tworzenie formularza
120
dodawanie menu przeskoku
117
informacje dodatkowe
126
8. wielokrotne wykorzystywanie elementów dla zaoszczędzenia czasu 127
tworzenie listy ulubionych zasobów
128
wstawianie elementu
z biblioteki na stronę
używanie ulubionych zasobów
129
133
tworzenie elementu biblioteki
130
informacje dodatkowe
134
edytowanie elementu biblioteki
132
9. publikowanie witryny
135
dodawanie informacji
ułatwiających wyszukiwanie strony
łączenie się ze zdalną witryną
143
136
wysyłanie wielu plików naraz
144
sprawdzanie i naprawianie łączy
138
wysyłanie pojedynczej strony
146
możliwości panelu pliki
139
informacje dodatkowe
147
definiowanie zdalnego serwisu
141
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
Ta b e la
.
3
Kiedy pojawi się okno dialogowe
Ta b e la
, 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
[ Pobierz całość w formacie PDF ]