Министерство образования и науки РФ

Федеральное государственное бюджетное образовательное учреждение высшего профессионального образования

«Воронежский государственный архитектурно-строительный университет»

Кафедра информатики и графики

Основы 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. Теоретические сведения