tworzenie-stron-www.-cwiczenia-praktyczne.-wydanie-iii ebook.pdf

(12666 KB) Pobierz
Spis tre ci
WstÚp
Rozdziaï 1. Informacje podstawowe
Co to jest internet?
Co to jest WWW?
Jak komputery komunikujÈ siÚ w internecie?
Surfowanie i przeglÈdarka
Jeszcze kilka sïów o adresach URL
Co to jest odno nik?
Strona WWW, serwis WWW, serwer WWW
Co to jest HTML?
Elementy strony
5
9
9
10
11
12
13
15
16
17
20
Rozdziaï 2. Projektowanie serwisu WWW
Projektowanie serwisu
Projektowanie serwisu — uwagi praktyczne
23
23
25
Rozdziaï 3. Tworzenie strony WWW
Tworzenie podstawowego szkieletu strony WWW
Definiowanie tytuïu
Nagïówek
Dodajemy tekst
Linia pozioma
Dodajemy listÚ
Lista zagnie d ona
Obrazy na stronie WWW
Tekst alternatywny
Podpis
mwiczenie do samodzielnego wykonania
27
27
31
32
35
39
42
44
46
51
52
55
Kup książkę
Poleć książkę
4
Tworzenie stron WWW• mwiczenia praktyczne
Rozdziaï 4. Odno niki
Tworzenie odno nika do strony skïadowej serwisu
Tworzenie odno ników prowadzÈcych do punktów
nawigacyjnych w obrÚbie strony
Powrót do strony gïównej i komunikacja miÚdzy
stronami — ikony nawigacji
Obrazy aktywne
UdostÚpnianie plików ze strony WWW
Galeria obrazów na stronie WWW
57
60
64
68
70
75
76
Rozdziaï 5. Tabele
Elementy konstrukcyjne tabeli
Procedura tworzenia tabeli
Tabela trochÚ bardziej zïo ona
Komórki rozpiÚte na kilku wierszach lub kolumnach
Tabela w ró nych przeglÈdarkach
79
79
81
84
87
91
Rozdziaï 6. Kaskadowe arkusze stylów
Kaskadowe arkusze stylów
Klasy
Definicja CSS
Czcionka
Tïo
Arkusze stylów — zasady ogólne
CSS a rozszerzenia HTML
TrochÚ wiÚcej wolnej przestrzeni
Formatowanie kilku znaków
Tabelaryczny ukïad strony bez tabeli
PrzyïÈczanie arkuszy stylu do dokumentu HTML
93
93
95
96
97
99
100
102
110
117
118
135
Rozdziaï 7. Testowanie stron WWW
Dodatek A
Elementy jÚzyka HTML
139
145
Kup książkę
Poleć książkę
2
Projektowanie serwisu WWW
Projektowanie serwisu
Naszym zadaniem jest przygotowanie serwisu internetowego. JednÈ
z najistotniejszych spraw jest zadbanie o jego poprawnÈ organizacjÚ.
m W I C Z E N I E
2.1
Projektowanie serwisu internetowego
Rozpocznij od przygotowania
scenopisu.
Okre l w nim cel tworzo-
nego serwisu i sformuïuj gïówne tematy, które chciaïby poruszyÊ. Za-
pisz je na kartce papieru lub w edytorze tekstu. Cel bÚdzie okre laï
tematykÚ strony, a tematy przeksztaïcimy pó niej w odno niki prowa-
dzÈce do odpowiednich fragmentów strony (lub do kolejnych stron).
1.
Zdefiniuj cel. W tym przykïadzie zaplanujemy zwykïÈ stronÚ
reklamujÈcÈ TwojÈ firmÚ lub bÚdÈcÈ TwojÈ prywatnÈ wizytówkÈ
w sieci WWW.
2.
Okre l podstawowÈ zawarto Ê serwisu. BÚdÈ to:
T
informacje teleadresowe,
T
przydatne informacje, np. dotyczÈce profilu Twojej firmy
lub bezpo rednio Ciebie,
Kup książkę
Poleć książkę
24
T
Tworzenie stron WWW • mwiczenia praktyczne
zasobnik plików do pobrania przez odwiedzajÈcych Twoje
strony; mo esz tu umie ciÊ np. folder reklamowy w formacie
.pdf,
T
informator o wydarzeniach.
3.
Podejmij decyzjÚ dotyczÈcÈ struktury serwisu. W tym przykïadzie
zastosujemy strukturÚ równolegïÈ, najczÚ ciej stosowanÈ
w obecnie tworzonych serwisach WWW. Równie dobrze
mo esz siÚ jednak ograniczyÊ do budowy hierarchicznej
lub hierarchiczno-liniowej. Co znaczÈ te terminy, wyja niam
w tek cie uwagi.
4.
Przydziel okre lone tematy konkretnym stronom (rysunek 2.1).
Rysunek 2.1.
Oto struktura przygotowywanego serwisu WWW;
nosi ona nazwÚ równolegïej
NajïatwiejszÈ i najbardziej logicznÈ jest
struktura hierarchiczna.
W tym
przypadku przeglÈdanie rozpoczyna siÚ od strony gïównej, na której
umieszczone jest menu lub lista tematów. Wybranie tematu prowadzi
do podtematów lub konkretnej tre ci.
Struktura liniowo-hierarchiczna
to kombinacja struktury liniowej
(w niej strony sÈ poïÈczone kolejno ze sobÈ — tak jak wagony pociÈgu)
i
hierarchicznej.
Mo liwe sÈ tak e inne struktury: np.
liniowa z alternatywÈ
(innymi sïowy
— z odgaïÚzieniami) lub
sieciowa,
która jest formÈ bardzo lu nÈ.
Obecnie najczÚ ciej stosowanÈ strukturÈ jest
struktura równolegïa,
w której wszystkie strony serwisu zawierajÈ nagïówek i wszystkie panele
sïu Èce do nawigacji w ramach serwisu — ró niÈ siÚ tylko wïa ciwÈ
tre ciÈ. Tego typu struktura jest efektem spowszednienia wyszukiwarek
internetowych, które mogÈ skierowaÊ czytelnika bezpo rednio na jednÈ
Kup książkę
Poleć książkę
Zgłoś jeśli naruszono regulamin