1 ЛАбораторная работа
«Язык html. применение каскадных таблиц стилей»
Цель работы
Целью работы является изучение языка html для построения web сайтов и применение каскадных таблиц стилей при оформлении html страниц.
Задание на лабораторную работу
Разработать web сайт, состоящий из статических html страниц. Html страницы должны быть оформлены с применением каскадных таблиц стилей.
Тематика сайта и требования к виду применяемых стилей определяется вариантом задания. Варианты задания приведены в табл. 1.
Вместо предлагаемой тематики сайта по договоренности с преподавателем разрешается взять свою тему.
Тема сайта, выбранная в первой лабораторной работе, будет сквозной во всех последующих лабораторных работах. По мере выполнения последующих работ функциональность сайта будет наращиваться.
Таблица 1
Темы сайтов
| № вар. | Тематика сайта | Типы таблиц стилей | Число страниц, не менее |
| Автомобили. История создания, модельный ряд, технические характеристики. | локальные | ||
| глобальные | |||
| Комнатные цветы. Виды комнатных растений, рекомендации по уходу, | Связные | ||
| Кошки. Породы кошек, рекомендации по содержанию, отличительные особенности. | Локальные | ||
| Туристическое агентство. Предлагаемые маршруты, информация по странам, цены на путевки. | Глобальные | ||
| Испания. История страны, справочная информация, достопримечательности. | Локальные | ||
| Связные | |||
| Ван Гог. Биография, работы, периоды в творчестве художника. | Глобальные | ||
| Связные | |||
| Электронный магазин. Каталог товаров, цены на товар, заказ товаров через Интернет. | Связные | ||
| Юридическая консультация. FAQ вопросов по недвижимости, прием вопросов. | Связные | ||
| Локальные | |||
| Фамилии. Список фамилий, объяснение значения фамилий. | Локальные | ||
| Связные | |||
| Электронная библиотека. Каталог книг. Информация по книге. Демонстрация содержимого книги. | Связные | ||
| Обои для рабочего стола. Фотогалерея быстрого просмотра и полноразмерные фотографии. | связные | ||
| Форум. Регистрация на форуме. Разделы форума, правила форума, открытие новых тем, ответы на вопросы. | Локальные | ||
| Глобальные | |||
| Организация. Об организации. Контакты. Каталог продукции, форма заказа-наряда. | Связные | ||
| Локальные | |||
| Поликлиника. Контакты, график работы врачей-терапевтов, выполняемые услуги. | Связные | ||
| Глобальные | |||
| Рок группа. История создания, альбомы, новости, тексты песен. | Глобальные | ||
| Театральная афиша. График спектаклей, информация по спектаклю. | Связные | ||
| Новостной сайт. Лента новостей, детальная информация по новостям, новостные рубрики. | Локальные | ||
| Связные | |||
| Сайт знакомств. Регистрация, создание анкеты, поиск и просмотр анкет, посылка сообщений. | Связные | ||
| Мой сайт. О себе, фотогалерея, хобби, гостевая книга, загрузка файлов. | Глобальные | ||
| Связные | |||
| Актер. Биография, фотогалерея, информация по фильмам, форум поклонников. | Локальные | ||
| Связные |
Порядок выполнения работы
1) выбрать вариант задания из подраздела 1.2;
2) разработать и реализовать на языках HTML и CSS Web сайт в соответствии с выбранным вариантом задания;
3) написать отчет о работе;
4) защитить отчет.
Требования к отчету
Отчет должен содержать следующие обязательные элементы.
1) титульный лист;
2) цель работы;
3) вариант задания;
4) структуру (дерево) сайта;
5) HTML код одной из страниц сайта;
6) CSS код, используемый на сайте (можно совместить с п.5, в случае, если используется глобальные или локальные таблицы стилей);
7) скриншот HTML страницы сайта;
8) выводы по работе.