- •Основы создания web-страниц
- •Составители а.В. Распопов, д.В.Меркулов, о.Е.Ефимова
- •Введение
- •Основные понятия, инструменты создания и просмотра web-страниц
- •Стандарты языка html
- •Браузеры
- •Редакторы html-документов
- •Основы языка html
- •Синтаксис html-тегов
- •Структура html-документа
- •Адресация ресурсов
- •Задание к лабораторной работе №1 «Основные понятия, инструменты создания и просмотра web-страниц. Основы языка html»
- •Основные теги html
- •3.1 Комментарии
- •3.2 Символьные примитивы (&-последовательности)
- •Форматирование текста
- •4.1 Разбиение текста
- •4.2 Форматирование символов
- •4.2.1 Логическое форматирование
- •4.2.2 Физическое форматирование
- •4.3 Параметры шрифта
- •4.4 Заголовки разных уровней внутри текста
- •Задание к лабораторной работе №2 «Основные теги html. Форматирование текста»
- •Представление цвета и графики в html-документах
- •5.1 Формы представления цвета
- •5.2 Цвет текста и фон документа
- •5.3 Графические форматы
- •5.4 Графические изображения
- •Задание к лабораторной работе №3 «Представление цвета и графики в html-документах»
- •Задание к лабораторной работе №4 «Списки»
- •Гиперссылки
- •Задание к лабораторной работе №5 «Гиперссылки»
- •Изображение-карта
- •Задание к лабораторной работе №6 «Изображение-Карта»
- •Задание к лабораторной работе №7 «Таблицы»
- •10.1 Описание структуры набора фреймов
- •10.2 Общий вид html-документа, задающего набор фреймов
- •10.4 Целевые фреймы
- •11.1 Простейшая форма
- •11.2 Типы элементов форм
- •Задание к лабораторной работе №9 «Формы»
- •Несколько советов
- •Список использованных источников
- •Методические указания к лабораторным работам по курсу «Информационные технологии» для студентов специальности 080801
Федеральное агентство по образованию
Государственное образовательное учреждение высшего профессионального образования
Воронежский государственный архитектурно-строительный университет
Основы создания web-страниц
Рекомендовано редакционно-издательским советом Воронежского государственного архитектурно-строительного университета в качестве учебного пособия для студентов, (в экономике)"
Воронеж 2006
Составители а.В. Распопов, д.В.Меркулов, о.Е.Ефимова
УДК 681.3.066
Методические указания к лабораторным работам по курсу «Информационные технологии» [Электронный ресурс]: для студентов специальности 080801 / Воронеж. гос. арх.-строит, ун-т; сост.: А.В. Распопов, Д.В. Меркулов, О.Е. Ефимова – Воронеж, 2006. - 38 с.
Методические указания предназначены для студентов специальности 080801 «Прикладная информатика (в экономике)» при изучении курса «Информационные технологии» и представляют собой руководство к выполнению лабораторно-практических работ по теме «Основы создания Web-страниц». Методические указания содержат значительный объем индивидуальных заданий, которые должны быть выполнены каждым студентом при проведении лабораторных работ.
Табл. , Библиогр. 5 назв.
Печатается по решению Редакционно-издательского совета Воронежского государственного архитектурно-строительного университета
Рецензент – А.А. Кононов, к. т. н., доц. кафедры ММВТ ВГАСУ
Введение
Основные понятия, инструменты создания и просмотра web-страниц
Одним из основных сервисов Интернет сейчас с полным основанием можно считать службу World Wide Web (WWW). Информация в WWW представлена в виде так называемых гипертекстовых (или, более широко, гипермедийных) документов, которые могут содержать отформатированный текст, графику, аудио и видеофрагменты. Основной особенностью гипертекстовых документов является наличие активных зон, чувствительных к щелчку мыши. Активными могут быть фрагменты текста, целые изображения и их части; щелчок по активной зоне вызывает загрузку связанного с этой зоной (целевого) документа.
Гипертекстовые документы для WWW представляют собой текстовые файлы, размеченные в соответствии со стандартами языка HTML (HyperText Markup Language - язык разметки гипертекста), командам которого посвящена значительная часть данного пособия. Говоря о таких файлах, употребляют разные термины: html-файл, html-документ, html-страница, Web-страница, WWW-страница и так далее. Совокупность html-файлов, посвященных определенной теме, оформленных в едином стиле и связанных друг с другом гиперссылками, представляют собой Web-сайт.
Просмотр html-документов осуществляется с помощью программ-браузеров (от английского browser), которые отображают документ в соответствии с html-разметкой и обеспечивают навигацию по гиперссылкам.
Стандарты языка html
Язык разметки гипертекстовых документов HTML представляет собой совокупность команд, называемых тегами (от английского tag). Встречающиеся в тексте документа html-теги интерпретируются браузером при отображении документа. Целый ряд тегов указывает браузеру, как надо отформатировать текстовый фрагмент (они задают размер, цвет, начертание, выравнивание текста). Другие теги определяют графическое оформление (фон документа, вставка изображений), задают активные зоны и т.д. Каждый из многих десятков тегов позволяет задать какие-то параметры отображения документа.
Синтаксис и семантика языка HTML определяются в стандарте HTML. Стандарты разрабатываются на основании многочисленных предложений, проходят ряд стадий. Разработка проводится группой под эгидой World Wide Web Consortium (W3C). Информацию "из первых рук" о стандартах, рекомендациях и перспективах развития HTML можно найти в Интернет по адресу http://www.w3.org/MarkUp. На этом сайте, также приводятся и периодически обновляемые ссылки на переводы данных документов, в частности, на русский язык (http://www.w3.org/Consortium/Translation).
Основными вехами на пути развития стандартов HTML можно считать принятие стандартов HTML 1.0, HTML 2.0, HTML 3.2. На момент написания этого пособия последней разработкой является стандарт HTML 4.01. Каждый вновь принимаемый стандарт предоставляет в распоряжение web-мастера новые теги, позволяющие сделать html-документ эффективным и внешне привлекательным.