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