Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Веб-дизайн_ч_2.doc
Скачиваний:
1
Добавлен:
01.05.2025
Размер:
454.14 Кб
Скачать

Федеральное агентство образования Российской Федерации

ГОУ ВПО «Уральский государственный технический университет – УПИ»

ВЕБ-ДИЗАЙН

Часть 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, задающему цвет фона.

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]