9217

Лабораторная работа № 5

Тема: Вставка графических изображений. Использование изображений в качестве гиперссылок. Создание карты ссылок.

Цель работы: научиться размещать графические объекты на Webстраницах, изменять их размер и размещение; использовать карты изображения.

Лабораторная работа № 6

Тема: Использование таблиц при создании Web-документов.

Цель работы: познакомиться с практическими приемами создания таблиц с использованием HTML-тегов, рассмотреть основные теги и атрибуты, научиться проектировать структуру и форматировать таблицы; получить навыки практического применения таблиц для размещения соответствующих данных, а так же верстки Web-документов.

Лабораторная работа № 7

Тема: Создание пользовательских форм на Web-странице.

Цель работы: познакомиться с разными видами пользовательских форм, получить навыки создания и размещения различных элементов управления на формах в Web-документах.

Задания:

Задания по вариантам:

Лабораторная работа № 8

Тема: Каскадные таблицы стилей. Использование CSS для стилевого оформления Web-страниц. Работа с изображениями с использованием CSS. Создание фотогалереи на Web-странице.

Цель работы: изучить способы использования стилевой разметки; научиться создавать и применять таблицы стилей для управления представлением содержимого Web –страниц; изучить способы использования стилевой разметки для оформления и размещения изображений на Web-странице; научиться создавать фотогалерею

Задание к работе

1.Создать файл style.css для хранения таблицы стилей сайта.

2.Используя инструкции CSS создать таблицу стилей, реализующую заданный стиль.

3.Из всех html документов сайта удалить информацию о стиле (задание цвета, размера, выравнивания и т.д.)

4.Подключить файл таблицы стилей ко всем страницам сайта.

5.Просмотреть результат в браузере.

6.Создать стиль оформления Обложки для основного документа Web –сайта (использовать внутренний способ подключения).

7.Изменить стилевое оформление отдельных блоков нескольких страниц (цвет текста заголовков, фоновую заливку) используя внедренные стили. Просмотреть результат в браузере.

8.Предварительная работа ( подготовка фотографий, миниатюр) и загрузка файлов. Разработка адаптивной сетки.

9.Оформление миниатюр.

10.Стилизация подписей.

11.Выполнение дополнительных настроек стилей (документа в целом, указанных элементов, с использование встроенных стилей).

12.Дополнительные возможности: подключение плагина для всплывающих

окон.

13.Сделать выводы по работе.

Родькина Ольга Яновна

WEB - ДИЗАЙН

Учебно-методическое пособие

по выполнению лабораторных работ по дисциплине «Web - дизайн» для обучающихся по направлению подготовки 21.03.03 Геодезия и дистанционное зондирование, направленность (профиль)

Инфраструктура пространственных данных

Федеральное государственное бюджетное образовательное учреждение высшего образования «Нижегородский государственный архитектурно-строительный университет»

603950, Нижний Новгород, ул. Ильинская, 65. http://www.nngasu.ru, srec@nngasu.ru