Структура веб-сайтів. Етапи створення веб-сайтів

1.

Інформатика 11 клас
10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
.
11011110011010110011101010001110110110110111011011110011010110011101010001110
10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
Урок
26 Структура веб-сайтів.
Етапи створення веб-сайтів

2.

10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

3.

10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

4. Доступність сервісів

10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

5.

10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

6.

10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

7.

10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

8.

10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

9.

10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

10.

10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

11.

10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

12.

10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

13.

10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

14. Банер – невеличке рекламне зображення, що розміщується на одній сторінці й посилається на іншу

10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

15.

10110110111011011110011010110011101010001110110110110111011011110011010110011
Правило трьох
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
кліків:
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
До будь-якої
01100111010100011101101101101110110111100110101100111010100011101101101101110
сторінки сайта
11011110011010110011101010001110110110110111011011110011010110011101010001110
10110110111011011110011010110011101010001110110110110111011011110011010110011
користувач має
10101000111011011011011101101111001101011001110101000111011011011011101101111
дістатися не
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
більше
ніж
за
три
00111011011011011101101111001101011001110101000111011011011011101101111001101
переходи
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

16.

10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

17.

10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

18.

10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

19.

10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

20. Поняття дизайну

10110110111011011110011010110011101010001110110110110111011011110011010110011
Залежно від засобу створення сайти можуть мати
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
однакові елементи структури: логотип, графічний
10111011011110011010110011101010001110110110110111011011110011010110011101010
декор, назва сайта, фірми чи сторінки, гіперпосилання
00111011011011011101101111001101011001110101000111011011011011101101111001101
чи панель навігації сайта, дані, які наповнюють вміст
01100111010100011101101101101110110111100110101100111010100011101101101101110
сторінки сайта, контактні дані тощо.
11011110011010110011101010001110110110110111011011110011010110011101010001110
10110110111011011110011010110011101010001110110110110111011011110011010110011
Більшість сайтів побудовані з використанням
10101000111011011011011101101111001101011001110101000111011011011011101101111
адаптованого дизайну компонування веб-сторінок, тобто
00110101100111010100011101101101101110110111100110101100111010100011101101101
такого, що налаштовується до зміни розмірів екрана.
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
ВЕБ-ДИЗАЙН – ЦЕ ПРОЦЕС РОЗРОБКИ Й ПІДТРИМКИ РОБОТИ ВЕБ-САЙТІВ.
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

21. Веб-сторінка

10110110111011011110011010110011101010001110110110110111011011110011010110011
Веб-сторінка –
10101000111011011011011101101111001101011001110101000111011011011011101101111
документ або
00110101100111010100011101101101101110110111100110101100111010100011101101101
інформаційний ресурс,
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
доступ до якого
01100111010100011101101101101110110111100110101100111010100011101101101101110
здійснюється за
11011110011010110011101010001110110110110111011011110011010110011101010001110
допомогою веб-браузера.
10110110111011011110011010110011101010001110110110110111011011110011010110011
Веб-сторінки
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
створюються мовою HTML
10111011011110011010110011101010001110110110110111011011110011010110011101010
чи XHTML та можуть
00111011011011011101101111001101011001110101000111011011011011101101111001101
містити гіперпосилання
01100111010100011101101101101110110111100110101100111010100011101101101101110
для швидкого переходу
11011110011010110011101010001110110110110111011011110011010110011101010001110
на інші сторінки.
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

22. Контент

10110110111011011110011010110011101010001110110110110111011011110011010110011
Відомості на веб10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
сторінці можуть
10111011011110011010110011101010001110110110110111011011110011010110011101010
подаватися у різних
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
формах: текст,
11011110011010110011101010001110110110110111011011110011010110011101010001110
статичні та анімовані
10110110111011011110011010110011101010001110110110110111011011110011010110011
графічні зображення,
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
аудіо, відео тощо.
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
Інформаційний вміст
01100111010100011101101101101110110111100110101100111010100011101101101101110
веб-сторінки
11011110011010110011101010001110110110110111011011110011010110011101010001110
називають контентом
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

23. Типи веб-сторінок

10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

24. Статичні та інтерактивні веб-сторінки

10110110111011011110011010110011101010001110110110110111011011110011010110011
Веб-сторінки статичних веб-сайтів створюються за
10101000111011011011011101101111001101011001110101000111011011011011101101111
допомогою мови HTML.
00110101100111010100011101101101101110110111100110101100111010100011101101101
Основою мови є теги – команди, що вказують на правила,
10111011011110011010110011101010001110110110110111011011110011010110011101010
за якими форматуються документи.
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
При створенні інтерактивних веб-сторінок
11011110011010110011101010001110110110110111011011110011010110011101010001110
використовують спеціальні скрипти на мовах сценаріїв
10110110111011011110011010110011101010001110110110110111011011110011010110011
JavaScript та VBScript, які можуть використовуватися за
10101000111011011011011101101111001101011001110101000111011011011011101101111
наявності певних дій користувача під час завантаження
00110101100111010100011101101101101110110111100110101100111010100011101101101
веб-сторінки.
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
Для забезпечення інтерактивності веб-сторінки можна
01100111010100011101101101101110110111100110101100111010100011101101101101110
використовувати флеш-фрагменти або Flash-ролики.
11011110011010110011101010001110110110110111011011110011010110011101010001110
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110

25. Форми

Форма – частина веб-сторінки, до
10110110111011011110011010110011101010001110110110110111011011110011010110011
якої користувач може записувати
10101000111011011011011101101111001101011001110101000111011011011011101101111
свої відомості та надсилати їх на
00110101100111010100011101101101101110110111100110101100111010100011101101101
сервер, де розміщується веб10111011011110011010110011101010001110110110110111011011110011010110011101010
сторінка. Такі запити
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
опрацьовуються на сервері, на якому
11011110011010110011101010001110110110110111011011110011010110011101010001110
генеруються відповідні вихідні
10110110111011011110011010110011101010001110110110110111011011110011010110011
дані.
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
Форми містять поля для заповнення,
10111011011110011010110011101010001110110110110111011011110011010110011101010
списки чи перемикачі для вибору
00111011011011011101101111001101011001110101000111011011011011101101111001101
одного чи кількох елементів.
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

26. Двигун сайта – система управління сайтом

CMS – система управління сайтом.
10110110111011011110011010110011101010001110110110110111011011110011010110011
Засоби розробки сайтів забезпечують
10101000111011011011011101101111001101011001110101000111011011011011101101111
відокремлення змістової частини
00110101100111010100011101101101101110110111100110101100111010100011101101101
(контенту) від дизайну (шаблону веб10111011011110011010110011101010001110110110110111011011110011010110011101010
сторінки), що дозволяє змінювати зміст
00111011011011011101101111001101011001110101000111011011011011101101111001101
сайта, не змінюючи дизайн, або
01100111010100011101101101101110110111100110101100111010100011101101101101110
змінювати шаблон сайта, не змінюючи
вміст його веб-сторінки.
11011110011010110011101010001110110110110111011011110011010110011101010001110
10110110111011011110011010110011101010001110110110110111011011110011010110011
Такі двигуни мають багато різних
модулів: форуми, гостьові книги,
10101000111011011011011101101111001101011001110101000111011011011011101101111
поштові розсилки, контакти,
00110101100111010100011101101101101110110111100110101100111010100011101101101
опитувальники, форми реєстрації, форми
10111011011110011010110011101010001110110110110111011011110011010110011101010
пошуку, систему обміну повідомленнями
00111011011011011101101111001101011001110101000111011011011011101101111001101
між користувачами та інші компоненти,
01100111010100011101101101101110110111100110101100111010100011101101101101110
які перетворюють сайт з інформаційного
11011110011010110011101010001110110110110111011011110011010110011101010001110
засобу на комунікаційний.
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

27. Популярні системи управління сайтами

10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110

28. Домашня сторінка

10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

29. Етапи процесу створення веб-сайта

10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

30. Пошукова оптимізація

SEO – пошукова оптимізація,
комплекс заходів для підняття
позицій сайта в результатах пошуку
пошукових систем за певними
запитами користувачів. SMO –
оптимізація сайта під соціальні
мережі та блоги.
10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

31. Дизайн веб-сторінок

Дизайн веб – це робота, яка спирається
10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
на знання основних понять дизайну
00110101100111010100011101101101101110110111100110101100111010100011101101101
(понять точки, лінії, текстури, фактури,
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
форми, кольору, пропорції, композиції,
01100111010100011101101101101110110111100110101100111010100011101101101101110
симетрії, асиметрії, рівноваги,
11011110011010110011101010001110110110110111011011110011010110011101010001110
10110110111011011110011010110011101010001110110110110111011011110011010110011
динаміки, ритму, гармонії, контрасту,
10101000111011011011011101101111001101011001110101000111011011011011101101111
колориту, перспективи, центру мас),
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
використання правил ергономіки та решти
00111011011011011101101111001101011001110101000111011011011011101101111001101
складових веб-дизайну
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

32. Основні складові веб-дизайну

10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

33. Поради веб-дизайнеру

• Недоцільно використовувати великі анімовані
10110110111011011110011010110011101010001110110110110111011011110011010110011
зображення, на головній сторінці, рядки, що
10101000111011011011011101101111001101011001110101000111011011011011101101111
розбігаються у різні сторони, миготливі елементи;
00110101100111010100011101101101101110110111100110101100111010100011101101101
• Не слід використовувати широкі зображення;
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
• Не варто розміщувати на головній сторінці велику
01100111010100011101101101101110110111100110101100111010100011101101101101110
кількість кнопок, емблем каталогів, посилань;
11011110011010110011101010001110110110110111011011110011010110011101010001110
• Недоцільно розміщувати на сторінці довгі тексти (до
10110110111011011110011010110011101010001110110110110111011011110011010110011
2-3 екранів);
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
• Не слід робити кольорову гаму занадто яскравою;
10111011011110011010110011101010001110110110110111011011110011010110011101010
• Наявність помилок псують враження про важливість
00111011011011011101101111001101011001110101000111011011011011101101111001101
сайта;
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
• Правило “п’ятірки”: Не більше 5 шрифтів на сторінці;
11011011011101101111001101011001110101000111011011011011101101111001101011001
• Не використовувати напис Сторінка в розробці.
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

34. Програми створення веб-сторінок

10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

35. Створення веб-сторінки в мережі

Для створення веб-сторінки у мережі
Інтернет, можна скористатися одним із
сайтів, які надають відповідні засоби
та інструменти для створення сайта та
послугу безкоштовного хостингу.
Для цього потрібно спочатку пройти
процедуру реєстрації на обраному
сайті, а потім слідувати відповідним
вказівкам.
10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

36. Переваги та недоліки різного компонування сторінок сайта

10110110111011011110011010110011101010001110110110110111011011110011010110011
Сторінки умовно поділені на області, кожна з яких
10101000111011011011011101101111001101011001110101000111011011011011101101111
має своє призначення:
00110101100111010100011101101101101110110111100110101100111010100011101101101
1). Верхня частина сторінки містить логотип,
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
емблему, назва фірми чи інших важливих відомостей;
01100111010100011101101101101110110111100110101100111010100011101101101101110
2). Центральна частина – область розміщення
11011110011010110011101010001110110110110111011011110011010110011101010001110
тексту,
10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
3). Нижня частина сторінки використовується для
00110101100111010100011101101101101110110111100110101100111010100011101101101
розміщення контактів чи даних, менш важливих,ніж
10111011011110011010110011101010001110110110110111011011110011010110011101010
ті, що розміщені у верхній частині;
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
4). Лівий та правий контейнери використовуються
11011110011010110011101010001110110110110111011011110011010110011101010001110
для форм, гіперпосилань на панелі навігації сайта
11011011011101101111001101011001110101000111011011011011101101111001101011001
(одна з них може бути відсутньою).
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

37. Приклади шаблонів

10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

38. Код розмітки веб-сторінки мовою HTML

10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

39. Поняття тега

10110110111011011110011010110011101010001110110110110111011011110011010110011
HTML-код, набір тегів, який вказує браузеру, як
10101000111011011011011101101111001101011001110101000111011011011011101101111
відображатиметься елемент сторінки.
00110101100111010100011101101101101110110111100110101100111010100011101101101
Назва кожного тега – це одна або декілька літер, взятих у
10111011011110011010110011101010001110110110110111011011110011010110011101010
кутові дужки (<,>), яким відповідають певні англійські слова,
00111011011011011101101111001101011001110101000111011011011011101101111001101
що пояснюють їх призначення.
01100111010100011101101101101110110111100110101100111010100011101101101101110
Тег записують так:
11011110011010110011101010001110110110110111011011110011010110011101010001110
10110110111011011110011010110011101010001110110110110111011011110011010110011
<Тег>…текст… </Тег>
10101000111011011011011101101111001101011001110101000111011011011011101101111
Відкриваючий тег, вміст контейнера, закриваючий тег
00110101100111010100011101101101101110110111100110101100111010100011101101101
Теги існують одинарні і парні. Один тег може мати кілька
10111011011110011010110011101010001110110110110111011011110011010110011101010
параметрів – атрибутів. Закриваючий тег не містить жодних
00111011011011011101101111001101011001110101000111011011011011101101111001101
параметрів, лише показує на місце закінчення дії контейнера.
01100111010100011101101101101110110111100110101100111010100011101101101101110
У відкриваючому тегу вказують всі необхідні параметри.
11011110011010110011101010001110110110110111011011110011010110011101010001110
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

40. Правила запису параметрів тега

10110110111011011110011010110011101010001110110110110111011011110011010110011
10101000111011011011011101101111001101011001110101000111011011011011101101111
Після назви тега після пропуску зазначають
00110101100111010100011101101101101110110111100110101100111010100011101101101
ім'я параметра (наприклад, Align – ім'я
10111011011110011010110011101010001110110110110111011011110011010110011101010
параметра, який вказує на спосіб
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
вирівнювання тексту), далі вказують “=“ й у
11011110011010110011101010001110110110110111011011110011010110011101010001110
лапках записують значення параметра
10110110111011011110011010110011101010001110110110110111011011110011010110011
(наприклад, Align=“center”). За необхідності
10101000111011011011011101101111001101011001110101000111011011011011101101111
далі вказують інші параметри через пропуск.
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
Після останнього параметра ставлять символ
00111011011011011101101111001101011001110101000111011011011011101101111001101
“>”.
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
Теги можуть бути вкладеними, тобто один
11011011011101101111001101011001110101000111011011011011101101111001101011001
контейнер може перебувати всередині іншого.
11010100011101101101101110110111100110101100111010100011101101101101110110111
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

41. Структура html-файла

<html>
10110110111011011110011010110011101010001110110110110111011011110011010110011
<head>
10101000111011011011011101101111001101011001110101000111011011011011101101111
<title> веб-сторінка</title>
00110101100111010100011101101101101110110111100110101100111010100011101101101
</head>
10111011011110011010110011101010001110110110110111011011110011010110011101010
00111011011011011101101111001101011001110101000111011011011011101101111001101
<body>
01100111010100011101101101101110110111100110101100111010100011101101101101110
<hr>
11011110011010110011101010001110110110110111011011110011010110011101010001110
<h1> <b>Вітаю ВАС на веб10110110111011011110011010110011101010001110110110110111011011110011010110011
сторінці </b></h1>
10101000111011011011011101101111001101011001110101000111011011011011101101111
00110101100111010100011101101101101110110111100110101100111010100011101101101
<hr>
10111011011110011010110011101010001110110110110111011011110011010110011101010
<p>Проста сторінка створена
00111011011011011101101111001101011001110101000111011011011011101101111001101
за допомогою простих
01100111010100011101101101101110110111100110101100111010100011101101101101110
тегів</p>
11011110011010110011101010001110110110110111011011110011010110011101010001110
</body>
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
</html>
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

42. Графіка на веб-сторінці

Під час створення
10110110111011011110011010110011101010001110110110110111011011110011010110011
веб-сторінок можна
10101000111011011011011101101111001101011001110101000111011011011011101101111
вставляти до них різні
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
графічні зображення:
00111011011011011101101111001101011001110101000111011011011011101101111001101
файли форматів GIF,
01100111010100011101101101101110110111100110101100111010100011101101101101110
JPG, PNG.
11011110011010110011101010001110110110110111011011110011010110011101010001110
10110110111011011110011010110011101010001110110110110111011011110011010110011
Cторінки веб-сайтів
10101000111011011011011101101111001101011001110101000111011011011011101101111
можуть містити і
00110101100111010100011101101101101110110111100110101100111010100011101101101
10111011011110011010110011101010001110110110110111011011110011010110011101010
мультимедійні обєкти.
00111011011011011101101111001101011001110101000111011011011011101101111001101
Аудіо- і відеофайли
01100111010100011101101101101110110111100110101100111010100011101101101101110
можуть відображатися
11011110011010110011101010001110110110110111011011110011010110011101010001110
безпосередньо у вікні
11011011011101101111001101011001110101000111011011011011101101111001101011001
11010100011101101101101110110111100110101100111010100011101101101101110110111
браузера.
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua

43. Технології відтворення мультимедіа

Приймання потокових
10110110111011011110011010110011101010001110110110110111011011110011010110011
мультимедійних даних має
10101000111011011011011101101111001101011001110101000111011011011011101101111
кілька переваг порівняно
00110101100111010100011101101101101110110111100110101100111010100011101101101
із звичайним
10111011011110011010110011101010001110110110110111011011110011010110011101010
завантаженням файлів із
00111011011011011101101111001101011001110101000111011011011011101101111001101
01100111010100011101101101101110110111100110101100111010100011101101101101110
веб-сервера. У разі
11011110011010110011101010001110110110110111011011110011010110011101010001110
приймання даних у
10110110111011011110011010110011101010001110110110110111011011110011010110011
потоковому режимі, їх
10101000111011011011011101101111001101011001110101000111011011011011101101111
фрагмент відтворюється
00110101100111010100011101101101101110110111100110101100111010100011101101101
відразу після його
10111011011110011010110011101010001110110110110111011011110011010110011101010
отримання. У потоковому
00111011011011011101101111001101011001110101000111011011011011101101111001101
передаванні даних не
01100111010100011101101101101110110111100110101100111010100011101101101101110
11011110011010110011101010001110110110110111011011110011010110011101010001110
діють обмеження на
11011011011101101111001101011001110101000111011011011011101101111001101011001
довжину файла, що
11010100011101101101101110110111100110101100111010100011101101101101110110111
передається.
10011010110011101010001110110110110111011011110011010110011101010001110110110
http://leontyev.at.ua