- •Федеральное агентство связи
- •Практическое занятие №2
- •Практическое занятие №3
- •Практическое занятие №4
- •Практическое занятие №5
- •Практическое занятие №6
- •Практическое занятие №7
- •Практическое занятие №8
- •Практическое занятие №9
- •Практическое занятие №10
- •8. Контрольные вопросы:
- •Практическое занятие №11
- •8. Контрольные вопросы:
- •Практическое занятие №12
- •6. Порядок выполнения работы:
- •8. Контрольные вопросы:
- •Практическое занятие №13
- •6. Порядок выполнения работы:
- •8. Контрольные вопросы:
- •Практическое занятие №14
- •6. Порядок выполнения работы:
- •8. Контрольные вопросы:
- •Практическое занятие №15
- •6. Порядок выполнения работы:
- •8. Контрольные вопросы:
Практическое занятие №5
Наименование: Создание карты - изображения
Цель: Научится создавать ссылки из различных частей изображения
Подготовка к занятию: по предложенной литературе повторить тему «Ссылки на web – страницах» и ответить на следующие вопросы:
2.1 Как просмотреть координаты заданной точки?
2.2 Какие формы точек перехода с карты можно организовать?
Литература:
3.1 Шомас Е.А. Конспект лекций по дисциплине «Распределенные системы обработки информации»
3.2 Клименко Р.А. Веб-мастеринг на 100%. – СПб.: Питер, 2013. – 512 с.
3.3 Квинт И. HTML и CSS на 100%. – СПб.: Питер, 2008с
Перечень оборудования и программного обеспечения:
4.1 ПЭВМ, подключенные к сети Интернет
4.2 Браузеры
4.3 Текстовый редактор
4.4 Графический редактор Paint
Задание:
5.1 В строке заголовка должен отражаться номер практической работы
5.2 В теле документа создайте заголовок первого уровня, где укажите наименование работы. Заголовком второго уровня – цель работы.
5.3 Поместите по центру документа карту Самарской области (найти соответствующий рисунок в сети Интернет)
5.4 На карте сделайте ссылки из определенного населенного пункта на отдельный документ, где содержится текст о данном населенном пункте и рисунок (сведения и рисунки найти в сети Интернет). Для зачета необходимо предоставить сведения не менее чем о пяти населенных пунктах.
Порядок выполнения работы:
6.1 По предложенной литературе изучить необходимый материал и ответить на вопросы для допуска к практическому занятию;
6.2 Выполнить задание практического занятия;
6.3 Дать ответы на контрольные вопросы;
Содержание отчета:
7.1 Наименование и цель работы
7.2 Код программы
7.3 Ответы на контрольные вопросы
7.4 Вывод о проделанной работе
Контрольные вопросы:
8.1 Как организовываются ссылки из карты - изображения?
8.2 Как поменять размеры изображения?
ПРИЛОЖЕНИЕ:
Чтобы разбить картинку на несколько "горячих" областей, лучше использовать специальные программы, которые рассчитывают координаты таких областей по щелчкам мыши. Итак, для начала, нужно поместить изображение в HTML-документе обычным способом
<IMG SRC="1.gif" BORDER="0" HEIGHT="100" WIDTH="100">
Затем, добавить атрибут картирования:USEMAP="#....."где: вместо точек, пишется имя карты:
<IMG SRC="1.gif" BORDER="0" HEIGHT="100" WIDTH="100" USEMAP="#cartography">
Далее, пишется код самой карты изображения с координатами всех "горячих" областей. Карта определяется тегами: <MAP NAME="...."> и </MAP>
Код координат областей имеет вид: <AREA SHAPE="RECT" COORDS=".. , .. " HREF="URL">Код координат вписывается между тегами карты. Форма "горячих" областей определятся содержимым атрибута SHAPE="..."
SHAPE="CIRCLE" – сферическая форма.
Примерный код:
<IMG SRC="1.gif" BORDER="0" HEIGHT="100" WIDTH="100" USЕMAP="#MAP1"> <MAP NAME="MAP1"> <AREA SHAPE="CIRCLE" COORDS="58,56,46" HREF="1.html"> </MAP>
SHAPE="RECT" – прямоугольная форма.
Примерный код:
<IMG SRC="1.gif" BORDER="0" HEIGHT="100" WIDTH="100" USЕMAP="#MAP2"> <MAP NAME="MAP2"> <AREA SHAPE="RECT" COORDS="17,13,104,95" HREF="2.html"> </MAP>