Kwalifikacja E.14.1 - Sklep WSiP

REFORMA 2012
Witryny
internetowe
Małgorzata Łokińska
Kwalifikacja E.14.1
Podręcznik do nauki zawodu
TECHNIK INFORMATYK
Podręcznik dopuszczony do użytku szkolnego przez ministra właściwego do spraw
oświaty i wychowania i wpisany do wykazu podręczników przeznaczonych
do kształcenia w zawodach na podstawie opinii rzeczoznawców:
dr. Marka Gumkowskiego, mgr. inż. Janiny Grobelnej, mgr. Zofii Gońdy-Ciupy.
Typ szkoły: technikum i szkoła policealna.
Zawód: technik informatyk.
Kwalifikacja: E.14. Tworzenie aplikacji internetowych i baz danych oraz administrowanie
bazami.
Część kwalifikacji: 1. Tworzenie stron internetowych.
Rok dopuszczenia: 2013.
© Copyright by Wydawnictwa Szkolne i Pedagogiczne sp. z o.o.
Warszawa 2013
Wydanie I (rzut I)
ISBN 978-83-02-13413-5
Opracowanie merytoryczne i redakcyjne: Zbigniew Dziedzic (redaktor koordynator)
Konsultacja: dr inż. Mieczysław Rudnicki
Redakcja językowa: Aleksandra Wieczorek
Redakcja techniczna: Maria Dylewska
Projekt okładki: Dominik Krajewski
Skład i łamanie: Pracownia Książki
Wydawnictwa Szkolne i Pedagogiczne spółka z ograniczoną odpowiedzialnością
02-807 Warszawa, Aleje Jerozolimskie 96
Tel.: 22 576 25 00
Infolinia: 801 220 555
www.wsip.pl
Druk i oprawa: DROGOWIEC-PL Sp. z o.o., Kielce
Publikacja, którą nabyłeś, jest dziełem twórcy i wydawcy. Prosimy, abyś przestrzegał praw, jakie im przysługują.
Jej zawartość możesz udostępnić nieodpłatnie osobom bliskim lub osobiście znanym. Ale nie publikuj jej
w internecie. Jeśli cytujesz jej fragmenty, nie zmieniaj ich treści i koniecznie zaznacz, czyje to dzieło.
A kopiując jej część, rób to jedynie na użytek osobisty.
Szanujmy cudzą własność i prawo.
Więcej na www.legalnakultura.pl
Polska Izba Książki
SPIS TREŚCI
I. HTML – hipertekstowy język znaczników
1
2
3
4
5
6
7
8
9
10
11
12
13
14
Składnia języka HTML. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Odpowiednie narzędzia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Podstawowa struktura dokumentu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Znaki diakrytyczne i definiowanie języka dokumentu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Elementy meta . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Elementy podstawowe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Tekst . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Listy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Obrazy i multimedia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Tabele . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Odsyłacze . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Formularze . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Ramki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Praktyczne przykłady . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
6
8
10
13
15
17
20
25
29
33
38
42
48
52
II. CSS – kaskadowe arkusze stylów
15
16
17
18
19
20
21
22
Dołączanie stylów do dokumentu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Składnia kaskadowych arkuszy stylów . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Właściwości CSS. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Klasy i identyfikatory . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Pozycjonowanie elementów. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Przykładowe układy stron . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Praktyczne przykłady . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Umieszczenie gotowej strony w sieci . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
56
58
60
66
69
76
83
85
III. CMS, WYSIWYG – systemy zarządzania treścią
23
24
25
26
27
28
Joomla . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 90
Lokalny serwer WWW . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92
Instalacja . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97
Administracja . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 103
Tworzenie własnej strony. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 109
Inne dostępne systemy CMS i WYSIWYG . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 114
IV. Grafika dla stron WWW
29
30
31
32
33
34
Grafika komputerowa. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Modele barw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Animacje . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Zasady cyfrowego zapisu obrazu. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Zasady przetwarzania dźwięku . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Przygotowanie do publikacji . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
120
123
126
130
134
137
Wykaz podstawowych pojęć w językach polskim, angielskim i niemieckim . . . . . . . . . . . . . . . . . 139
Literatura uzupełniająca. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142
3