Задания для выполнения лабораторных работ

Задания для выполнения лабораторной работы №1

«Разработка сайта, содержащего изображения и гиперссылки

На web-страниц»

Цель: Получить теоретические знания и практические навыки в использовании технологии HTML, CSS и гиперссылок.

Используемые приемы и технологии: HTML, слои, каскадные стилевые таблицы.

Ключевые термины: HTML-документ, тег, контейнер, браузер, кодировка, якорь, символ «#»

Варианты

1. Выдающиеся спортсмены Росси.

2. Выдающиеся музыканты Росси.

3. Выдающиеся художники России.

4. Выдающиеся политические деятели России.

5. Выдающиеся артисты эстрады России.

6. Выдающиеся писатели России.

7. Выдающиеся поэты России.

8. Выдающиеся певцы России.

9. Выдающиеся композиторы России.

10. Выдающиеся драматурги России.

11. Выдающиеся актеры кино, театра России.

12. Выдающиеся космонавты России.

13. Выдающиеся кинокритики России.

14. Выдающиеся кинорежиссеры России.

15. Выдающиеся бизнесмены России.

16. Выдающиеся депутаты государственной Думы России.

17. Выдающиеся врачи России.

18. Выдающиеся полководцы России.

19. Почетные граждане г. Кургана.

20. Лауреаты Нобелевской премии.

Последовательность выполнения задания

1. Продумайте структуру сайта. Выполните поиск графического и текстового материала для информационного контента сайта.

2. Создайте web-страницу Index.html, на которой разместите 5-6 графических изображений, используя абсолютное позиционирование.

3. Создайте в файле Style.css требуемую таблицу стилей для оформления страниц по теме варианта задания. Введите в ней описание стилей body (фоновая картинка), h2 (тип шрифта в ячейке таблицы), .text (заголовок), .t1 (стиль рамки для первой ячейки), .t2 (стиль рамки для второй ячейки), .link (стиль для шрифта текста, который является гиперссылкой), .d1 (абсолютное положение таблицы на странице), a:visited и a:hover (цвет гиперссылок).

4. Создайте web-страницы с биографиями ученых, используя подключаемую к ним каскадную стилевую таблицу Style.css.

Задания для выполнения лабораторной работы №2

«Разработка сайта, содержащего карту-изображение с заданными

Активными зонами»

Цель: Получить теоретические знания и практические навыки в использовании технологии HTML, CSS и активных зон.

Используемые приемы и технологии: HTML, слои, каскадные стилевые таблицы, карта-изображение (ImageMap).

Ключевые термины: гиперссылка, гипермедиассылка, карта-изображение

Варианты

1. План экспозиции музея боевой Славы ветеранов Великой Отечественной войны 1941-1945 годов.

2. План экспозиции картинной галереи современных художников России.

3. План экспозиции выставки достижений народного хозяйства.

4. Карта метрополитена г.Москвы.

5. План экспозиции международной выставки достижений науки и техники.

6. План экспозиции международной выставки современной авиационной техники.

7. План экспозиции международной выставки вооружений, боевой техники и средств связи.

8. Олимпийские объекты зимней Олимпиады Сочи-2014.

9. Достопримечательности и памятники Курганской области.

10. Высшие и средние технические учебные заведения Курганской области.

11. Города России, входящие в «Золотое кольцо».

12. План экспозиции международной выставки достижений автомобильной промышленности.

13. План экспозиции международной выставки достижений вычислительной техники.

14. Крупнейшие предприятия и организации Курганской бласти.

15. Материнская плата персонального компьютера.

16. План экспозиции Кремля г. Москвы.

17. Устройство системного блока персонального компьютера.

18. Достопримечательности и памятники г. Москвы.

19. Карта метрополитена г.Санкт-Петербурга.

20. Карта научно-исследовательских станций Антарктиды.