Контрольная работа по предмету Информатика на тему: Контрольная по технологии создания сайтов

Контрольная работа по УД «Технология создания сайтов»
1. Завершение обтекания рисунка текстом
Создайте новый HTML-документ

Параметр
завершает обтекание картинки текстом.

У параметра clear существует несколько значений - all, left, right. All - завершить обтекание объекта текстом. Left - завершить обтекание текстом объекта, выровненного по левому краю. Right - завершить обтекание текстом объекта, выровненного по правому краю.
2. Навигационные карты
Они используются в том случае, когда при нажатии на разные области (части) одной и той же картинки необходимо открыть разные страницы.
Навигационные карты задаются тэгом Map. Тэг Map включает себя тэг(и) Area, которые определяют геометрические области внутри карты и ссылки, связанные с каждой областью.
Создадим простейшую навигационную карту












Области №1 и №2 (прямоугольники) будут ссылками – это геометрические области, куда пользователь попадет при нажатии на них,
Тэг Area содержат два параметра shape и coords. Параметр shape - определяет форму области (будет ли она прямоугольником (shape="rect"), кругом (shape="circle") или многоугольником (shape="poly").
Параметр coords - определяет координаты (положение нашей геометрической формы).
Число координат и порядок их значений зависят от выбранной формы.
Порядок записи координат для параметра coords следующий:

В нашем примере у прямоугольника №1 возьмем координаты:
x1=25, y1=36, x2=114, y2=98



У тэга Map есть параметр name - имя карты, например, karta1:
Для того, чтобы связать карту с картинкой, надо использовать атрибут usemap="#имя_карты" для картинки.

В папку сохраните какой-нибудь рисунок для первой ссылки (размер рисунка измените, название 13), учитывая, что координаты первой области x1=25, y1=36, x2=114, y2=98.
Наберите следующий код

Для второй области код пропишете самостоятельно в этой же карте.

Для создания круглой области необходимо задать координаты ее центра (x и y) и длина радиуса (R) в пикселях. Т.е. порядок записи следующий:

Рассмотрим область №1. Зададим такие координаты: x=46, y=48; а длина радиуса - R=35. Внесем исправления в код:

3. Создание закладок
Откройте документ 1.html.
Сделаем ссылку не на другой документ, а внутри того же документа – закладку (якорь).
С помощью атрибута name (имя закладки) тега A:
Название гиперссылки

- закладка в тексте
Код выглядит следующим образом

2. Создать таблицу – фото-галерею 4х2 с фотографиями любого писателя, так чтобы сами уменьшенные фотографии служили ссылками на более крупные изображения.

Для того, чтобы сделать картинку гиперссылкой, используйте следующее преобразование.