- •Отчёт по лабораторным работам №2, №3
- •Оглавление
- •Введение
- •Задание №3. Цель работы
- •Задание
- •Выполнение работы Основной файл frame1.Htm
- •Листинг 2. Код основной страницы
- •Верхний фрейм header.Html
- •Листинг 2. Код верхнего фрейма
- •Левый фрейм управления left.Html
- •Листинг 3. Код левого фрейма
- •Начальный правый фрейм right.Html
- •Листинг 4. Код начального правого фрейма
- •Основная страница about.Html
- •Листинг 5. Код основного фрейма
- •Форма обратной связи form.Html
- •Листинг 6. Код формы Выводы
МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ
ГОСУДАРСТВЕННОЕ ОБРАЗОВАТЕЛЬНОЕ
УЧРЕЖДЕНИЕ ВЫСШЕГО ПРОФЕССИОНАЛЬНОГО
ОБРАЗОВАНИЯ
«МОСКОВСКИЙ ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ РАДИОТЕХНИКИ, ЭЛЕКТРОНИКИ И АВТОМАТИКИ»
Факультет ИТ
Кафедра интеллектуальных
технологий и систем
Отчёт по лабораторным работам №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