- •Часть 2 Язык гипертекстовой разметки html. Расширенные возможности
- •Определение типа документа
- •Стилевое оформление сайтов
- •Создание таблицы стилей
- •Атрибут style
- •Создание специальных классов
- •Связывание и внедрение таблиц стилей
- •Свойства и стили
- •Создание сайтов с помощью фреймов Понятие фрейма
- •Добавление фреймов
- •Имена и целевые объекты фреймов
- •Вложенные фреймы
- •Использование мультимедийных элементов и jaVa-приложений Понятие мультимедиа
- •Причины использования мультимедиа
- •Типы файлов
- •Связывание или внедрение
- •Мультимедийные элементы на страницах Добавление гипермедиассылок
- •Внедрение мультимедийных элементов
- •Внедрение QuickTime
- •Формат Windows Media
- •Работа с Java
- •Java-апплеты
- •Стили сайтов: разработка, доступность и глобализация Стили сайтов
- •Базовый сайт
- •Глобализация
- •Публикация веб-сайтов
- •Поставщики услуг Интернета
- •Бесплатные серверы
- •Доступ к дисковому пространству сервера
- •Библиографический список
- •Содержание
- •Часть 2 Язык гипертекстовой разметки html. Расширенные возможности
- •620002, Екатеринбург, ул.Мира, 19
- •620002, Екатеринбург, ул.Мира, 19
Федеральное агентство образования Российской Федерации
ГОУ ВПО «Уральский государственный технический университет – УПИ»
ВЕБ-ДИЗАЙН
Часть 2 Язык гипертекстовой разметки html. Расширенные возможности
Рекомендовано методическим советом ГОУ ВПО УГТУ-УПИ
В качестве методических указаний к лабораторным и самостоятельным
Работам по курсу «Веб-дизайн» для слушателей курсов повышения
квалификации и студентов всех форм обучения всех специальностей
Екатеринбург
2005
УДК 681.3
Составитель А. В. Кибардин
Научный редактор доцент., к.т.наук Б. В. Семенов
Веб-дизайн. чАСТЬ 2.: Язык гипертекстовой разметки HTML. Расширенные возможности. Методические указания к лабораторным и самостоятельным работам по курсу «Информатика» / А. В. Кибардин. Екатеринбург: ГОУ ВПО УГТУ-УПИ, 2005. 32 с.
Методические указания предназначены для изучения основ технологии разработки веб-страниц с использованием стилевого оформления, фреймов, мультимедийных элементов и публикации страниц в Интернете.
Методические указания ориентированы на студентов, аспирантов, слушателей ФПК и подготовительного отделения, обучающихся основам современных информационных технологий.
Библиогр.: 3 назв. Рис. 5. Табл. 6.
Подготовлено факультетом повышения квалификации преподавателей и профессиональной переподготовки
УДК 681.3
© ГОУ ВПО «Уральский государственный
технический университет-УПИ», 2005
Определение типа документа
Язык HTML – это язык гипертекстовой разметки. Язык развивается, и с момента его появления в начале 90-х годов уже вышло несколько обновленных стандартов. Каждая последующая версия строится на основе предыдущей. Результатом изменения языка HTML стал язык XML, целью разработки которого явилась задача унификации написания веб-страниц затем, чтобы они воспринимались любыми браузерами. Кроме того XML может быть использован для создания и определения новых языков, специфичных для какой-либо области применения.
Новый стандарт XHTML 1.0 содержит два подхода: строгий и переходный. В начало любого веб-документа в соответствии с требованиями стандарта необходимо включать DTD (определение типа документа). Для работы с уже существующей страницей необходимо поместить такое DTD:
<! DOCTYPE html
PUBLIC "\ /W3C//DTD XHTML 1.0 Transitional//EN"
"DTD/xhtml1-transitional.dtd">
А в открывающий тег элемента <html> следует добавить параметр xlmns, задающий пространство имен XML:
<html xlmns="http://www.w3.org/1999/xhtml">
…
</html>
Это определение означает использование спецификации XHTML 1.0 Transitional. Данная спецификация позволяет добиться обратной совместимости браузеров.
Для работы с таблицами стилей следует использовать следующее DTD:
<! DOCTYPE html
PUBLIC "\ /W3C//DTD XHTML 1.0 Strict//EN"
"DTD/xhtml1-strict.dtd">
<html xlmns="http://www.w3.org/1999/xhtml">
…
</html>
Стилевое оформление сайтов
Таблицы стилей. Теория
Элементы типа <font> оформляют текст страницы, однако воспринимаются не всеми браузерами. Поэтому потребовалось решение этой проблемы. Им стало создание таблиц стилей, что позволило веб-дизайнерам использовать элементы Strict XHTML и иметь возможность создавать свои стили. Суть применения таблиц стилей в следующем: необходимо разделить информационную и оформительскую части работы над веб-страницами. Именно это требуется при использовании Strict XHTML, старые теги можно использовать, если применяется спецификация Transitional XHTML.
В чем удобство таблиц стилей?
Во-первых, они могут существовать независимо от HTML-документов, т. е. в отдельных файлах. Отделение стилевых элементов от организационных решает еще один вопрос HTML – удобство восприятия кода: например, чтобы отредактировать стиль оформления абзацев на вашей странице, достаточно сделать это в таблице стилей. Таким образом данный инструмент минимизирует затраты времени на разработку и придает веб-страницам единообразный вид.
Таблицы стилей, как и язык HTML, имеют несколько спецификаций. Будем использовать стандарт CSS2, который наиболее часто применяется в веб-публикациях.
Что заменили собой таблицы стилей?
Это прежде всего элемент <font>. Далее, это элемент <center>. Еще одним популярным в прошлом контейнером является <blink>, заставляющий включенный в него текст мигать. Кроме того, следует упомянуть контейнеры, задающие стилевое оформление (<u>, <s> и т. п.).
!!! Многие элементы HTML имеют атрибут align (выравнивание). В стандарте Strict XHTML этот атрибут не используется с элементами. Выравнивание делается в таблице стилей. То же самое относится к атрибуту bgcolor, задающему цвет фона.