Язык html. Применение каскадных таблиц стилей (Лабораторная работа № 1)

Страницы работы

Содержание работы

1 ЛАбораторная работа
«Язык html. применение каскадных таблиц стилей»

1.1 Цель работы

Целью работы является изучение языка html для построения web сайтов и применение каскадных таблиц стилей при оформлении html страниц.

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

Разработать 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.3 Порядок выполнения работы

1)  выбрать вариант задания из подраздела 1.2;

2)  разработать и реализовать на языках HTML и CSS Web сайт в соответствии с выбранным вариантом задания;

3)  написать отчет о работе;

4)  защитить отчет.

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

Отчет должен содержать следующие обязательные элементы.

1)  титульный лист;

2)  цель работы;

3)  вариант задания;

4)  структуру (дерево) сайта;

5)  HTML код одной из страниц сайта;

6)  CSS код, используемый на сайте (можно совместить с п.5, в случае, если используется глобальные или локальные таблицы стилей);

7)  скриншот HTML страницы сайта;

8)  выводы по работе.

Похожие материалы

Информация о работе