Задание 2

Создайте сайт по образцу:

Л/р №5 технология css

CSS (CascadingStyleSheets - каскадные таблицы стилей) это технология, расширяющая возможности стилевого оформления Web-страниц, по сравнению со стандартными средствами HTML. Атрибуты дескрипторов HTML заменяются свойствами CSS, которые позволяют устанеовить цвет фона и текста, границы, шрифт и другие параметры практически для любого дескриптора CSS. Существуют так же специфические свойства CSS, применимые, например к таблицам и спискам. Примененение CSS настоятельно рекомендуется в стандарте HTML, начиная с версии 4.0. Ряд атрибутов дескрипторов HTML, таких как ALIGN, не рекомендуются к использованию, и соответствующие оформительские задачи средствами CSS (см.краткий перечень свойств CSS).

Inline-стиль (атрибут style)

Для любого дескриптора HTML может быть указан атрибут STYLE, которому присваивается перечень свойств CSS, заключенный в кавычки. Для каждого свойства после двоеточия указывается одно или несколько значений, разделенных пробелами. Пары свойство: значение раделяются точкой с запятой. Inline-стиль рекомендуется использовать, если данное стилевое оформление используется только один раз и в одном единственном документе, правда сдедует учитывать, что не все браузеры корректно отображают применение inline-стиля.

Внедренная таблица стилей (дескриптор style)

Внедренная таблица стилей применяется если заданный в ней стиль встречается только в одном HTML документе, но несколько раз. Для создания внедренной таблицы стилей используется дескриптор <STYLE>...</STYLE>, помещенный в заголовочном разделе HTML страницы <HEAD>...</HEAD>. Внутри контейнера <STYLE>...</STYLE> перечисляются ключевые слова стилизуемых дескрипторов. После каждого ключевого слова в фигурных скобках, через точку с запятой указываются пары свойство: значение. Стилизованный таким образом дескриптор называется селектором. Селекторы используются для форматирования документа в разделе <BODY>...</BODY>

Связывание и импортирование стилевой таблицы

Если мы хотим использовать единое стилевое оформление для нескольких HTML документов, целесообразно поместить стилевую таблицу в отдельный файл, а затем воспользоваться механизмом связывания или импортирования. На основе предыдущего примера рассмотрим эти механизмы, создав для стилевой таблицы файл mystyle.css.

Связывание

Импортирование

Селекторы класса

Предположим нам нужно два типа абзацев, каждый из которых имеет свое собственное стилевое оформление. В этом случае мы создаем два вида селекторов: P.first и P.second. Мы создаем два класса для одного дескриптора <P>: first и second (имена классов любые).

Задание

Для сайта, созданного в л/р №4 создайте стилевое оформление по технологии CSS.

ЗАЧЕТНАЯ ЛАБОРАТОРНАЯ РАБОТА

Задание

Для получения зачета вам необходимо создать небольшой тематический сайт по одной из тем, связанных с историей техники и технологий или фирм (на усмотрение преподавателя, по его заданию или по вашему выбору). Список составлен по реально существующим запросам в поисковике Google:

1. История авиации (воздухоплавания).

2. История автомобилестроения (автомобиля).

3. История атомной (ядерной) бомбы, ядерного оружия, ядерных испытаний.

4. История атомной (ядерной) энергетики.

5. История Apple.

6. История Applemacintosh.

7. История баз данных.

8. История биотехнологии.

9. История биологического оружия.

10. История Boeingбоинг(боинга).

11. История вертолетостроения (вертолета).

12. История вычислительной (компьютерной) техники.

13. История вооружений (военной техники).

14. История железнодорожноготанспорта.

15. История информатики.

16. История интернета (возникновения интернета).

17. История IBM.

18. История IBM PC.

19. История Intel.

20. История космонавтики.

21. История кораблестроения (кораблей).

22. История лазера.

23. История майкрософт (microsoft).

24. История microsoftofice.

25. История мотоциклов (мотоцикла).

26. История микропроцессоров (микросхем).

27. История нанотехнологий (нанотехнологии).

28. История ПВО (противовоздушной обороны).

29. История подводных лодок.

30. История программирования (программного обеспечения).

31. История программирования (языков программирования).

32. История ракетной техники (ракетостроения).

33. История самолетостроения (самолетов).

34. История танков.

35. История ускорителей.

36. История электротехники.

37. История электроники.

Требования к сайту

1. Сайт должен состоять из трех фреймов:"Заголовок", "Меню", "Информация".

2. Заголовок должен содержать изображение и текст (тема сайта).

3. Меню должно содержать, приблизительно, следующие пункты:

   1. "Главная" - общее описание, предназначение и задачи техники, технологии, фирмы в прошлом и настоящем ;

   2. "События" - Значимые события в истории (создание или первое испытание образца техники), этапы развития;

   3. "Творцы" - личности, значимые в истории - руководители, конструкторы, испытатели;

   4. "Техника" - техника в прошлом и настоящем, ее описание и характеристики.

4. При запуске сайта во фрейме информация должна появляться "Главная" страница, а затем по выбору из меню.

5. Сайт должен содержать заголовки, абзацы, списки и таблицы, имеющие стилевое оформление посредством CSS.