МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ

ГОСУДАРСТВЕННОЕ ОБРАЗОВАТЕЛЬНОЕ

УЧРЕЖДЕНИЕ ВЫСШЕГО ПРОФЕССИОНАЛЬНОГО

ОБРАЗОВАНИЯ

«МОСКОВСКИЙ ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ РАДИОТЕХНИКИ, ЭЛЕКТРОНИКИ И АВТОМАТИКИ»

Факультет ИТ

Кафедра интеллектуальных

технологий и систем

Отчёт по лабораторным работам №2, №3

Тема: Язык разметки гипертекста HTML. Фреймы, объекты и формы. Сценарии. Язык JavaScript. Замена изображений. Изменение свойств текста. Метод setTimeout. Управление формами

Студент: Соловьев А.Н.

Группа: ИТС-3-07

Руководитель: Холкин И.И.

Оглавление

Введение 3

Задание 3

Задание №2. 3

Цель работы 3

Задание 3

Задание №3. 4

Цель работы 4

Задание 4

Выполнение работы 6

Основной файл frame1.htm 6

Верхний фрейм header.html 6

Левый фрейм управления left.html 8

Начальный правый фрейм right.html 10

Основная страница about.html 11

Форма обратной связи form.html 17

Выводы 19

Введение

Так как работа №2 представляет собой работу с голыми фреймами, то работа №2 была объединена с работой №3 и создана без применения шаблонов в задании, а с нуля. В ходе выполнения работы будут некоторые комментарии по применимости методов. Также в данной работе были применены нестандартные подходы, в частности, большое внимание было уделено стилям CSS, а также возможностям языка JavaScript, в том числе популярная в настоящее время якорная навигация.

Задание

Задание №2.

Цель работы

Ознакомление с принципами, лежащими в основе языка разметки гипертекста HTML. Формирование навыков форматированиятекста с использованием фреймов. Использование форм

Задание

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

Изучите Методические указания или соответствующие разделы пособий [1,2].

Оформите вашу домашнюю Web-страницу на основе шаблона фреймов.

Изучите структуру фреймов (Файлы main.htm, frame1.htm, right2.htm, right1.htm, m1.htm). При нажатии на эту ссылку вы увидите шаблон простейшей Web-страницы на основе фреймов. Проделайте следующие действия.

4.1. Изучите HTML-коды и сравните их с видом страниц, которые вы наблюдаете в окне браузера. Улучшите фоны и дизайн страниц, используя Gif-файлы.

4.2. На основной странице укажите общие сведения о себе. Меню должно включать не менее трех разделов, например:

Биография

Работа

Отдых

4.3. При оформлении используйте знания и навыки, полученные при выполнении Лабораторной работы № 1. Изучите опыт построения других домашних страниц, который вы можете почерпнуть в Интернете. Воспользуйтесь возможностью изучения HTML-кода этих страниц. Проявите инициативу, творческие способности и фантазию.

4.4. Включите графические материалы, фото, видео. Создайте приятный цветовой, аудио фон и т.д.

4.5. Измененные файлы main.htm, frame1.htm, right2.htm, right1.htm, m1.htm и right3.htm включите в отчет по лабораторной работе.

5. Изучите принципы построения форм (Файл Form.htm). При нажатии на эту ссылку вы увидите шаблон формы, а также шаблоны следующих элементов форм:

ISINDEX (ввод строки, содержащей текстовые фрагменты, и генерации запроса);

INPUT ( создание различных частей формы, таких как флажки, переключатели, поля ввода.);

LABEL (контейнер для других элементов формы);

SELECT (создание списка или меню на гипертекстовой странице);

TEXTAREA (создание области для ввода или просмотра текста);

BUTTON (Создание кнопок с комбинацией текста и графики);

FIELDSET, LEGEND (создания группы полей в форме);

FORM (Построение достаточно сложных форм).

Проделайте следующие действия.

5.1. Изучите HTML-код и сравните его с видом страницы, которую вы наблюдаете в окне браузера. Используя Методические указания или соответствующие разделы пособий [1,2], а также примеры, приведенные на странице, изучите и запомните основные приемы использования элементов форм и форм.

5.2. Заполните форму (Пример формы) информацией, и отошлите ее по электронной почте (например, себе). Для этого надо ввести в код страницы реальный электронный адрес. Заполнив форму, следует щелкнуть на кнопке Отослать.

5.3. Внесите формы, а также приведенные на странице элементы форм в вашу домашнюю Web-страницу (См. п. 3,4Лабораторная работа № 2)

Содержание отчета

Задание к работе

Файлы:

main.htm, frame1.htm;

right1.htm ,right2.htm;

right3.htm,

описывающие вашу домашнюю Web-страницу и включающие ваши реквизиты, внесенные изменеия и формы.

3. Указанные файлы должны быть представлены в виде распечаток и на дискете с расширениеми .htm и .txt