Файловый архив студентов. Файловый архив студентов.
1261 вуз, 4612 предмет.
/ Регистрация
FAQ Обратная связь Вопросы и предложения
Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз:
Национальный технический университет Украины «Киевский политехнический институт»
Предмет:
[НЕСОРТИРОВАННОЕ]
Файл:
Met_informatika_2_ukr.docx
Скачиваний:
14
Добавлен:
12.05.2015
Размер:
600.35 Кб
Скачать
☆
►Содержание►

  2. Таблиця 4.21. Правила стилів для заголовків Web- сторінки

    1. Вари-ант

    1. Правила стилей

    1. Наименование свойства

    1. Значение свойства

    1. h1

    1. h2

    1. h3

    1. h4

    1. 1

    1. Гарнитура

    1. Verdana

    1. Verdana

    1. Verdana

    1. Verdana

    1. Стиль

    1. –

    1. italic

    1. italic

    1. italic

    1. Вес

    1. bold

    1. bold

    1. bold

    1. bold

    1. Цвет

    1. red

    1. navy

    1. navy

    1. navy

    1. Размер

    1. 20pt

    1. 16pt

    1. 14pt

    1. 12pt

    1. Выравнивание

    1. center

    1. center

    1. left

    1. left

    1. Украшение

    1. –

    1. underline

    1. –

    1. –

    1. Расстояние между буквами

    1. 2pt

    1. 2pt

    1. –

    1. –

    1. Расстояние между словами

    1. 4pt

    1. 3pt

    1. –

    1. –

    1. 2

    1. Гарнитура

    1. Arial

    1. Arial

    1. Arial

    1. Arial

    1. Стиль

    1. –

    1. –

    1. –

    1. –

    1. Вес

    1. bold

    1. bold

    1. bold

    1. bold

    1. Цвет

    1. navy

    1. green

    1. green

    1. green

    1. Размер

    1. 24pt

    1. 18pt

    1. 16pt

    1. 14pt

    1. Выравнивание

    1. center

    1. left

    1. left

    1. left

    1. Украшение

    1. –

    1. –

    1. –

    1. –

    1. Расстояние между буквами

    1. 3pt

    1. 2pt

    1. 2pt

    1. 2pt

    1. Расстояние между словами

    1. 4pt

    1. 3pt

    1. 3pt

    1. 3pt

    1. 3

    1. Гарнитура

    1. Times New Roman

    1. Times New Roman

    1. Times New Roman

    1. Times New Roman

    1. Стиль

    1. –

    1. italic

    1. italic

    1. italic

    1. Вес

    1. bold

    1. bold

    1. bold

    1. bold

    1. Цвет

    1. red

    1. navy

    1. navy

    1. navy

    1. Размер

    1. 22pt

    1. 18pt

    1. 16pt

    1. 14pt

    1. Выравнивание

    1. center

    1. center

    1. left

    1. left

    1. Украшение

    1. –

    1. underline

    1. underline

    1. underline

    1. Расстояние между буквами

    1. 2pt

    1. 2pt

    1. –

    1. –

    1. Расстояние между словами

    1. 4pt

    1. 3pt

    1. –

    1. –

    1. 4

    1. Гарнитура

    1. Arial

    1. Arial

    1. Arial

    1. Arial

    1. Стиль

    1. –

    1. –

    1. –

    1. –

    1. Вес

    1. bold

    1. bold

    1. bold

    1. bold

    1. Цвет

    1. brown

    1. navy

    1. navy

    1. navy

    1. Размер

    1. 20pt

    1. 18pt

    1. 14pt

    1. 12pt

    1. Выравнивание

    1. center

    1. left

    1. left

    1. left

    1. Украшение

    1. –

    1. –

    1. –

    1. –

    1. Расстояние между буквами

    1. 2pt

    1. 2pt

    1. –

    1. –

    1. Расстояние между словами

    1. 4pt

    1. 3pt

    1. –

    1. –

    1. 5

    1. Гарнитура

    1. Comic Sans MS

    1. Comic Sans MS

    1. Comic Sans MS

    1. Comic Sans MS

    1. Стиль

    1. –

    1. –

    1. –

    1. –

    1. Вес

    1. bold

    1. bold

    1. bold

    1. bold

    1. Цвет

    1. darkmagenta

    1. darkred

    1. darkred

    1. darkred

    1. Размер

    1. 22pt

    1. 18pt

    1. 16pt

    1. 14pt

    1. Выравнивание

    1. center

    1. center

    1. left

    1. left

    1. Украшение

    1. –

    1. underline

    1. underline

    1. underline

    1. Расстояние между буквами

    1. 2pt

    1. –

    1. –

    1. –

    1. Расстояние между словами

    1. 4pt

    1. –

    1. –

    1. –

    1. 6

    1. Гарнитура

    1. Tahoma

    1. Tahoma

    1. Tahoma

    1. Tahoma

    1. Стиль

    1. –

    1. italic

    1. italic

    1. italic

    1. Вес

    1. bold

    1. bold

    1. bold

    1. bold

    1. Цвет

    1. darkblue

    1. darkgeen

    1. darkgeen

    1. darkgeen

    1. Размер

    1. 24pt

    1. 20pt

    1. 16pt

    1. 14pt

    1. Выравнивание

    1. center

    1. left

    1. left

    1. left

    1. Украшение

    1. –

    1. underline

    1. underline

    1. underline

    1. Расстояние между буквами

    1. 2pt

    1. –

    1. –

    1. –

    1. Расстояние между словами

    1. 4pt

    1. –

    1. –

    1. –

    1. 7

    1. Гарнитура

    1. Arial

    1. Times New Roman

    1. Times New Roman

    1. Times New Roman

    1. Стиль

    1. –

    1. –

    1. –

    1. –

    1. Вес

    1. bold

    1. bold

    1. bold

    1. bold

    1. Цвет

    1. darkgreen

    1. darkcyan

    1. darkcyan

    1. darkcyan

    1. Размер

    1. 22pt

    1. 18pt

    1. 14pt

    1. 12pt

    1. Выравнивание

    1. center

    1. center

    1. left

    1. left

    1. Украшение

    1. –

    1. underline

    1. underline

    1. underline

    1. Расстояние между буквами

    1. 2pt

    1. 2pt

    1. –

    1. –

    1. Расстояние между словами

    1. 4pt

    1. 3pt

    1. –

    1. –

    1. 8

    1. Гарнитура

    1. Comic Sans MS

    1. Times New Roman

    1. Times New Roman

    1. Times New Roman

    1. Стиль

    1. –

    1. italic

    1. italic

    1. italic

    1. Вес

    1. bold

    1. bold

    1. bold

    1. bold

    1. Цвет

    1. maroon

    1. darkgreen

    1. darkgreen

    1. darkgreen

    1. Размер

    1. 24pt

    1. 20pt

    1. 16pt

    1. 14pt

    1. Выравнивание

    1. center

    1. left

    1. left

    1. left

    1. Украшение

    1. –

    1. underline

    1. underline

    1. underline

    1. Расстояние между буквами

    1. 2pt

    1. 2pt

    1. –

    1. –

    1. Расстояние между словами

    1. 4pt

    1. 3pt

    1. –

    1. –

    1. 9

    1. Гарнитура

    1. Verdana

    1. Verdana

    1. Verdana

    1. Verdana

    1. Стиль

    1. –

    1. –

    1. italic

    1. italic

    1. Вес

    1. bold

    1. bold

    1. bold

    1. bold

    1. Цвет

    1. indigo

    1. darkred

    1. darkred

    1. darkred

    1. Размер

    1. 22pt

    1. 16pt

    1. 14pt

    1. 12pt

    1. Выравнивание

    1. center

    1. center

    1. left

    1. left

    1. Украшение

    1. –

    1. –

    1. underline

    1. underline

    1. Расстояние между буквами

    1. 2pt

    1. –

    1. –

    1. –

    1. Расстояние между словами

    1. 4pt

    1. –

    1. –

    1. –

    1. 10

    1. Гарнитура

    1. Arial

    1. Times New Roman

    1. Arial

    1. Arial

    1. Стиль

    1. –

    1. –

    1. –

    1. italic

    1. Вес

    1. bold

    1. bold

    1. bold

    1. bold

    1. Цвет

    1. crimson

    1. blue

    1. blue

    1. blue

    1. Размер

    1. 24pt

    1. 18pt

    1. 14pt

    1. 12pt

    1. Выравнивание

    1. center

    1. center

    1. left

    1. left

    1. Украшение

    1. –

    1. –

    1. –

    1. –

    1. Расстояние между буквами

    1. 2pt

    1. 2pt

    1. –

    1. –

    1. Расстояние между словами

    1. 4pt

    1. 3pt

    1. –

    1. –

    1. 11

    1. Гарнитура

    1. Tahoma

    1. Tahoma

    1. Tahoma

    1. Times New Roman

    1. Стиль

    1. –

    1. –

    1. italic

    1. italic

    1. Вес

    1. bold

    1. bold

    1. bold

    1. bold

    1. Цвет

    1. orange

    1. indigo

    1. blue

    1. blue

    1. Размер

    1. 22pt

    1. 16pt

    1. 14pt

    1. 12pt

    1. Выравнивание

    1. center

    1. left

    1. left

    1. left

    1. Украшение

    1. –

    1. –

    1. –

    1. –

    1. Расстояние между буквами

    1. 2pt

    1. 2pt

    1. –

    1. –

    1. Расстояние между словами

    1. 4pt

    1. 3pt

    1. –

    1. –

    1. 12

    1. Гарнитура

    1. Verdana

    1. Comic Sans MS

    1. Times New Roman

    1. Times New Roman

    1. Стиль

    1. –

    1. –

    1. –

    1. –

    1. Вес

    1. bold

    1. bold

    1. bold

    1. bold

    1. Цвет

    1. fuchsia

    1. red

    1. darkgreen

    1. darkgreen

    1. Размер

    1. 24pt

    1. 20pt

    1. 16pt

    1. 14pt

    1. Выравнивание

    1. center

    1. center

    1. left

    1. left

    1. Украшение

    1. –

    1. underline

    1. underline

    1. underline

    1. Расстояние между буквами

    1. 2pt

    1. –

    1. –

    1. –

    1. Расстояние между словами

    1. 4pt

    1. –

    1. –

    1. –

  4. 7. Вставте в таблицю стилів правила для селекторів p(звичайний абзац) p.selected (виділений абзац) і p.def (абзац, що містить визначення) відповідно до свого варіанту(таблиця. 4.22). Прочерк в значенні властивості означає, що ця властивість не задається.

  7. Таблиця 4.22. Правила стилів для абзаців Web- сторінки

    1. Вариант

    1. Правила стилей

    1. Наименование свойства

    1. Значение свойства

    1. p

    1. p.selected

    1. p.def

    1. 1

    1. Гарнитура

    1. Times New Roman

    1. Verdana

    1. Verdana

    1. Размер

    1. 12pt

    1. 14pt

    1. 14pt

    1. Стиль

    1. –

    1. italic

    1. italic

    1. Цвет

    1. black

    1. black

    1. black

    1. Цвет фона

    1. –

    1. lavender

    1. ivory

    1. Отступ в первой строке

    1. 25pt

    1. 25pt

    1. 25pt

    1. Ширина левого поля

    1. –

    1. 30pt

    1. –

    1. Ширина левой границы

    1. –

    1. 8pt

    1. –

    1. Цвет левой границы

    1. –

    1. red

    1. –

    1. Стиль левой границы

    1. –

    1. ridge

    1. –

    1. Отступ от левой границы

    1. –

    1. 6pt

    1. –

    1. Ширина всех границ

    1. –

    1. –

    1. 10pt

    1. Цвет всех границ

    1. –

    1. –

    1. green

    1. Стиль всех границ

    1. –

    1. –

    1. outset

    1. Отступ от всех границ

    1. –

    1. –

    1. 5pt

    1. 2

    1. Гарнитура

    1. Arial

    1. Times New Roman

    1. Times New Roman

    1. Размер

    1. 12pt

    1. 12pt

    1. 12pt

    1. Стиль

    1. –

    1. italic

    1. –

    1. Цвет

    1. black

    1. indigo

    1. darkgreen

    1. Цвет фона

    1. –

    1. yellow

    1. cornsilk

    1. Отступ в первой строке

    1. 25pt

    1. –

    1. –

    1. Ширина левого поля

    1. –

    1. 40pt

    1. –

    1. Ширина левой границы

    1. –

    1. 6pt

    1. –

    1. Цвет левой границы

    1. –

    1. green

    1. –

    1. Стиль левой границы

    1. –

    1. dotted

    1. –

    1. Отступ от левой границы

    1. –

    1. 7pt

    1. –

    1. Ширина всех границ

    1. –

    1. –

    1. 8pt

    1. Цвет всех границ

    1. –

    1. –

    1. aliceblue

    1. Стиль всех границ

    1. –

    1. –

    1. inset

    1. Отступ от всех границ

    1. –

    1. –

    1. 6pt

    1. 3

    1. Гарнитура

    1. Times New Roman

    1. Times New Roman

    1. Times New Roman

    1. Размер

    1. 12pt

    1. 14pt

    1. 14pt

    1. Стиль

    1. –

    1. –

    1. –

    1. Цвет

    1. black

    1. black

    1. darkred

    1. Цвет фона

    1. –

    1. limonchiffon

    1. floralwhite

    1. Отступ в первой строке

    1. 20pt

    1. 20pt

    1. 20pt

    1. Ширина левого поля

    1. –

    1. 30pt

    1. –

    1. Ширина левой границы

    1. –

    1. 5pt

    1. –

    1. Цвет левой границы

    1. –

    1. green

    1. –

    1. Стиль левой границы

    1. –

    1. dashed

    1. –

    1. Отступ от левой границы

    1. –

    1. 8pt

    1. –

    1. Ширина всех границ

    1. –

    1. –

    1. 6pt

    1. Цвет всех границ

    1. –

    1. –

    1. darksalmon

    1. Стиль всех границ

    1. –

    1. –

    1. solid

    1. Отступ от всех границ

    1. –

    1. –

    1. 8pt

    1. 4

    1. Гарнитура

    1. Arial

    1. Arial

    1. Arial

    1. Размер

    1. 12pt

    1. 12pt

    1. 14pt

    1. Стиль

    1. –

    1. –

    1. –

    1. Цвет

    1. black

    1. indigo

    1. darkgreen

    1. Цвет фона

    1. –

    1. mintcream

    1. azure

    1. Отступ в первой строке

    1. 25pt

    1. –

    1. 20pt

    1. Ширина левого поля

    1. –

    1. 25pt

    1. –

    1. Ширина левой границы

    1. –

    1. 5pt

    1. –

    1. Цвет левой границы

    1. –

    1. navy

    1. –

    1. Стиль левой границы

    1. –

    1. solid

    1. –

    1. Отступ от левой границы

    1. –

    1. 9pt

    1. –

    1. Ширина всех границ

    1. –

    1. –

    1. 7pt

    1. Цвет всех границ

    1. –

    1. –

    1. fuchsia

    1. Стиль всех границ

    1. –

    1. –

    1. dotted

    1. Отступ от всех границ

    1. –

    1. –

    1. 7pt

    1. 5

    1. Гарнитура

    1. Times New Roman

    1. Arial

    1. Arial

    1. Размер

    1. 14pt

    1. 14pt

    1. 14pt

    1. Стиль

    1. –

    1. –

    1. italic

    1. Цвет

    1. black

    1. black

    1. darkblue

    1. Цвет фона

    1. –

    1. lightyellow

    1. oldlace

    1. Отступ в первой строке

    1. 25pt

    1. 25pt

    1. –

    1. Ширина левого поля

    1. –

    1. 50pt

    1. –

    1. Ширина левой границы

    1. –

    1. 8pt

    1. –

    1. Цвет левой границы

    1. –

    1. darkorchid

    1. –

    1. Стиль левой границы

    1. –

    1. dashed

    1. –

    1. Отступ от левой границы

    1. –

    1. 6pt

    1. –

    1. Ширина всех границ

    1. –

    1. –

    1. 12pt

    1. Цвет всех границ

    1. –

    1. –

    1. green

    1. Стиль всех границ

    1. –

    1. –

    1. outset

    1. Отступ от всех границ

    1. –

    1. –

    1. 5pt

    1. 6

    1. Гарнитура

    1. Tahoma

    1. Arial

    1. Arial

    1. Размер

    1. 14pt

    1. 12pt

    1. 12pt

    1. Стиль

    1. –

    1. italic

    1. –

    1. Цвет

    1. black

    1. darkgreen

    1. black

    1. Цвет фона

    1. –

    1. ghostwhite

    1. cyan

    1. Отступ в первой строке

    1. 30pt

    1. –

    1. –

    1. Ширина левого поля

    1. –

    1. 40pt

    1. –

    1. Ширина левой границы

    1. –

    1. 12pt

    1. –

    1. Цвет левой границы

    1. –

    1. blue

    1. –

    1. Стиль левой границы

    1. –

    1. double

    1. –

    1. Отступ от левой границы

    1. –

    1. 6pt

    1. –

    1. Ширина всех границ

    1. –

    1. –

    1. 6pt

    1. Цвет всех границ

    1. –

    1. –

    1. green

    1. Стиль всех границ

    1. –

    1. –

    1. outset

    1. Отступ от всех границ

    1. –

    1. –

    1. 8pt

    1. 7

    1. Гарнитура

    1. Verdana

    1. Times New Roman

    1. Arial

    1. Размер

    1. 14pt

    1. 12pt

    1. 14pt

    1. Стиль

    1. –

    1. –

    1. italic

    1. Цвет

    1. black

    1. darkblue

    1. darkblue

    1. Цвет фона

    1. –

    1. yellow

    1. ivory

    1. Отступ в первой строке

    1. 30pt

    1. –

    1. –

    1. Ширина левого поля

    1. –

    1. 40pt

    1. –

    1. Ширина левой границы

    1. –

    1. 12pt

    1. –

    1. Цвет левой границы

    1. –

    1. cyan

    1. –

    1. Стиль левой границы

    1. –

    1. groove

    1. –

    1. Отступ от левой границы

    1. –

    1. 6pt

    1. –

    1. Ширина всех границ

    1. –

    1. –

    1. 6pt

    1. Цвет всех границ

    1. –

    1. –

    1. brown

    1. Стиль всех границ

    1. –

    1. –

    1. dotted

    1. Отступ от всех границ

    1. –

    1. –

    1. 7pt

    1. 8

    1. Гарнитура

    1. Times New Roman

    1. Arial

    1. Comic Sans MS

    1. Размер

    1. 14pt

    1. 14pt

    1. 14pt

    1. Стиль

    1. –

    1. italic

    1. italic

    1. Цвет

    1. black

    1. black

    1. gray

    1. Цвет фона

    1. –

    1. lemonchiffon

    1. whitesmoke

    1. Отступ в первой строке

    1. 25pt

    1. –

    1. –

    1. Ширина левого поля

    1. –

    1. 50pt

    1. –

    1. Ширина левой границы

    1. –

    1. 7pt

    1. –

    1. Цвет левой границы

    1. –

    1. navy

    1. –

    1. Стиль левой границы

    1. –

    1. dotted

    1. –

    1. Отступ от левой границы

    1. –

    1. 8pt

    1. –

    1. Ширина всех границ

    1. –

    1. –

    1. 6pt

    1. Цвет всех границ

    1. –

    1. –

    1. red

    1. Стиль всех границ

    1. –

    1. –

    1. dashed

    1. Отступ от всех границ

    1. –

    1. –

    1. 6pt

    1. 9

    1. Гарнитура

    1. Tahoma

    1. Arial

    1. Arial

    1. Размер

    1. 12pt

    1. 14pt

    1. 14pt

    1. Стиль

    1. –

    1. italic

    1. –

    1. Цвет

    1. black

    1. darkgreen

    1. red

    1. Цвет фона

    1. –

    1. khaki

    1. honeydew

    1. Отступ в первой строке

    1. 30pt

    1. –

    1. –

    1. Ширина левого поля

    1. –

    1. 60pt

    1. –

    1. Ширина левой границы

    1. –

    1. 12pt

    1. –

    1. Цвет левой границы

    1. –

    1. navy

    1. –

    1. Стиль левой границы

    1. –

    1. double

    1. –

    1. Отступ от левой границы

    1. –

    1. 7pt

    1. –

    1. Ширина всех границ

    1. –

    1. –

    1. 10pt

    1. Цвет всех границ

    1. –

    1. –

    1. maroon

    1. Стиль всех границ

    1. –

    1. –

    1. ridge

    1. Отступ от всех границ

    1. –

    1. –

    1. 6pt

    1. 10

    1. Гарнитура

    1. Arial

    1. Verdana

    1. Verdana

    1. Размер

    1. 14pt

    1. 12pt

    1. 14pt

    1. Стиль

    1. –

    1. italic

    1. –

    1. Цвет

    1. black

    1. indigo

    1. white

    1. Цвет фона

    1. –

    1. yellow

    1. black

    1. Отступ в первой строке

    1. 25pt

    1. –

    1. –

    1. Ширина левого поля

    1. –

    1. 30pt

    1. –

    1. Ширина левой границы

    1. –

    1. 5pt

    1. –

    1. Цвет левой границы

    1. –

    1. darkgreen

    1. –

    1. Стиль левой границы

    1. –

    1. solid

    1. –

    1. Отступ от левой границы

    1. –

    1. 7pt

    1. –

    1. Ширина всех границ

    1. –

    1. –

    1. 10pt

    1. Цвет всех границ

    1. –

    1. –

    1. aliceblue

    1. Стиль всех границ

    1. –

    1. –

    1. inset

    1. Отступ от всех границ

    1. –

    1. –

    1. 7pt

    1. 11

    1. Гарнитура

    1. Arial

    1. Verdana

    1. Verdana

    1. Размер

    1. 14pt

    1. 12pt

    1. 14pt

    1. Стиль

    1. –

    1. italic

    1. –

    1. Цвет

    1. black

    1. brown

    1. white

    1. Цвет фона

    1. –

    1. aliceblue

    1. darkred

    1. Отступ в первой строке

    1. 25pt

    1. –

    1. –

    1. Ширина левого поля

    1. –

    1. 30pt

    1. –

    1. Ширина левой границы

    1. –

    1. 5pt

    1. –

    1. Цвет левой границы

    1. –

    1. darkgreen

    1. –

    1. Стиль левой границы

    1. –

    1. solid

    1. –

    1. Отступ от левой границы

    1. –

    1. 7pt

    1. –

    1. Ширина всех границ

    1. –

    1. –

    1. 10pt

    1. Цвет всех границ

    1. –

    1. –

    1. aquamarine

    1. Стиль всех границ

    1. –

    1. –

    1. outset

    1. Отступ от всех границ

    1. –

    1. –

    1. 6pt

    1. 12

    1. Гарнитура

    1. Tahoma

    1. Comic Sans MS

    1. Comic Sans MS

    1. Размер

    1. 14pt

    1. 14pt

    1. 14pt

    1. Стиль

    1. –

    1. italic

    1. –

    1. Цвет

    1. black

    1. purple

    1. white

    1. Цвет фона

    1. –

    1. oldlace

    1. darkgreen

    1. Отступ в первой строке

    1. 30pt

    1. –

    1. –

    1. Ширина левого поля

    1. –

    1. 50pt

    1. –

    1. Ширина левой границы

    1. –

    1. 5pt

    1. –

    1. Цвет левой границы

    1. –

    1. brown

    1. –

    1. Стиль левой границы

    1. –

    1. dashed

    1. –

    1. Отступ от левой границы

    1. –

    1. 6pt

    1. –

    1. Ширина всех границ

    1. –

    1. –

    1. 10pt

    1. Цвет всех границ

    1. –

    1. –

    1. red

    1. Стиль всех границ

    1. –

    1. –

    1. inset

    1. Отступ от всех границ

    1. –

    1. –

    1. 6pt

  9. 8. Вставьте в таблицу стилей правила для селекторов span.bold (жирное выделение) со свойством веса шрифта, равным bold, span.italic (выделение курсивом) со свойством стиля шрифта, равным italic, span.underline (выделение подчеркиванием) со свойством украшения текста, равным underline, и span.color (выделение цветом) со свойством цвета фона в соответствии со своим вариантом (табл. 4.22):

  10. 1) yellow; 2) aquamarine; 3) azure; 4) lime; 5) mistyrose;

  11. 6) lightyellow; 7) gold; 8) thistle; 9) aqua; 10) peachpuff;

  12. 11) khaki; 12) lightpink.

  13. 9. Перевірте виведення стилів для заголовків і звичайного абзацу в Web- браузері Internet Explorer(інші стилі будуть використані в лабораторній роботі 2-05). Збережіть створений вами документ HTML для Web- сторінки. Цей документ використовуватиметься в лабораторних роботах 2-5, 2-06 і 2-07.

  15. 5. Питання для самоконтролю

  1. Яка версія HTML є такою, що діє на сьогодні?

  2. Які існують типи елементів і яка форма запису елементу і його атрибутів?

  3. Яка структура Web- сторінки?

  4. Які режими роботи і типи редакторів використовуються при проектуванні Web- сторінок?

  5. Як можна вирівняти текст і горизонтальну лінію відносно екрану дисплея?

  6. Як в Web- сторінку можна вставити текст, що заздалегідь від форматував?

  7. Як в Web- сторінку можна вставити в якості тексту службові символи і символи, відсутні на клавіатурі?

  8. Які способи форматування можна використати в Web- сторінках?

  9. Чим відрізняються логічні стилі форматування від фізичних стилів?

  10. Як вставляється зображення в Web- сторінку?

  11. Які типи списків визначені в мові HTML?

  12. Як описуються мітки в документі HTML?

  13. Як зробити зображення гіпертекстовим посиланням?

  2. Лабораторна робота № 5 Вставка зображень, списків і гіпертекстових посилань в Web- сторінки

  4. 1. Мета роботи

  5. Метою роботи є знайомство елементами і стилями для вставки зображень і гіпертекстових посилань в Web- сторінки.

  7. 2. Склад робочого місця

  8. 2.1. Устаткування: IBM- сумісний персональний комп'ютер(ПК).

  9. 2.2. Програмне забезпечення: операційна система Windows, Web- браузер Internet Explorer версії 6.0 і вище.

  11. 3. Підготовка до лабораторної роботи

  12. Для підготовки до виконання лабораторної роботи необхідно повторити наступні розділи (дивись електронний конспект лекцій по розділу 4 «Технології програмування»).

  14. 4. Порядок виконання роботи

  1. Відкрийте створену в лабораторній роботі 2-04 Web- сторінку для вашого варіанту.

  2. Задайте клас (значення атрибуту class) для блокових і строкових елементів вашого варіанту відповідно до таблиці. 5.8. Для строкових елементів ім'я класу або класів(через пропуск) задається в атрибуті class контейнера <span>…</span>, в який поміщається вказаний у варіанті фрагмент тексту.

  9. Таблиця 5.8. Завдання класів для блокових і строкових елементів Web- сторінки

  1. Вариант

  1. Наименование класса

  1. Местонахождение элемента

  1. 1

  1. selected

  1. Второй абзац во введении (начинается со слова "Компьютерные").

  2. Третий абзац в разд. 3.8 (начинается со слов "При увеличении").

  1. def

  1. Третий абзац в разд. 3.11 (начинается со слова "Маршрутизаторы").

  2. Второй абзац в разд. 3.13 (начинается со слова "В феврале").

  1. bold

  1. Все термины в списке в разд. 3.3.

  1. italic

  1. Все слова и сокращения на английском языке.

  1. underline

  1. Первое предложение во втором абзаце разд. 3 (начинается со слова "Стандарты").

  2. Первое предложение в разд. 3.1 (начинается со слова "Ethernet").

  1. color

  1. Все сокращения LAN и WAN в разделе 2.

  1. italic color

  1. Для сокращений LAN и WAN в разделе 4.3. Для сокращений в элементе <span> задается также атрибут title со значением "Local Area Network – локальная сеть" (для LAN) и "Wide Area Network – глобальная сеть" (для WAN).

  1. 2

  1. selected

  1. Второй абзац в разд. 3 (начинается со слова "Обеспечение").

  2. Второй абзац в разд. 4.1 (начинается со слов "В некоторых").

  1. def

  1. Первый абзац в разд. 2 (начинается со слов "С первого").

  2. Последний абзац в разд. 5 (начинается со слов "CMTS может").

  1. bold

  1. Слова "Кабельные модемы"в разд. Введение.

  1. italic

  1. Все слова и сокращения на английском языке (кроме CMTS).

  1. underline

  1. Второе предложение во втором абзаце разд. 2 (слова "коаксиальный кабель"), а также слова "волоконно-оптический кабель" в следующем предложении.

  1. color

  1. Слова " В системе кабельного TV" в начале второго абзаца раздела 2.

  1. italic color

  1. Для всех сокращений CMTS в тексте. Для каждого из этих сокращений, кроме первого в разд. 3 в элементе <span> задается также атрибут title со значением "Cable Modem

  2. Termination System – система окончания кабельного модема".

  1. 3

  1. selected

  1. Второй абзац в разд. Введение (начинается со слов "При передаче").

  2. Второй абзац в разд. 3 (начинается со слов "Модем со скоростью").

  1. def

  1. Последний абзац в разд. 4 (начинается со слов "Принципы технологии").

  2. Последний абзац в разд. 5 (начинается со слов "Маршрутизация этих пакетов").

  1. bold

  1. Слова "При передаче модем" и "При приеме модем" в разд. Введение.

  1. italic

  1. Все слова и сокращения на английском языке (кроме ADSL).

  1. underline

  1. Конец второго абзаца разд. 3 (слова "дуплексным режимом"), а также слова "полудуплексными" в последнем предложении абзаца.

  1. color

  1. Слова "модем" и "модулятор-демодулятор" в начале раздела Введение.

  1. italic color

  1. Для всех сокращений ADSL в тексте. Для каждого из этих сокращений, кроме первого в конце разд. 2 в элементе <span> задается также атрибут title со значением "Asymmetric Digital Subscriber Line – ассиметричные цифровые пользовательские линии".

  1. 4

  1. selected

  1. Последний абзац в разд. 1.3.1 (начинается со слов "Последнее поколение").

  2. Последний абзац в разд. 4 (начинается со слов "Общей чертой").

  1. def

  1. Последний абзац в разд. 1.1 (начинается со слов " Т.к. не требуется").

  2. Последний абзац в разд. 3 (начинается со слов "Существует два типа").

  1. bold

  1. Слово "преимущества" во втором абзаце разд. 1.2, слово "недостатков" в абзаце после первого списка разд. 1.2 и слово "преимущества" перед третьим списком разд. 1.2,

  1. italic

  1. Все слова и сокращения на английском языке (кроме OFDM).

  1. underline

  1. Слова ""никаких новых проводов"" в первом предложении разд. 1.1.

  1. color

  1. Слова "самый дешёвый способ создания домашней сети" в конце раздела 1.1.

  1. italic color

  1. Для всех сокращений OFDM в тексте. Для каждого из этих сокращений, кроме первого (в первом абзаце разд. 1.3.1) в элементе <span> задается также атрибут title со значением "Orthogonal Frequency - Division Multiplexing – ортогональное частотное разделение".

  1. 5

  1. selected

  1. Последний абзац в разд. 3.1.1 (начинается со слов "Хорошим примером").

  1. def

  1. Последний абзац в разд. 5 (начинается со слов "Туннелирование можно").

  1. bold

  1. Слово "интрасети" и слова "виртуальные частные сети" в последнем абзаце разд. Введение,

  1. italic

  1. Все слова и сокращения на английском языке (кроме VPN).

  1. underline

  1. Слова "быстрая, надёжная и безопасная связь" в конце первого абзаца разд. Введение.

  1. color

  1. Слово "Брандмауэр" в начале раздела 4.1, слово "Шифрование" в начале раздела 4.2, слова "Безопасный протокол Интернет - IPSec" в начале раздела 4.3 и слова "Сервер аутентификации, авторизации и учета использования ресурсов - AAA" в начале раздела 4.4.

  1. italic color

  1. Для всех сокращений VPN в тексте (кроме заголовков и подписей под рисунками). Для каждого из этих сокращений, кроме первого (в последнем абзаце разд. Введение) в элементе <span> задается также атрибут title со значением "Virtual Private Network – виртуальные частные сети".

  1. 6

  1. selected

  1. Абзац в разд. 1 (начинается со слов "В выполнении этих двух функций").

  1. def

  1. Первый абзац в разд. 3 (начинается со слов "Концентраторы, коммутаторы и маршрутизаторы").

  1. bold

  1. Слово "Маршрутизаторы" и слова "специализированные компьютеры" во втором абзаце разд. Введение.

  1. italic

  1. Все слова и сокращения на английском языке (кроме MAC).

  1. underline

  1. Слова "таблица маршрутизации" в предложении, начинающемся со слов "Одно из средств, которые" в разд. 1.

  1. color

  1. Слова "Cisco Systems, Inc" и слова "*Gigabit Cisco 12000*" в начале раздела 6.

  1. italic color

  1. Для всех сокращений MAC в тексте. Для каждого из этих сокращений, кроме первого (в середине разд. 3) в элементе <span> задается также атрибут title со значением "Media Access Control – управление доступом к среде".

  1. 7

  1. selected

  1. Абзац в разд. 4 (начинается со слов "QAM - это технология").

  1. def

  1. Первый абзац в разд. 4 (начинается со слов "Существуют два").

  1. bold

  1. Слово "трансивер" и слова "доступ к мультиплексору DSL" в первом списке разд. 1.

  1. italic

  1. Все слова и сокращения на английском языке (кроме DSL).

  1. underline

  1. Слова "Стандартный телефон" в начале разд. 1 и слова "Оборудование ассиметричной цифровой абонентской линии" в начале второго абзаца разд. 1.

  1. color

  1. Слова "Технология VDSL" в начале раздела 2.

  1. italic color

  1. Для всех сокращений DSL в тексте (кроме заголовков и подписей под рисунками). Для каждого из этих сокращений, кроме первого (в разд. Введение) в элементе <span> задается также атрибут title со значением "Digital Subscriber Line – цифровая абонентская линия".

  1. 8

  1. selected

  1. Второй абзац в разд. 3.2 (начинается со слов "Концентратор оцифровывает").

  1. def

  1. Предпоследний абзац в разд. 4.2 (начинается со слов "В современных телефонных системах").

  1. bold

  1. Слова "полная телефонная сеть" и во втором абзаце разд. Введение и слова "громкоговоритель" и "микрофон" в первом списке разд. 1.

  1. italic

  1. Слова "Телефонная сеть" в начале разд. 3.1 и слово "Концентратор" " в начале разд. 3.2.

  1. underline

  1. Слова "Вот и все!" в последнем абзаце разд. 1 и слова "Простейшим путем создания собственной телефонной сети" в последнем абзаце разд. 4.1.

  1. color

  1. Все ссылки ни рисунки, например, рис. 1 и т.д.

  1. italic color

  1. Для всех сокращений Гц в тексте (кроме заголовков и подписей под рисунками). Для каждого из этих сокращений в элементе <span> задается также атрибут title со значением "Гц - герц".

  1. 9

  1. selected

  1. Первый абзац в разд. 2 (начинается со слов "Большинство домов").

  1. def

  1. Первый абзац в разд. 4.1 (начинается со слов "Существуют два").

  1. bold

  1. Слова "DSL с очень высокой битовой скоростью", "Симметричная DSL" и "Адаптивная по скорости DSL" в списке разд. 2.

  1. italic

  1. Все слова и сокращения на английском языке (кроме DSL).

  1. underline

  1. Слова "два вида оборудования" в первом абзаце разд. 5, слова "модемами DSL" в первом абзаце разд. 5.1 и слова "DSLAM провайдера доступа" в первом абзаце разд. 5.2.

  1. color

  1. Слова "принципы работы DSL" во втором абзаце разд. 1 и слова "маленькие фильтры" в первом абзаце разд. 4.3.

  1. italic color

  1. Для всех сокращений DSL в тексте (кроме заголовков и подписей под рисунками). Для каждого из этих сокращений, кроме первого (в разд. Введение) в элементе <span> задается также атрибут title со значением "Digital Subscriber Line – цифровая абонентская линия".

  1. 10

  1. selected

  1. Последний абзац в разд. 3 (начинается со слов "Единственный способ").

  1. def

  1. Последний абзац в разд. 4 (начинается со слов "В трехуровневой иерархической").

  1. bold

  1. Слова "В децентрализированных алгоритмах маршрутизации" и "В глобальных алгоритмах маршрутизации" в конце разд. 1.

  1. italic

  1. Все слова и сокращения на английском языке (кроме LS и DV).

  1. underline

  1. Слова "следующие шаги:" в первом абзаце разд. 2.1 и слова "следующие шаги (рис. 2):" перед вторым списком разд. 2.1.

  1. color

  1. Слова "В алгоритмах LS" в начале разд. 2.1 и слова "Алгоритмы DV" в начале разд. 3.

  1. italic color

  1. Для всех сокращений LS и DV в тексте (кроме заголовков и подписей под рисунками). Для каждого из этих сокращений, кроме первого (в разд. Введение) в элементе <span> задается также атрибут title со значением "Distance Vector – алгоритм дистанционного вектора" и "Link State – алгоритм состояния соединения".

  1. 11

  1. selected

  1. Первый абзац в разд. 1 (начинается со слов "Волоконная оптика").

  1. def

  1. Четвертый абзац в разд. 6 (начинается со слов "В оптическом кабеле").

  1. bold

  1. Слова "сердцевины", "оболочки" и "специального покрытия" в первом списке разд. 1.

  1. italic

  1. Все слова и сокращения на английском языке (кроме MCVD).

  1. underline

  1. Слова "оптических волокон", слово "жгуты" и слово "рубашкой" в третьем абзаце разд. 1.

  1. color

  1. Слова "Одномодовое оптоволокно", "Многомодовое оптоволокно" и "пластика" в последних трех абзацах разд. 1.

  1. italic color

  1. Для всех сокращений MCVD в тексте (кроме заголовков и подписей под рисунками). Для каждого из этих сокращений, кроме первого (в начале разд. 5.1) в элементе <span> задается также атрибут title со значением "Modified Chemical Vapor Deposition – модифицированное химическое вакуумное осаждение".

  1. 12

  1. selected

  1. Второй абзац в разд. 1 (начинается со слов "Internet - это").

  1. def

  1. Второй абзац в разд. 3 (начинается со слов "Это началось в").

  2. Первый абзац в разд. 5 (начинается со слов "В будущем").

  1. bold

  1. Слова "Электронная почта", во втором абзаце разд. 4, слова "службу новостей" после рис. 4 в разд. 4, слова в начале абзаца "Обмен файлами" перед рис. 5 в разд. 4, слова в начале абзаца "Компьютерная телефония" в разд. 4 и слово "WWW" перед рис. 6 в разд. 4.

  1. italic

  1. Все слова и сокращения на английском языке (кроме WWW).

  1. underline

  1. Слова "два основных метода:" и слова "двумя основными причинами:" в разд. 4.

  1. color

  1. Слова ""информационной магистралью"" и ""дорожной карты"" в третьем абзаце разд. 1.

  1. italic color

  1. Для всех сокращений WWW в тексте (кроме заголовков и подписей под рисунками). Для каждого из этих сокращений, кроме пояснения термина (перед рис. 6 в разд. 4) в элементе <span> задается также атрибут title со значением " World Wide Web - всемирная паутина".

  1. Занесіть в таблицю стилів правило для селектора div.imgcenter зі значеннями властивості вирівнювання тексту по центру і шириною поля(з усіх боків) – 20pt.

  2. Занесіть в таблицю стилів правило для селектора div.imgleft зі значеннями властивості вирівнювання тексту по центру, шириною поля(з усіх боків) – 20pt і з примусовим вирівнюванням елементу вліво.

  3. Занесіть в таблицю стилів правило для селектора p.img значеннями властивості вирівнювання тексту по центру, з тією ж гарнітурою і розміром шрифту, що і в елементі p, а також вагою для жирного шрифту.

  4. Занесіть в таблицю стилів правило для селектора br.clear зі значенням властивості clear, рівним all.

  5. Відкрийте в своїй папці папку images і перемістіть туди зі своєї папки всі зображення.

  6. Вставте в Web- сторінку малюнки за допомогою елементу <img> (значення атрибута src повинно містити шлях до зображення, і, отже, мати вигляд "images/имя-изображения"). Підписи під малюнком задаються за допомогою елементу <p> класу img. Елементи <img> і <p> для малюнків, приведених в таблицю. 5.9, мають бути поміщені в елемент <div> класу imgleft, а для всіх інших малюнків - в елемент <div> класу imgcenter.

  2. Таблиця 5.9. Малюнки, що вставляються в Web- сторінку з обтіканням тексту

    1. Вариант

    1. Имя файла с рисунком

    1. Примечание

    1. 1

    1. ethernet3.gif

    1. Вставка элемента <br> класса clear перед последним предложением во втором абзаце разд. 3.10 (начинается со слов "Коммутатор пропускает").

    1. 2

    1. CableModem4.jpg

    1. Вставка элемента <br> класса clear перед последним предложением во втором абзаце разд. 5 (начинается со слов "Деление приема").

    1. 3

    1. Modem3.jpg

    1. Вставка элемента <br> класса clear перед последним предложением во втором абзаце разд. 5 (начинается со слов "Если автоматическая").

    1. 4

    1. PowerNetwork2.gif

    1. Вставка элемента <br> класса clear после последнего предложения разд. 1.3.1.

    1. PowerNetwork3.gif

    1. Вставка элемента <br> класса clear перед последним предложением во втором абзаце разд. 3 (начинается со слов ""Дуплексная" в данном случае").

    1. 5

    1. VPNNetwork1.gif

    1. Вставка элемента <br> класса clear перед последним предложением во втором абзаце разд. 1 (начинается со слов "В этой статье").

    1. 6

    1. Router3.png

    1. Вставка элемента <br> класса clear перед последним предложением во втором абзаце разд. 1 (начинается со слов "Например:").

    1. Router4.png

    1. Вставка элемента <br> класса clear после последнего предложения последнего абзаца разд. 3.

    1. 7

    1. VDSL1.gif

    1. –

    1. VDSL2.jpg

    1. Вставка элемента <br> класса clear перед предложением во втором абзаце разд. 2 (начинается со слов "Шлюз выполняет").

    1. 8

    1. Telephone5.gif

    1. Вставка элемента <br> класса clear перед последним предложением в разд. 4.1 (начинается со слов "Простейшим путем").

    1. 9

    1. DSL3.gif

    1. Вставка элемента <br> класса clear перед последним предложением в разд. 4.2 (начинается со слов "Контроль и сортировка").

    1. DSL5.gif

    1. Вставка элемента <br> класса clear перед последним предложением в разд. 5.1 (начинается со слов "Сравнительные характеристики").

    1. 10

    1. RoutingAlgorithm1.png

    1. Вставка элемента <br> класса clear перед предпоследним предложением в разд. 1 (начинается со слов "В глобальных алгоритмах").

    1. 11

    1. Fiber2.jpg

    1. Вставка элемента <br> класса clear перед предложением третьего абзаца в разд. 1 (начинается со слов "Существует два типа").

    1. Fiber6.jpg

    1. Вставка элемента <br> класса clear перед первым предложением третьего абзаца в разд. 5.2 (начинается со слов "Оператор наматывает").

    1. 12

    1. Internet4.gif

    1. Вставка элемента <br> класса clear перед предложением в разд. 4 после рис. 4 (начинается со слов "Для тиражирования").

    1. Internet5.png

    1. –

  1. Занесіть в таблицю стилів правило для селектора ol зі значенням властивості, задаючої вид маркера елементу списку, рівним decimal.

  2. Занесіть в таблицю стилів правило для селектора ul зі значенням властивості, задаючої вид маркера елементу списку для свого варіанту: 1) disc; 2) circle; 3) square; 4) disc; 5) circle; 6) square; 7) disc; 8) circle; 9) square; 10) disc; 11) circle; 12) square.

  3. Занесіть в таблицю стилів правило для селектора ul.img зі значенням властивості, задаючої ім'я файлу із зображенням маркера елементу списку для свого варіанту:

  1. 1) marker01.gif; 2) marker02.gif; 3) marker03.gif;

  2. 4) marker04.gif; 5) marker05.gif; 6) marker06.gif;

  3. 7) marker07.gif; 8) marker08.gif; 9) marker09.gif;

  4. 10) marker10.gif; 11) marker11.gif; 12) marker12.gif.

  1. Створіть(використовуючи ImageReady) маркер списку для свого варіанту, використовуючи інструменти групи прямокутник і групи закладка(зображення повинне мати прозорий фон і мати розмір приблизно 40×20 пікселів):

    1. 1) (стиль Green Gel);

    1. 2) (стиль Red Paper Clip);

    1. 3) (стиль Button-Wood);

    1. 4) (стиль New Style 1);

    1. 5) (стиль Green Paper Clip);

    1. 6) (стиль Blueberry);

    1. 7) (стиль Tortoise Shell);

    1. 8) (стиль Button-Shiny);

    1. 9) (стиль Button-Stone);

    1. 10) (стиль Glass Table Cool);

    1. 11) (стиль Chromed Satin);

    1. 12) (стиль Red Gel).

  2. Збережіть отриманий малюнок у файлі з ім'ям для свого варіанту в папці images.

  3. Вставте елементи <ol> або <ul> і, усередині них, пункти списку (елементи <li>) відповідно до свого варіанту(таблиця. 5.10). Якщо пункти списку вже розмічені за допомогою елементу <p>, видаліть цей елемент. Для елементів списку <ol> видаліть номери пунктів і точки(якщо вони є) - пункти будуть пронумеровані Web- браузером.

  5. Таблиця 5.10. Вставка списків в Web- сторінку

  1. Вариант

  1. Элемент

  1. Местонахождение списка

  1. 1

  1. <ol>

  1. В разд. 4.1, начиная со слова "Кольцо" и кончая словом "далее".

  1. <ul> класса img

  1. В разд. 3.3, начиная со слова "среда" и кончая словом "информации".

  1. 2

  1. <ol>

  1. В разд. 4.1, начиная со слова "Тюнер" и кончая словом "Микропроцессор".

  1. <ul> класса img

  1. В разд. 3.3, начиная со слова "блока" и кончая словом "Converter).".

  1. 3

  1. <ul> класса img

  1. Перед последним абзацем разд. 2, начиная со слов "300 бит/с" и кончая словами " в 1998 году.".

  1. 4

  1. <ol>

  1. В разд. 1.2, начиная со слова "Дешевизна" и кончая словами "в компьютер".

  1. <ul>

  1. В разд. 1.2, начиная со слов "маленькая скорость" и кончая словами "качество связи".

  1. <ul> класса img

  1. В разд. 1.2, начиная со слов "она более" и кончая словами "качество передачи.".

  1. 5

  1. <ol>

  1. В разд. 2, начиная со слова "Безопасность" и кончая словами "в сети".

  2. В разд. 3.3.2, начиная со слова "На основе" и кончая словом "среде.".

  3. В разд. 4.4, начиная со слов "Кто вы?" и кончая словом"ресурсов).".

  1. <ul>

  1. В разд. 1, начиная со слова "главной" и кончая словом "пользователей".

  2. В разд. 4.2, начиная со слова "шифрование" и кончая словами "с общедоступным ключом.".

  3. В разд. 4.2, начиная со слова " туннельный" и кончая словами "только данных пакета).".

  1. <ul> класса img

  1. В разд. 2, начиная со слова "обеспечить" и кончая словом "окупаемость.".

  2. В разд. 4, начиная со слов "брандмауэры" и кончая словом "AAA.".

  3. В разд. 4.3, начиная со слова "маршрутизатор" и кончая словом " сервер.".

  4. В разд. 5, начиная со слова "протокол" и кончая словами "протокол IP.".

  1. 6

  1. <ol>

  1. В разд. 1, начиная со слов "Маршрутизатор гарантирует" и кончая словом "адресату.".

  2. В разд. 1, начиная со слова "Если вы" и кончая словами "с суперкомпьютерами.".

  1. <ul>

  1. В разд. 1, начиная со слов "сеть может" и кончая словами "всего сообщения.".

  2. В разд. 3, начиная со слов "Joe Smith" и кончая словами "FL45678.".

  1. <ul> класса img

  1. В разд. 1, начиная со слов "данные, на основе" и кончая словами "для различных подсетей.".

  2. В разд. 5, начиная со слов "сколько времени занял" и кончая словами "до компьютера.".

  1. 7

  1. <ol>

  1. В разд. 1, начиная со слов "Ответвления моста" и кончая словами "извилистому пути.".

  2. В разд. 4, начиная со слов "Преобразование речи" и кончая словами "1,5 МГц).".

  1. <ul>

  1. В разд. 1, начиная со слов "трансивер" и кончая словами "клиентов.".

  2. В разд. 4, начиная со слов "квадратурно-амплитудную" и кончая словами "Phase).".

  1. <ul> класса img

  1. -В разд. 3, начиная со слов "ассиметричная DSL" и кончая словами "возможность передачи данных.".

  1. 8

  1. <ol>

  1. В разд. Введение, начиная со слова "Домашние соединения" и кончая словами "трансконтинентальные соединения.".

  1. <ul>

  1. В разд. 4.1, начиная со слов "2 телефона" и кончая словами "300-омный резистор".

  1. <ul> класса img

  1. В разд. 1, начиная со слов "переключатель для соединения" и кончая словами "через микрофон.".

  1. 9

  1. <ol>

  1. В разд. 2, начиная со слов "DSL с очень высокой" и кончая словами "качества линии.".

  1. <ul>

  1. В конце разд. 3, начиная со слов "мостовые ответвления" и кончая словами "к этому офису.".

  1. <ul> класса img

  1. В разд. Введение, начиная со слов "обыкновенного телефонного" и кончая словами "Line).".

  2. В разд. 1, начиная со слов "вы можете" и кончая словами "часть подключения.".

  3. В разд. 1, начиная со слов "соединение DSL" и кончая словами "не везде.".

  1. 10

  1. <ol>

  1. В разд. 2.1, начиная со слов "Определить маршрутизаторы" и кончая словами "вес меньше.".

  2. В разд. 2.1, начиная со слов "Маршрутизатор строит граф" и кончая словами "от V1 к V2.".

  1. <ul>

  1. В разд. 2.1 (внутри второго нумерованного списка), начиная со слов "поле предшественника" и кончая словами "или "пробное".".

  1. <ul> класса img

  1. В разд. 3, начиная со слов "Он рассчитывает вес" и кончая словами "обновляет свою.".

  1. 11

  1. <ol>

  1. В разд. 1, начиная со слова "Одномодовое оптоволокно." и кончая словами "Многомодовое оптоволокно.".

  2. В конце разд. 5, начиная со слов "Выработка заготовочного" и кончая словами "Проверка волокна.".

  1. <ul>

  1. В разд. 4 (внутри второго списка с изображением в качестве маркера), начиная со слов "медицинские обследования" и кончая словами "канализационных труб.".

  2. В разд. 5.1, начиная со слов "кремний и германий" и кончая словами "формируя стекло.".

  3. В разд. 5.3, начиная со слов "предел прочности" и кончая словами " подводных кабелей).".

  1. <ul> класса img

  1. В конце разд. 3, начиная со слова "передатчика" и кончая словами "световые сигналы.".

  2. В начале разд. 4, начиная со слов "менее дорогие" и кончая словами "канализационных труб.".

  1. 12

  1. <ol>

  1. В разд. 4 под рис. 4, начиная со слова "Отправка статей" и кончая словами "системы UseNet.".

  1. <ul>

  1. В разд. 4 перед рис. 6, начиная со слов "протоколы сети Internet" и кончая словами "участков сети.".

  1. <ul> класса img

  1. В начале разд. 4, начиная со слова "электронная почта" и кончая словами "технологии WWW.".

  1. Занесіть в таблицю стилів правило для селектора h2.content з тими ж значеннями властивостей, що і для селектора h2, але з додаванням вирівнювання тексту по центру.

  2. Занесіть в таблицю стилів правило для селектора p.ref1 з тими ж значеннями властивостей гарнітури, розміру шрифту і відступу тексту в першому рядку, що і для селектора p, але з додаванням висоти рядка, рівного 5pt.

  3. Занесіть в таблицю стилів правило для селектора p.ref2 з тими ж значеннями властивостей, що і для селектора p, але зі збільшенням відступу тексту в першому рядку в два рази і додаванням висоти рядка, рівного 5pt.

  4. Занесіть в таблицю стилів правило для селектора p.ref3 з тими ж значеннями властивостей, що і для селектора p, але зі збільшенням відступу тексту в першому рядку в три рази і додаванням висоти рядка, рівного 5pt.

  5. Занесіть в таблицю стилів правила для селекторів псевдокласів a:link з, a:visited і a:hover (саме у вказаній послідовності) з вказаними в таблиці. 5.11 властивостями для свого варіанту(прочерк означає відсутність властивості в правилі).

  2. Таблиця 5.11. Властивості псевдокласів для гіперпосилань

  1. Вариант

  1. Псевдокласс

  1. Значение свойства

  1. font-size

  1. background-color

  1. color

  1. 1

  1. a:link

  1. –

  1. –

  1. green

  1. a:visited

  1. –

  1. –

  1. brown

  1. a:hover

  1. larger

  1. yellow

  1. red

  1. 2

  1. a:link

  1. –

  1. –

  1. darkgreen

  1. a:visited

  1. –

  1. –

  1. red

  1. a:hover

  1. larger

  1. lightyellow

  1. indigo

  1. 3

  1. a:link

  1. –

  1. –

  1. darkolivegreen

  1. a:visited

  1. –

  1. –

  1. fuchsia

  1. a:hover

  1. smaller

  1. aliceblue

  1. firebrick

  1. 4

  1. a:link

  1. –

  1. –

  1. darkgreen

  1. a:visited

  1. –

  1. –

  1. hotpink

  1. a:hover

  1. larger

  1. gainsboro

  1. red

  1. 5

  1. a:link

  1. –

  1. –

  1. olivedrab

  1. a:visited

  1. –

  1. –

  1. orangered

  1. a:hover

  1. larger

  1. mintcream

  1. black

  1. 6

  1. a:link

  1. –

  1. –

  1. darkcyan

  1. a:visited

  1. –

  1. –

  1. darkorange

  1. a:hover

  1. smaller

  1. oldlace

  1. darkred

  1. 7

  1. a:link

  1. –

  1. –

  1. blueviolet

  1. a:visited

  1. –

  1. –

  1. crimson

  1. a:hover

  1. larger

  1. moccasin

  1. olive

  1. 8

  1. a:link

  1. –

  1. –

  1. cornflowerblue

  1. a:visited

  1. –

  1. –

  1. tomato

  1. a:hover

  1. larger

  1. lemonchiffon

  1. plum

  1. 9

  1. a:link

  1. –

  1. –

  1. mediumpurple

  1. a:visited

  1. –

  1. –

  1. maroon

  1. a:hover

  1. larger

  1. indigo

  1. indigo

  1. 10

  1. a:link

  1. –

  1. –

  1. teal

  1. a:visited

  1. –

  1. –

  1. darkgrey

  1. a:hover

  1. larger

  1. indigo

  1. white

  1. 11

  1. a:link

  1. –

  1. –

  1. darkcyan

  1. a:visited

  1. –

  1. –

  1. indianred

  1. a:hover

  1. smaller

  1. green

  1. yellow

  1. 12

  1. a:link

  1. –

  1. –

  1. darkslategray

  1. a:visited

  1. –

  1. –

  1. chocolate

  1. a:hover

  1. larger

  1. azure

  1. indigo

  1. Помітьте найменування усіх розділів, підрозділів і пунктів. Для цього помістите заголовки(разом з початковими і кінцевими елементів заголовків) в контейнер <a id="имя-метки">…</a>. В якості імені мітки для розділу можна задати, наприклад, Intro (для вступу), Part01 – для першого розділу, Part02 – для другого і т.д. В якості мітки підрозділу можна задати, наприклад, Part01-01 – для першого підрозділу першого розділу, Part01-02 – для другого підрозділу першого розділу і т.д. Ім'я мітки для пункту можна задати, наприклад, як Part01-01-01 – для першого пункту першого підрозділу першого розділу Part01-02 – для другого пункту першого підрозділу першого розділу і так далі.

  2. Задайте після заголовку слово "Оглавление" як заголовок другого рівня класу Content.

  3. Скопіюйте послідовний вміст заголовків усіх розділів, підрозділів і пунктів(без початкового і кінцевого елементів заголовка) після слова "Оглавление" (кожний вміст заголовка в окремому рядку).

  4. Помістіть кожен рядок заголовка в контейнер

  1. <a href="#имя-метки">…</a>.

  2. де имя-метки – ім'я мітки заголовка цього розділу, підрозділу або пункту.

  1. Помістіть отриманий контейнер ще в один контейнер абзацу класу ref1 – для заголовків розділів, класу ref2 – для заголовків підрозділів і класу ref3 – для заголовків пунктів.

  2. Перевірте правильність виведення елементів Web- сторінки в Web- браузері Internet Explorer. Покажіть створену вами Web- сторінку викладачеві.

  3. Збережіть створений вами документ HTML для Web- сторінки. Цей документ використовуватиметься в лабораторних роботах 2-06 і 2-07.

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]
Помощь Обратная связь Вопросы и предложения Пользовательское соглашение Политика конфиденциальности