- •Основы web-дизайна
- •Составители а.В. Распопов, о.Е. Ефимова, д.В. Меркулов
- •Введение
- •1.2.1. Стандарты языка html
- •1.2.2. Браузеры
- •Редакторы html-документов
- •Контрольные задания
- •Синтаксис html-тегов
- •Структура html-документа
- •Адресация ресурсов
- •Контрольные задания
- •3.2.1. Комментарии
- •3.2.2. Символьные примитивы (&-последовательности)
- •4.2.1. Разбиение текста
- •4.2.2. Форматирование символов
- •4.2.2.1. Логическое форматирование
- •4.2.2.2. Физическое форматирование
- •4.2.3. Параметры шрифта
- •4.2.4. Заголовки разных уровней внутри текста
- •5.2.1. Формы представления цвета
- •5.2.2. Цвет текста и фон документа
- •5.2.3. Графические форматы
- •5.2.4. Графические изображения
- •Контрольные задания
- •10.2.1. Описание структуры набора фреймов
- •10.2.2. Общий вид html-документа, задающего набор фреймов
- •10.2.4. Целевые фреймы
- •11.2.1. Простейшая форма
- •11.2.2. Типы элементов форм
- •Контрольные задания
- •Несколько советов
- •Библиографический список
- •Оглавление
- •Основы web-дизайна
Министерство образования и науки РФ
Федеральное государственное бюджетное образовательное учреждение высшего профессионального образования
«Воронежский государственный архитектурно-строительный университет»
Кафедра информатики и графики
Основы web-дизайна
Методические указания
к выполнению лабораторных работ по курсу «Информационные сети»
для студентов специальности 230201
«Информационные системы и технологии»
Воронеж 2011
УДК 681.3.066
ББК 32.973.202-018.2
Составители а.В. Распопов, о.Е. Ефимова, д.В. Меркулов
Основы WEB-дизайна : метод. указания к выполнению лаб. работ по курсу «Информационные сети» для студ. спец. 230201 «Информационные системы и технологии» / Воронеж. гос. арх.-строит. ун-т ; сост.: А.В. Распопов, О.Е. Ефимова, Д.В. Меркулов. – Воронеж, 2011.– 45 с.
Методические указания представляют собой руководство к выполнению лабораторно-практических работ по теме «Основы Web-дизайна» и содержат значительный объем индивидуальных заданий, которые должны быть выполнены каждым студентом при проведении лабораторных работ.
Предназначены для студентов специальности 230201 «Информационные системы и технологии» при изучении курса «Информационные сети».
Ил. 7. Табл. 15. Библиогр.: 4 назв.
УДК 681.3.066
ББК 32.973.202-018.2
Печатается по решению редакционно-издательского совета
Воронежского государственного архитектурно-строительного
университета
Рецензент – Т.В. Волобуева, канд. физ.-мат. наук, доцент
кафедры информатики и графики Воронежского
государственного архитектурно-строительного
университета
Введение
Одним из основных сервисов Интернет сейчас с полным основанием можно считать службу World Wide Web (WWW). Информация в WWW представлена в виде так называемых гипертекстовых (или, более широко, гипермедийных) документов, которые могут содержать отформатированный текст, графику, аудио- и видеофрагменты. Основной особенностью гипертекстовых документов является наличие активных зон, чувствительных к щелчку мыши. Активными могут быть фрагменты текста, целые изображения и их части; щелчок по активной зоне вызывает загрузку связанного с этой зоной (целевого) документа.
Гипертекстовые документы для WWW представляют собой текстовые файлы, размеченные в соответствии со стандартами языка HTML (HyperText Markup Language - язык разметки гипертекста), командам которого посвящена значительная часть данных методических указаний. Говоря о таких файлах, употребляют разные термины: html-файл, html-документ, html-страница, Web-страница, WWW-страница и т.д. Совокупность html-файлов, посвященных определенной теме, оформленных в едином стиле и связанных друг с другом гиперссылками, представляют собой Web-сайт.
Просмотр html-документов осуществляется с помощью программ-браузеров (от английского browser), которые отображают документ в соответствии с html-разметкой и обеспечивают навигацию по гиперссылкам.
Настоящие методические указания состоят из одиннадцати лабораторных работ, содержащих теоретический материал и значительный объем примеров для создания и графического оформления Web-страниц. Они ориентированы на формирование у студентов навыков практического создания html-документов при изучении курса «Информационные сети». В конце каждой лабораторной работы дается целый комплекс контрольных заданий, которые должны быть выполнены каждым студентом.
Лабораторная работа № 1
Инструменты создания и просмотра WEB-страниц
1.1. Цель работы
Изучение основных инструментов создания и просмотра WEB-страниц.
1.2. Теоретические сведения