dreamweaver-cs3-pl.-tworzenie-stron-internetowych.-projekty helion, ebooki
[ Pobierz całość w formacie PDF ]
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
spis treści
6
dodawanie
tabel
4
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.
dodawanie tabel
64
4
Gdy pojawi się nowa tabela,
wpisz w polach nagłówka odpo-
wiednie etykiety, których tekst
zostanie wytłuszczony. Następnie
wpisz resztę zawartości tabeli do
każdej z komórek, wciskając kla-
wisz
Ta b
, by przenosić się między
kolejnymi komórkami. Nie przejmuj
się formatowaniem tekstu, zajmij
się nim dopiero po lekturze roz-
działu 6. — przekonasz się, że to
nic trudnego.
5
Jeśli w trakcie wpisywania danych przekonasz się, że potrzebujesz
dodatkowych komórek, przełącz pasek
Wstaw
na kartę
Układ
.
6
Kliknij wiersz tabeli lub kolumnę,
obok których chcesz dodać komórki,
i wybierz odpowiedni z czterech przy-
cisków. W naszym przykładzie klik-
nęliśmy kilkakrotnie przycisk
Wstaw
wiersz poniżej
, ponieważ nie byliśmy
pewni, ile dokładnie wierszy powinna
mieć jeszcze nasza tabela.
7
Dokończ wpisywanie informacji do tabeli. Zachowaj efekty swojej pracy,
wciskając klawisze
(Windows) lub
(Mac).
dodawanie tabel
65
[ Pobierz całość w formacie PDF ]