4. Практическое задание

Задание 1

Создайте новую страницу. Составьте форму-анкету (используя методом POST), включающую в себя следующие поля (все переменные должны быть, читаемы, например: русский язык - langru, а не C1 или T2, по умолчанию в значениях должны быть ваши данные): Фамилия Имя Отчество E-mail Выбор страны (обязательно выпадающим SELECT, стран не менее 10-ти) Выбор города (обязательно с помощью radio, переменные должны быть одинаковыми, не менее 5-ти) Выбор языка (обязательно с помощью checkbox, переменные должны быть разными, не менее 5-ти) Выбор профессий (обязательно с помощью SELECT MULTIPLE, переменные должны быть разными, не менее 10-ти) Пароль Дополнительная информация (обязательно с помощью TEXTAREA) В скрытом поле (hidden), передайте переменную student со значением "Ваше_имя"(student=Ваше_имя). Кнопка для загрузки информации на сервер Кнопка для очистки формы В исходнике страницы укажите, в виде комментариев, для чего предназначены используемые для форм  теги и их свойства (атрибуты).

Создайте новую страницу, скопировав предыдущею страницу. Измените метод передачи на GET. Сделайте соответствующие выводы.

Сделайте ссылки с первой страницы, на эти две страницы.

Ко всем элементам формы должны быть применено структурированное форматирование и определённые классы.

Задание 2

Создайте новую страницу. Создайте простые поисковые формы к следующим поисковым системам: www.yandex.ru www.rambler.ru www.aport.ru www.google.com www.filesearch.ru URL обработчика и переменные посмотрите в исходниках страниц соответствующих поисковых систем.

Проверьте работоспособность форм.

5. Содержание отчёта

Отчёт должен содержать название и цель. Выполненные задания. Выводы.

6. Контрольные вопросы

1. Тег и параметры для создания HTML формы.

2. Перечислить значения параметры method и их смысл.

3. Перечислить теги элементов управления HTML форм.

4. Перечислить типы элементов управления INPUT.

5. Параметны size и maxlength тега INPUT.

6. Структура тега SELECT.

7. Значение параметра checked, в каких тегах он используется.

8. В каких тегах используются параметры cols, rows. Их значения.

9. Функция элемена управления типа submit.

Лабораторная работа №6 Резка и верстка веб-страниц.

13. Цель Изучить процесс подготовки изображений для верстки веб-страниц из исходного общего фото страницы. Закрепить полученные навыки по созданию веб-страниц.

14. Методические указания

5. При изучении конструкций языка HTML можно использовать любой текстовый редактор. Для получения HTML файла, сохраняйте свои изменения как текстовые, для файла используйте расширение *.htm или *.html.

6. Более опытные пользователи могут воспользоваться любым специализированным редактором HTML страниц (Macromedia Dreamweaver, HomeSite, FrontPage, AceHTML, Web Development Studio)

7. Создаваемые файлы необходимо тестировать в основных браузерах Internet Explorer, Mazilla Firefox, Opera.

8. Отлаженные файлы необходимо сохранять в отдельном каталоге.

9. По окончанию работы сохраните все созданные файлы на своих носителях.