Контрольная работа
Методические указания и задание на выполнение контрольной работы
Работа должна охватывать весь спектр вопроса индивидуального варианта. В зависимости от степени выполнения Вам будет поставлена оценка за контрольную работу.
Номер варианта указывается на титульном листе контрольной работы и определяется по двум последним цифрам пароля
Требования к оформлению отчетаНеобходимо представить следующее: текст варианта и законченную работу (файл с расширением .doc).
Перечень вариантов и текст задания:
- Фреймовый макет web-сайта.
- Блочный сайт.
- Оформление страниц средствами внешней таблицы стилей CSS.
- Структура HTML-элементов.
- Организация форм.
- Дизайн сайта. Создание коллажа.
- «Резиновый» сайт.
- Элементы дизайна сайта: анимационные кнопки.
- Создание контента сайта музея.
- Разработка элементов фирменного стиля.
- Web-дизайн и программы для создания web-страниц.
- Классы и наследования классов CSS.
- Системы управления содержимым сайта
- Объекты, формы и фреймы.
- Графические и мультимедийные элементы оформления web-сайта.
Лабораторная работа №1
Тема: Изучение среды WEB дизайна Microsoft Expession Web и создание web-страницы.
Задание: Microsoft Expression Web позволяет разрабатывать веб-страницы, интегрирующие в рамках веб-сайта такие технологии как XML, CSS, ASP.NET, XHTML, XSLT и JavaScript. С помощью редактора (например, Microsoft Expression Web) создайте страницу регистрации пользователя сайта.
Задача общая для всех вариантов.
Рекомендации к выполнению:Выбрав раздел меню
File (Файл) > New (Новый), вызовите диалоговое окно создания HTML документа. После этого появится окно, содержащее пустую HTML страницу. Используя панель инструментов (Toolbox), создайте web-страницу для регистрации пользователя, её основные элементы – это поля для заполнения «Имя», «Организация», «Электронная почта». После сохранения документа
(File (Файл) >
Save As (Сохранить)) можно предварительно посмотреть страницу в web-браузере:
Лабораторная работа №2
Тема: Применение CSS в WEB дизайне
Задание: Создать таблицу стилей, подключить её к web-странице с общей информацией о студенте (ФИО, группа, дисциплина, …) и использованием разного цвета и размера шрифта для текса со следующим шаблоном разметки:
:
В меню нужно вынести не менее трех пунктов, которые могут переносить пользователя на другие web-ресурсы.
В заголовок можно вынести основную информацию, например, имя студента, в контактную информацию можно вывести информацию об обратной связи (например, электронную почту).
Задача общая для всех вариантов.
Рекомендации к выполнению:Тип верстки страницы может быть табличный или блочный. Для табличной верстки можно использовать тег <TABLE>, он предназначен для
создания в документах таблиц, но часто используется и для оформления размещения элементов на странице. Для блочной верстки можно использовать тег <DIV>.
Когда таблица стилей находится в отдельном файле, она может быть
подключена к web-страницы с помощью тега <link>, располагающегося
между тегами <head> и </head>. Тег <link> имеет атрибут href, имеющий значением адрес таблицы стилей, пример:
<head><link rel="stylesheet" type="text/css" href="style.css"/></head>Если таблица стилей описана в самом документе, она может располагаться в нем между тегами <style> и </style>, пример:
<head><style type="text/css">body { color: blue;}</style></head>Если таблица стилей описана в самом документе, она также может располагаться в нем в теле какого-то отдельного тега, пример:
<p style="font-size: 24px; color: green;">Пример зеленого текста, размер шрифта 24 пикселя</p>Лабораторная работа №3
Тема: Совместимость и адаптация WEB дизайна
Задание: Разработка web-дизайна сайта по теме варианта.
Номер варианта
Тематика сайта
1-Сайт-визитка
2-Сайт библиотеки
3-Сайт учебного заведения
4-Сайт производственной компании
5-Развлекательный сайт
6-Сайт больницы
7-Сайт школы
8-Сайт знакомств
9-Сайт суда
10-Сайт налоговой
11-Сайт телекоммуникационной компании
12-Сайт «Ремонт автомобилей»
13-Сайт строительной компании
14-Сайт «личный видео-блог»
15-Сайт юридической компании
16-Сайт художника
17-Сайт психолога
Необходимо с помощью HTML и CSS разработать web-дизайна сайта по теме варианта.
Рекомендации к выполнению:Сначала нужно проработать структуру проекта - разделы сайта, в соответствии с которыми будет формироваться навигационное меню и строиться дизайн. Для наброска можно использовать бумагу и ручку или любой редактор графики.
Часто основными элементами страницы являются: заголовок, логотип, навигация, контент, нижний колонтитул, свободное пространство.
Ширина может быть «резиновой», а может быть фиксированной. Логотип часто располагается в верхнем левом углу страницы или посередине. Навигационная панель содержит ссылки на основные разделы сайта. Навигационная панель часто располагается в верхней части страницы. Контент - это основная составляющая веб-страницы. Он занимает главное место в дизайне страницы, поэтому занимает большее пространство. Нижний колонтитул располагается внизу страницы, и обычно содержит информацию о правообладателе, контактные и юридические данные, ссылки на основные разделы сайта, ссылки на социальные сети, форму обратной связи и др.