tworzenie stron www. kurs. wydanie iii full, ebooki

[ Pobierz całość w formacie PDF ]
Spis treści
Wstęp ..............................................................................................7
Czym są HTML i XHTML? ...................................................................................8
Jak wygląda znacznik HTML.............................................................................. 10
Wymagane oprogramowanie i sprzęt ............................................................... 11
Przykłady ............................................................................................................... 11
Rozdział 1. Nowa strona WWW .......................................................................13
Uruchomienie programu Notatnik .................................................................... 14
Wprowadzanie podstawowego kodu strony ..................................................... 15
Ustalanie tytułu strony WWW........................................................................... 17
Zapisywanie kodu strony na dysku twardym ................................................... 18
Otwieranie zapisanej wcześniej strony WWW ................................................ 20
Wyświetlanie strony w przeglądarce.................................................................. 21
Aktualizowanie strony w przeglądarce.............................................................. 22
Kopiowanie fragmentu kodu HTML ................................................................. 22
Wklejanie uprzednio skopiowanego fragmentu kodu HTML ....................... 23
Wycinanie fragmentu kodu HTML ................................................................... 24
Podsumowanie...................................................................................................... 24
Rozdział 2. Treść strony WWW i jej struktura logiczna ....................................25
Wprowadzanie tekstu........................................................................................... 26
Deklarowanie sposobu kodowania polskich znaków diakrytycznych .......... 27
Zapisanie fragmentu tekstu czcionką pogrubioną........................................... 28
Zapisanie fragmentu tekstu kursywą ................................................................. 30
Podkreślenie fragmentu tekstu ........................................................................... 31
Twarde spacje........................................................................................................ 32
Indeksy górne i dolne........................................................................................... 34
Zapisywanie fragmentu tekstu czcionką nieproporcjonalną.......................... 35
Zapisywanie większego fragmentu tekstu czcionką nieproporcjonalną ....... 36
Nadawanie znaczenia fragmentom treści strony ............................................. 38
Łamanie tekstu wewnątrz akapitu...................................................................... 39
Zmiana rozmiaru czcionki.................................................................................. 40
Nagłówki rozdziałów i sekcji tekstu................................................................... 41
Wstawianie poziomej linii................................................................................... 43
Lista wypunktowana ............................................................................................ 44
Zagnieżdżanie listy............................................................................................... 45
Lista numerowana ................................................................................................ 46
Wstawianie znaków specjalnych ........................................................................ 47
Podział dokumentu na sekcje ............................................................................. 49
Podsumowanie...................................................................................................... 51
Rozdział 3. Odnośniki .....................................................................................53
Tworzenie odnośnika........................................................................................... 54
Tworzenie odnośnika pocztowego..................................................................... 56
Deiniowanie domyślnego tematu wiadomości pocztowej............................. 57
Deiniowanie etykiety .......................................................................................... 58
Tworzenie odnośnika prowadzącego do etykiety ............................................ 59
Tworzenie odnośnika prowadzącego do etykiety
zadeklarowanej na innej stronie WWW ........................................................... 60
Tworzenie obszaru nawigacyjnego .................................................................... 62
Podsumowanie...................................................................................................... 63
Rozdział 4. Obrazy ..........................................................................................65
Format GIF............................................................................................................ 66
Format JPEG ......................................................................................................... 67
Pobieranie i instalowanie programu IrfanView ............................................... 68
Umieszczanie obrazu na stronie WWW ........................................................... 80
Przekształcanie obrazu w odnośnik................................................................... 84
Zamieszczanie miniatur zdjęć ............................................................................ 85
Obrazy w HTML5 ................................................................................................ 92
Mapy odnośników................................................................................................ 93
Usuwanie obrazu .................................................................................................. 97
Podsumowanie...................................................................................................... 98
Rozdział 5. Tabele .........................................................................................101
Jak w języku HTML opisuje się tabelę? ........................................................... 102
Tworzenie tabeli ................................................................................................. 102
Zmiana treści komórki tabeli............................................................................ 106
Wstawianie nowego wiersza tabeli................................................................... 107
Wstawianie nowej kolumny tabeli ................................................................... 108
Scalanie komórek tabeli..................................................................................... 110
Dzielenie scalonej komórki tabeli .................................................................... 114
Określanie struktury logicznej tabeli............................................................... 116
Podsumowanie.................................................................................................... 118
Rozdział 6. Kaskadowe arkusze stylu ...........................................................119
Atrybuty stylu ..................................................................................................... 120
Styl wpisany......................................................................................................... 121
Styl osadzony ...................................................................................................... 122
Styl dołączony ..................................................................................................... 122
Dlaczego „kaskadowe”? ..................................................................................... 122
Jednostki CSS ...................................................................................................... 123
Kolory w CSS ...................................................................................................... 124
Wstawianie deinicji stylu wpisanego.............................................................. 125
Atrybuty tekstu ................................................................................................... 126
Model pudełkowy CSS....................................................................................... 129
Kolor treści i tło elementu ................................................................................. 129
Obramowanie elementu .................................................................................... 131
Marginesy ............................................................................................................ 134
Wyrównywanie tekstu w akapicie .................................................................... 136
Elementy wpisane i blokowe............................................................................. 137
Pozycjonowanie elementów strony .................................................................. 141
Deiniowanie wyglądu elementu języka HTML............................................. 150
Deiniowanie klas wyglądu elementu języka HTML..................................... 153
Deiniowanie niezależnych klas stylu .............................................................. 155
Zmiana wyglądu odnośników .......................................................................... 157
Indywidualne deiniowanie stylu elementu .................................................... 159
Uzależnianie stylu elementu od miejsca jego występowania........................ 160
Tworzenie zewnętrznego arkusza stylu ........................................................... 162
Podsumowanie.................................................................................................... 165
Rozdział 7. JavaScript ...................................................................................167
Quiz internetowy................................................................................................ 168
Dynamiczne menu ............................................................................................. 176
Podsumowanie.................................................................................................... 181
Rozdział 8. Serwis internetowy ......................................................................183
Strona główna serwisu ....................................................................................... 184
Dynamiczne tworzenie stron WWW .............................................................. 184
Informacje o stronie WWW ............................................................................. 203
Weryikowanie poprawności kodu .................................................................. 205
Podsumowanie.................................................................................................... 209
Zakończenie ...............................................................................210
Dodatek A Elementy języków HTML i XHTML ..............................................211
3
•
Tworzenie odnośnika
•
Tworzenie odnośnika
pocztowego
•
Deiniowanie domyślnego tematu
wiadomości pocztowej
•
Deiniowanie etykiety
•
Tworzenie odnośnika prowadzącego do etykiety
•
Tworzenie odnośnika prowadzącego do etykiety
zadeklarowanej na innej stronie WWW
•
Tworzenie
obszaru nawigacyjnego
•
Podsumowanie
Odnośniki
Odnośniki jeszcze do niedawna odróżniały strony WWW od wszystkich innych do-
kumentów elektronicznych. Dzisiaj możliwość deklarowania w prawie każdym ty-
pie dokumentu odnośników do dowolnych innych materiałów — niezależnie od ich
umiejscowienia w globalnej sieci — zrewolucjonizowała świat informacji. Czy klika-
jąc odnośnik przenoszący Cię z jednego artykułu do drugiego, możesz sobie wyobra-
zić, że kiedyś korzystano z globalnej sieci komputerowej bez ich pomocy?
Odnośniki, nazywane czasem połączeniami (lub „linkami” — od angielskiego słowa
link
), są niesamowicie użytecznym i wygodnym narzędziem. Co ciekawe, tworzy się
je wyjątkowo łatwo.
Adresy internetowe dzielą się na:
• bezwzględne
(np.
http://www.helion.pl/
) — podany adres od początku do
końca (bezwzględnie) deiniuje położenie strony WWW i może być stosowany
w takiej samej postaci, niezależnie od strony WWW, na której go użyjemy,
• względne
(np.
../teksty/opis.html
lub też
nowy.html
) — podany adres deiniuje
położenie strony WWW wyłącznie
względemaktualnejstrony
; użycie go na
innej stronie WWW (umieszczonej w innym katalogu tego samego serwera lub
na innym serwerze) uniemożliwi odszukanie wskazywanego przez odnośnik
dokumentu.
[ Pobierz całość w formacie PDF ]