Главная страница
Медицина
Финансы
Экономика
Биология
Ветеринария
Сельское хозяйство
Юриспруденция
Право
Языкознание
Языки
Логика
Философия
Религия
Этика
Политология
Социология
История
Информатика
Вычислительная техника
Физика
Математика
Промышленность
Энергетика
Искусство
Культура
Химия
Электротехника
Связь
Автоматика
Геология
Экология
Начальные классы
Строительство
образование
Механика
Воспитательная работа
Русский язык и литература
Дошкольное образование
Реферат
Урок
Отчет
Программа
Закон
Курсовая
Задача
Занятие
Решение
Лекция
Протокол

практическая работа. ЛР_3 Web-стр (5). Лабораторная работа 3 Формирование webстраницы


Скачать 64 Kb.
НазваниеЛабораторная работа 3 Формирование webстраницы
Анкорпрактическая работа
Дата30.09.2022
Размер64 Kb.
Формат файлаdoc
Имя файлаЛР_3 Web-стр (5).doc
ТипЛабораторная работа
#707007

Лабораторная работа № 3 Формирование web-страницы

    1. Цель занятия


Научиться пользоваться средствами для создания и дизайна web-страниц.

    1. Общие теоретические сведения

1Изображения-карты (image maps)


Изображения-карты позволяют выделить отдельные области изображений и определить для каждой из них свое действие.

Существует два типа изображений-карт:

  • клиентские (client-side) – когда пользователь нажимает кнопку на рисунке, браузер сам интерпретирует координаты места нажатия. Он выбирает ссылку, определенную для данной области, и переходит по ней (либо выполняет заданное действие);

  • серверные (server-side) – координаты места нажатия передаются для интерпретации на сервер и уже он делает соответствующие действия (например, возвращает браузеру URL для перехода).

Первый тип проще и доступнее, поэтому далее рассматривать будем только его.

Для создания изображения-карты используются элементы и .

Элемент MAP (так и переводится – "карта") должен обязательно иметь атрибут NAME. Это позволяет указать браузеру, к какому именно рисунку на странице относится данная карта.

Элемент AREA имеет следующие атрибуты:

SHAPE – описывает форму выделяемой области, возможные значения:

RECT – прямоугольник;

CIRCLE – круг;

POLY – многоугольник;

DEFAULT – определяет всю область.

COORDS – координаты, определяющие размеры и положение области на изображении. Количество и порядок значений зависит от значения атрибута SHAPE:

RECT: – левый-X, верхний-Y, правый-X, нижний-Y (т.е. сначала координаты левого верхнего угла, затем правого нижнего);

CIRCLE: – центр-X, центр-Y, радиус (т.е. горизонтальная и вертикальная координаты центра круга и радиус);

POLY: – X1, Y1, X2, Y2, ..., Xn, Yn (просто перечисляются координаты всех вершин многоугольника).

NOHREF – этот атрибут определяет, что данной области не соответствует никакая ссылка.

ALT – альтернативный текст для выделенной области, используется не визуальными браузерами.

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

TARGET – - значение этого атрибута ("_top", "_blank", "_self" или "_parent") определяет, в каком окне будет открыт документ (подробнее в Уроке про фреймы).

Если описываемые области пересекаются (накладываются друг на друга), то приоритет имеет область, описанная первой.

Атрибут USEMAP используется для того, чтобы соотнести какое-то изображение с определенной картой. Он может использоваться с элементами IMG, OBJECT и INPUT.

2Создание мигающего текста


Работает не во всех версиях в MS Explorer.

Вы можете создать изображение текста мигающим с помощью следующих команд:

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

3Создание бегущей строки.


Бегущая строка создается с помощью команд: и .

Команда Этот текст будет двигаться справа налево и назад.

Команда Этот текст будет двигаться и останавливаться.

Команда Этот текст будет двигаться очень быстро.

4Плавающие окна


Плавающее окно создаётся с помощью следующей команды:

    1. Задачи для самостоятельного решения студентами


3.1 Выбрать 3 основных цвета для дизайна сайта и презентации. Написать заголовки страниц и краткое (1 абзац) описание каждой страницы. Выбрать дизайн для основной страницы и универсальный стиль для дизайна подчинённых страниц. Стиль основной страницы и стиль подчинённых должны быть подобными, но не одинаковыми.
3.2 Сформировать в MS FrontPage главную и второстепенные страницы без использования стандартных графических схем оформления.
3.3 Вставить в web-страницу сформированные ранее графические иллюстрации (фотографии и фоновые рисунки), установить кнопки и связать с ними гиперссылки для взаимных переходов между страницами.
3.4 Сформировать главную страницу сайта в виде изображения-карты (Image-map) при помощи Html. Сделать на изображении-карте не менее 5 активных областей (гиперссылок), причём сделать круглые, прямоугольные и сложные ссылочные области. Включить в главную страницу анимацию, бегущую строку или мерцающий текст.

    1. Требования к оформлению отчёта


Отчет по лабораторной работе должен содержать:

  • название работы;

  • сведения о студенте (Ф.И.О., группа) и о преподавателе (Ф.И.О.);

  • дата выполнения лабораторной работы;

  • цель работы;

  • постановку задачи;

  • результаты выполнения заданий работы (экранные формы);

  • выводы по лабораторной работе.

Отчет оформляется в виде отдельного документа, форма представления отчета (распечатанная или электронная) решается по согласованию с преподавателем.

написать администратору сайта