tworzenie stron www. kurs. wydanie iii scan.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

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

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: