Последовательность выполнения задания. 1. Продумайте структуру сайта. 1. Продумайте структуру сайта

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

2. Загрузите рисунок *.jpg в графический редактор Microsoft Paint. Наведите курсор мыши на место изображения, которое будет являться опорной точкой активной области создаваемой карты-изображения (ImageMap). В строке состояния окна Paint прочтите координаты точки. Решите, какая область (прямоугольник, окружность или многоугольник) будет являться активной областью, и определите координаты опорных точек: rect (прямоугольник) <area shape=rect cords=”координаты верхнего левого и правого нижнего углов”>; circle (окружность) <area shape=circle cords=”координаты центра и радиус”>; poly (многоугольник) <area shape=poly cords=”координаты вершин в порядке построения”>.

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

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

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

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

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

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

Ключевые термины: таблица, строка, ячейка, фон, разлиновка, обрамление

Варианты

1. Устройства ввода-вывода информации.

2. Модельный ряд видеокарт.

3. Модельный ряд материнских карт.

4. Модельный ряд модемов.

5. Модельный ряд сетевых карт.

6. Модельный ряд косметики.

7. Модельный ряд персональных компьютеров.

8. Модельный ряд автомобилей фирмы Toyota.

9. Модельный ряд спутниковых ресиверов.

10. Модельный ряд карт спутникового Internet.

11. Модельный ряд авиационной техники.

12. Модельный ряд оборудования кабельного телевидения.

13. Модельный ряд бытовых источников электроэнергии.

14. Модельный ряд музыкальных инструментов.

15. Модельный ряд боевой техники РФ.

16. Модельный ряд современной космической техники.

17. Модельный ряд современных средств связи.

18. Устройства обработки информации.

19. Устройства хранения информации.

20. Конфигурация персонального компьютера.