38

1. РАЗРАБОТКА WEB-ИНТЕРФЕЙСА ПОЛЬЗОВАТЕЛЯ С ИСПОЛЬЗОВАНИЕМ HTML

1. Цель работы

Изучение принципов разработки web-страниц с применением HTML.

1.2 Методические указания по организации самостоятельной работы

При подготовке к лабораторной работе необходимо изучить рекомендованную литературу, лекционный материал по дисциплине и ознакомиться с функциональными возможностями среды разработки Eclipse и браузеров Firefox.

1.3 Описание лабораторной установки

Лабораторная работа выполняется на ЭВМ с использованием среды разработки Eclipse и браузеров Firefox, Internet Explorer, Opera, Chrome, Safari и т.д.

1.3.1 Требования к ЭВМ:

• Процессор Pentium 4 или выше;

• не менее 128 Мбайт оперативной памяти;

• SVGA-дисплей;

• Linux, Windows XP, Vista, Windows 7

1.4 Порядок выполнения и методические указания по выполнению работы

В процессе выполнения лабораторной работы изучаются функциональные возможности среды разработки Eclipse и различных браузеров. В работе следует придерживаться следующего алгоритма работы:

1. Создайте новый проект в среде разработки Eclipse “File-> New-> Project-> General-> Project”.

2. Выполните полученный вариант задания, предполагающий разработку нескольких взаимосвязанных html-страниц. В процессе выполнения задания необходимо добавлять новые html-файлы в созданный проект (“File->New->File”).

3. Для интерпретации html-файлов и проверки полученных результатов используется браузер. В случае изменения отображаемого файла, осуществляется обновление его отображения в браузере клавишей F5.

4. Подготовьте отчет о выполнении лабораторной работы.

1.5. Задание на лабораторную работу

Разработать сайт-визитку для выбранной предметной области, представляющий собой набор взаимосвязанных html-страниц с соответствующим предметной области содержанием. Например, сайт торгового предприятия, содержащий главную страницу с общими сведениями о предприятии, страницу с контактами, прайс-лист предлагаемых товаров и услуг.

Варианты заданий

1	Кадры
2	Гаражный кооператив
3	Стоматологический кабинет
4	Аптека
5	Регистратура поликлиники
6	Библиотека
7	Студенты и зачеты
8	Магазин «Автозапчасти»
9	Цветочный магазин
10	АЗС
11	Профком

Требования к выполнения заданий:

1) Результат выполнения задания должен включать минимум 3 взаимосвязанные html-страницы.

2) Страницы должны содержать:

- теги заголовка и метатеги;

- изображения, таблицы, теги регулирующие шрифты и цветовое оформление элементов страниц;

- внутренние и внешние гиперссылки.

1.6. Оформление отчета о выполнении лабораторной работы

По результатам работы каждая бригада студентов оформляет индивидуальный отчет, который включает:

- титульный лист (с указанием номера и темы работы, фамилию и инициалы исполнителей, цифр группы и т.д.);

- конкретизированную цель лабораторной работы;

- вариант задания и краткое описание предметной области;

- ход выполнения работы и полученные результаты (Web-интерфейс в виде экранных форм, распечатанных на листах формата A4);

- структуру созданного проекта и листинг html файлов;

- выводы.

1.7. Контрольные вопросы и задания

1. Что такое HTML? Дайте краткую характеристику данной технологии.

2. Какую структуру имеют HTML-документы? Дайте краткую характеристику кожному структурному компоненту HTML-документы.

3. Опишите синтаксис HTML. Приведите рекомендации к построению HTML-документов.

4. Перечислите и охарактеризуете назначение основных групп тегов HTML.

2. ВАЛИДАЦИЯ HTML И XHTML-ДОКУМЕНТОВ

2. Цель работы

Изучение определений типа документа (DTD), а также принципов валидации web-страниц, разработанных с применением HTML и XHTML.

2.2 Методические указания по организации самостоятельной работы

При подготовке к лабораторной работе необходимо изучить рекомендованную литературу, лекционный материал по дисциплине и ознакомиться с функциональными возможностями среды разработки Eclipse и браузеров IE и Firefox.

2.3 Описание лабораторной установки

Лабораторная работа выполняется на ЭВМ с использованием среды разработки Eclipse и браузеров Firefox, Internet Explorer, Opera, Chrome, Safari и т.д.

2.3.1 Требования к эвм:

• Процессор Pentium 3 или выше;

• не менее 128 Мбайт оперативной памяти;

• SVGA-дисплей;

• Linux, Windows XP, Vista, Windows 7.

2.4 Порядок выполнения и методические указания по выполнению работы

Выполнение данной лабораторной работы требует наличия результатов лабораторной работы №1.

==========================HTML==========================

2.4.1. Приведите разработанный ранее сайт-визитку к требованиям выполнения задания, указанным в пункте 2.5.2. Результаты выполнения задания (скриншоты и исходный код страниц приведите в отчете).

2.4.2. Укажите подходящий DOCTYPE для каждой из страниц сайта. Аргументируйте выбор. Требуется выбрать максимально строгий вариант.

2.4.3. Обеспечьте проверку каждой из страниц валидатором http://validator.w3.org/

Используйте опцию «Validate by File Upload».

Устраните выявленные замечания (перечень устраненных замечаний и исходный код страниц приведите в отчете), продемонстрируйте преподавателю их устранение.

2.4.4. Обеспечьте идентичное отображение всех страниц сайта в браузерах IE и Firefox. Результат продемонстрируйте преподавателю.

==========================XHTML==========================

2.4.5. Модифицируйте разработанный сайт с использованием синтаксиса языка XHTML.

2.4.6. Укажите подходящий DOCTYPE для каждой из страниц сайта. Аргументируйте выбор. Требуется выбрать максимально строгий вариант.

2.4.7. Обеспечьте проверку каждой из страниц валидатором http://validator.w3.org/

Используйте опцию «Validate by File Upload».

Устраните выявленные замечания (перечень устраненных замечаний и исходный код страниц приведите в отчете), продемонстрируйте преподавателю их устранение.

2.4.8. Обеспечьте идентичное отображение всех страниц сайта в браузерах IE и Firefox. Результат продемонстрируйте преподавателю.