Dreamweaver_CS3_Tworzenie_stron_internetowych_Projekty_drcs3p.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

in Dreamweaver CS3: Visual QuickProject Guide

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

co właściwie będziemy tworzyć?

przydatne narzędzia

jak zbudowana jest ta książka

kolejny krok

witryna www naszej książki

1. wprowadzenie do dreamweavera

poznajemy dreamweavera

informacje dodatkowe

tworzenie lokalnej wersji witryny

2. tworzenie prostej witryny

tworzenie strony głównej

tworzenie list

dodawanie tekstu

dodawanie stopki

wstawianie znacznika obrazka

informacje dodatkowe

tworzenie nagłówków

3. dodawanie plików graficznych

narzędzia do edycji obrazków

tworzenie miniaturki obrazka

dodawanie obrazków

wstawianie obrazka w miejsce

obrazu zastępczego

dodawanie filmów flash

dodawanie filmów quicktime

zawijanie tekstu naokoło obrazka

przycinanie obrazków

informacje dodatkowe

dostosowywanie jasności obrazka

4. dodawanie tabel

dodawanie tabeli

importowanie danych do tabel

zaznaczanie i zmienianie

fragmentów tabeli

sortowanie danych w tabelach

informacje dodatkowe

spis treści

5. tworzenie łączy

wewnętrzne łącza tekstowe

łącze pod obrazkiem

zewnętrzne łącza tekstowe

tworzenie mapy graficznej

dodawanie łącza e-mail

kolorowanie łączy w witrynie

dodawanie kotwicy

informacje dodatkowe

6. korzystanie z arkuszy stylów

korzystanie z panelu style css

tworzenie stylu zależnego od kontekstu 102

tworzenie stylu klasy

dołączanie i odłączanie arkuszy stylów

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

spis treści

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.

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.

dodawanie tabel

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: