Практические работы № 15

Тема: Создание интерактивного Web-документа.

Цель: Обучение студентов созданию Web-форм, необходимых для организации обратной связи с посетителями Web-узла и использование каскадных таблиц стилей.

Порядок выполнения работы

1.В папке Student с именем своей группы, создать папку с именем HTML, для хранения всех файлов, созданных при выполнении задания. Просмотреть документ в коде HTML и в программе Internet Explorer.

2.В блокноте создать документ HTML, содержащий форму пользовательского ввода с двумя однострочными полями ввода и одним многострочным, кнопками отправки информации и сброс . Просмотреть документ в Internet Explorer.

3.Включить в данную Web-страничку текст с графикой и таблицей, оформленный определенным стилем.

4.Оформить отчет.

Требование к отчету:

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

– название и цель работы;

– описание последовательности выполнения работы;

– письменные ответы на вопросы к упражнениям.

Ход работы:

Упражнение 1.	Создать форму пользовательского ввода с двумя однострочными полями ввода и одним многострочным, кнопками отправки информации и сброс.
Упражнение 2	Представить текст (файл е01t.txt) НТМL-документом с использованием листов стилей СSS. Установить: абзац 50рх;, выровнять текст по краям, цвет текста #336699, шрифт Gеоrgia, размер шрифта 16рх.
Упражнение 3	Представить текст с графикой НТМL-документом с использованием листов стилей СSS. Установить: аб­зац 50рх, выровнять текст по краям, цвет текста #666633, шрифт Аrial). раз­мер шрифта 16рх, обтекание картинки полевому краю. Создайте ссылку на увеличенное изображение картинки в отдельном окне
Упражнение 4	Оформить список (файл e03t.txt) в НТМL-документе с использованием лис­тов стилей СSS.
Упражнение 5	Создать таблицу шириной 745рх с заголовком, которая содержит 5 строк и 5 столбцов, шириной 45рх, 200рх. 200рх. 200рх, 100рх. Задать промежуток между ячейками 0рх, и промежуток между содержимым ячейки и ее гра­ницей 5рх.
	Создать таблицу шириной с параметрами как в упражнении 5. Используя листы стилей СSS задать фоновый цвет #ffffff, #99ссff, #6699сс, #336699 и #003366 для 1, 2, 3, 4 и 5 столбца соответственно.

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

1. Как можно задать шрифт для элемента списка формы?

2. Как оформляется комментарий в CSS?

3. Какие средства придают сайту динамичность?

4. Назовите основные принципы, которых следует придерживаться при создании художественной основы сайта.

5. Назовите основные элементы образующие индивидуальный стиль и уникальность Web- сайта.

Список литературы

1. Бобцов А.А., Лямин А.В., Чежин М.С. Компьютерные сети и Интернет.

2. Учебно-методическое пособие. – СПб.: СПбГИТМО(ТУ), 2000. – 78 с.: ил.

3. Вейтман В. Программирование для Web.: Учебное пособие. – М.: Издательский дом “Вильямс”, 2000. – 368 с.: ил.

4. Денисов А. Microsoft Internet Explorer 5: Справочник. Первое издание. –"Питер", С.-Петербург, 2000. – 448 с.

5. Исагулиев К. Macromedia Dreamweaver 3. С.-Петербург:БХВ