- •1.5. Задание на лабораторную работу
- •1.6. Оформление отчета о выполнении лабораторной работы
- •2.3.1 Требования к эвм:
- •2.4.5. Подготовьте отчет о выполнении лабораторной работы.
- •2.5. Задание на лабораторную работу
- •2.5.1 Варианты заданий
- •2.5.2 Требования к выполнению заданий:
- •1) Результат выполнения задания должен включать минимум 3 взаимосвязанные html-страницы.
- •2) Страницы должны содержать:
- •2.6. Оформление отчета о выполнении лабораторной работы
- •3.3.1 Требования к эвм:
- •3.4.9. Подготовьте отчет о выполнении лабораторной работы.
- •3.5. Оформление отчета о выполнении лабораторной работы
- •4.3.1 Требования к эвм:
- •4.5. Оформление отчета о выполнении лабораторной работы
- •4.6. Контрольные вопросы и задания
- •5 Визуализация xml-документов путём преобразования в html-документы. Xsl-трансформация xml-документов
- •5.3.1 Требования к эвм:
- •5.4.7. Подготовьте отчет о выполнении лабораторной работы.
- •5.5. Оформление отчета о выполнении лабораторной работы
- •5.6. Контрольные вопросы и задания
- •6 Разработка интерактивного интерфейса пользователя средствами xhtml и javascript
- •6.3.1 Требования к эвм:
- •6.4.3. Подготовьте отчет о выполнении лабораторной работы.
- •6.5. Оформление отчета о выполнении лабораторной работы
- •6.6. Контрольные вопросы и задания
- •7 Валидация html-форм интерфейса пользователя web-базированных ис средствами javascript
- •7.3.1 Требования к эвм:
- •7.4.4. Подготовьте отчет о выполнении лабораторной работы.
- •7.5. Оформление отчета о выполнении лабораторной работы
- •7.6. Контрольные вопросы и задания
- •8 Реализация асинхронного взаимодействия браузера с web-сервером с помощью технологии ajax
- •8.3.1 Требования к эвм:
- •8.4.7. Подготовьте отчет о выполнении лабораторной работы.
- •8.5. Оформление отчета о выполнении лабораторной работы
- •8.6. Контрольные вопросы и задания
1. РАЗРАБОТКА WEB-ИНТЕРФЕЙСА ПОЛЬЗОВАТЕЛЯ С ИСПОЛЬЗОВАНИЕМ HTML
Цель работы
Изучение принципов разработки 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-ДОКУМЕНТОВ
Цель работы
Изучение определений типа документа (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. Результат продемонстрируйте преподавателю.