Студопедия
Случайная страница | ТОМ-1 | ТОМ-2 | ТОМ-3
АрхитектураБиологияГеографияДругоеИностранные языки
ИнформатикаИсторияКультураЛитератураМатематика
МедицинаМеханикаОбразованиеОхрана трудаПедагогика
ПолитикаПравоПрограммированиеПсихологияРелигия
СоциологияСпортСтроительствоФизикаФилософия
ФинансыХимияЭкологияЭкономикаЭлектроника

II. Создание меню с помощью карт-изображений

Читайте также:
  1. D Создание нового сайта
  2. GG Часть III. Семь этапов исследования с помощью интервью
  3. АСПИРАЦИЯ ИЗ РОТОГЛОТКИ (НОСА) С ПОМОЩЬЮ ЭЛЕКТРООТСОСА
  4. В основе каждого из этих форматов лежит математическая модель, с помощью которой объект отображается на экране монитора.
  5. В Часто III. Семь этапов исследований с помощью интервью
  6. Ввод исходных данных с помощью элемента управления TextBox

1. Подготовить на рабочем диске папку для размещения создаваемых документов.

2. С помощью графического редактора Paint создать рисунок размером 10×10 см или 200×200 точек (пикселей), состоящий из трех фигур (рис. 7.3).

Рис. 7.3. Образец рисунка карты-изображения

3. Сохранить рисунок в файлах следующих форматов с соответствующими именами:

bmp – 24-разрядный fig_1_24.bmp,

bmp – 16-цветный fig_1_16.bmp,

jpg – под именем fig_13.jpg,

gif – под именем fig_14.gif.

Для сохранения файлов в форматах GIF и JPEG воспользоваться редактором Microsoft Photo Editor. Проанализировать, какой объем занимает каждый файл и какое при этом обеспечивается качество изображения. Выбрать для дальнейшей работы файл с наименьшим объемом и приемлемым качеством, переименовать его в fig_1.

4. Определить координаты активных зон для дальнейшего использования в карте-изображения. Для этого можно использовать графический редактор Microsoft Photo Editor.

4.1. Открыть файл fig_1 в редакторе Microsoft Photo Editor.

4.2. Уточнить координаты областей, последовательно выделяя предполагаемые активные зоны, прочитать в строке состояния координаты углов главной диагонали (рис. 7.3) и записать их для дальнейшего использования.

5. Создать HTML документ – map_1.htm, содержащий заголовок:

Психологические портреты

Укажите, какая фигура Вам больше всего нравится на рисунке.

Далее разместить рисунок и фрагменты текста, поясняющие, какие черты характера символизируют соответствующие фигуры. Каждый фрагмент должен начинаться названием фигуры и занимать не менее половины страницы. Названия оформить шрифтом с выделением.

6. Модифицировать документ так, чтобы рисунок служил картой-изображением. Тэги для определения карты и активных зон приведены в приложении.

6.1. Ввести тэги закладок перед заголовками – названиями фигур.

6.2. Ввести тэги определения карты.

6.3. Проверить работоспособность активных зон.

6.4. Обеспечить средства для возврата в начало документа.

7. Создать файл с картой-изображением, обеспечивающей переходы на другие документы.

7.1. Нарисовать рисунок (подготовить фотографию), с изображением нескольких персон, например, Ваша компания или Ваша семья (рис. 7.4). Размер рисунка не должен превышать 10×10 см, объем файла – не более 15 кбайт. Дать название файлу company.jpg и сохранить в подготовленной папке.

Рис. 7.4. Образец рисунка для карты-изображения

7.2. Определить координаты областей – активных зон для гиперссылок с помощью редактора Microsoft Photo Editor.

7.3. Подготовить HTML-документы для описания каждой персоны. Разместить их в рабочей папке, дать названия persona_1.htm, persona_2.htm и persona_3.htm. В конце каждого документа обеспечить средство возврата в главный документ.

8. Подготовить главный документ my_company.htm, который должен содержать заголовок, краткий текст о представляемой компании, рисунок и подпись. Для создания эффекта обтекания рисунка рекомендуется использовать таблицу.

9. Убедиться в правильности переходов, предъявить результат преподавателю.

 


Дата добавления: 2015-10-02; просмотров: 142 | Нарушение авторских прав


<== предыдущая страница | следующая страница ==>
Примечания.| A. Что такое HTML

mybiblioteka.su - 2015-2024 год. (0.007 сек.)