Добавил:

Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.

Вуз:

Московский государственный университет приборостроения и информатики

Предмет:

[НЕСОРТИРОВАННОЕ]

Файл:

Комолова.doc

Скачиваний:

Добавлен:

27.08.2019

Размер:

1.1 Mб

Скачать

☆

1 / 211 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 > Следующая >>>

Н. Комолова, Е. Яковлева

К63 HTML: Самоучитель. 2-е изд. — СПб.: Питер, 2011. — 288 с.: ил.

ISBN 978-5-4237-0144-4

Самоучитель содержит последовательное изложение процесса создания веб-

страниц с помощью языка HTML. Подробно рассмотрены процесс создания изо-

бражений для размещения на веб-странице (в программе Adobe Photoshop) и об-

щие вопросы веб-дизайна. Книга содержит более 100 упражнений, позволяющих

на практике закрепить изучаемый материал. Новое издание существенно обнов-

лено актуальной информацией и дополнено материалом о технологиях XML,

XHTML, DHTML, а также описанием нового стандарта HTML5.

Для студентов, преподавателей вузов и широкого круга читателей, желающих

самостоятельно научиться созданию веб-страниц с помощью HTML.

Урок 1 Основные сведения 22

Основные понятия 23

Браузер 26

Структура документа 26

Гипертекстовые ссылки 27

Изменение программы 28

Теги и атрибуты 29

Основные правила создания веб-страниц 30

Атрибуты тега <Body> 30

Подведем итоги 34

Урок 2 Текст 35

Первая веб-страница 36

Уровни заголовков 36

Шрифт 38

Абзацы и разрывы строк 40

Выравнивание 42

Предварительное форматирование 43

Задание начертания 45

Неразрывные строки 486 Содержание

Вставка цитат 49

Комментарии 50

Акронимы 51

Определения 52

Шрифтовое выделение 52

Использование моноширинных шрифтов 53

Добавление текста с другой страницы 55

Расстановка пробелов 56

Подведем итоги 57

Урок 3 Графика 58

Размещение графики на веб-странице 59

Форматы графических файлов 60

Формат GIF 60

Формат JPEG 61

Формат PNG 61

Формат BMP 61

Формат PCX 62

Пикселы и разрешение 62

Примеры размещения графики на веб-странице 63

Выравнивание изображений 67

Карты изображений 68

Тег <MAP> 69

Тег <AREA> 69

Примеры карт изображений 71

Масштабирование изображений 74

Подведем итоги 77

Урок 4 Фон веб-страниц 78

Фоновые рисунки 79

Задание стандартных цветов 80

Подведем итоги 87

Урок 5 Линии, точки и другие объекты 88

Горизонтальные линии 89 Содержание 7

Клавиатурные символы 91

Специальные символы 94

Информация об авторе документа 96

Java-апплеты 97

Сценарии 97

Внешние объекты и комментарии 98

Листы стилей 98

Подведем итоги 99

Урок 6 Бегущая строка 100

Вставка бегущей строки на веб-страницу 101

Пример бегущей строки 102

Рисунок в качестве бегущей строки 103

Подведем итоги 104

Урок 7 Списки 105

Виды списков 106

Нумерованные списки 106

Маркированные списки 111

Вложенные списки 114

Списки определений 116

Подведем итоги 119

Урок 8 Таблицы 120

Основные теги таблиц 121

Создание таблиц 121

Создание строк и столбцов таблицы 122

Создание ячеек таблицы 122

Создание заголовка и подписи таблицы 123

Теги группирования элементов таблиц 123

Группирование столбцов таблицы 123

Группирование строк таблицы 123

Основные атрибуты элементов таблицы 124

Примеры таблиц 125

Подведем итоги 1558 Содержание

Урок 9 Формы 156

Создание форм 157

Размещение на форме элементов управления 159

Списки выбора 162

Многострочные текстовые поля 165

Подведем итоги 166

Урок 10 Фреймы 167

Свойства фреймов 168

Наборы фреймов 168

Вставка фрейма в документ с набором фреймов 170

Вставка фрейма в документ без набора фреймов 171

Взаимодействие фреймов 172

Примеры использования фреймов 173

Примеры взаимодействия фреймов 182

Подведем итоги 190

Урок 11 Ссылки 191

Универсальный указатель ресурса 192

Вставка ссылок в документ 193

Внутренние ссылки 194

Внешние ссылки 195

Переходы внутри документа 196

Графические ссылки 199

Подведем итоги 200

Урок 12 Технологии XML, XHTML, DHTML 201

Технология XML 202

Технология XHTML 203

Технология DHTML 204

Подведем итоги 209

Урок 13 Баннерная реклама 210

Определение баннера 211

Эффективность баннеров 211 9 Содержание 9

Примеры баннеров 213

Подведем итоги 215

Урок 14 Публикация и поиск документов 216

Подготовка и публикация веб-сайта 217

Поиск информации в Интернете 218

Поиск информации по URL-адресам 218

XX столетия Ванневар Буш (Vannevar Bush) объявил миру новое слово — «ги-

пертекст», а Тед Нельсон (Ted Nelson) предложил создать «документарную все-

ленную», связав все тексты, произведенные человечеством на свет, перекрестными

ссылками, но в начале шестидесятых годов двадцатого столетия у академической

публики это воззвание не вызвало ничего, кроме снисходительной улыбки

Осенью 1990 года сотрудники CERN получили в пользование первый веб-сервер

и веб-браузер, созданные Тимом Бернерсом-Ли в среде NeXTStep

Для работы с текстами был разработан специальный протокол передачи гипертек-

ста (HyperText Transfer Protocol, HTTP) Эта технология дала огромный толчок

развитию Сети, и Интернет стал действительно интернациональной сетью 16 Введение

Рис 0 1 Тим Бернерс-Ли — создатель языка HTML

Летом 1991 года проект WWW, покоривший научный мир Европы, пересек оке-

ан и влился в американский проект Internet Появился ряд новых аббревиатур:

URL, HTTP, HTML Вспыхнувшее было соперничество между Европой и Аме-

рикой за новую информационную технологию сошло «на нет» с переездом Тима

Бернерса-Ли в США В 1994-м он сначала возглавил кафедру в Массачусетском

технологическом институте, а затем — международный консорциум W3C (World

Wide Web Consortium), играющий роль органа по стандартизации Всемирной

Паутины

Интернет представляет собой объединение множества локальных компьютерных

сетей Хотя говорят, что у Интернета нет хозяина и он не принадлежит никому,

в нем, как показано на рис 0 2, наблюдается четкая иерархическая структура: ма-

гистрали, провайдеры, пользователи На рисунке использованы следующие обо-

значения

P — точка присутствия (Point of Presence, POP) Точками присутствия на- точка присутствия (Point of Presence, POP) Точками присутствия на- присутствия (Point of Presence, POP) Точками присутствия на- присутствия (Point of Presence, POP) Точками присутствия на- (Point of Presence, POP) Точками присутствия на- Точками присутствия на-

зывают места подключения к магистрали сети поставщика услуг Интернета

(Internet Service Provider, ISP), или провайдера, обслуживающего локальных

пользователей

N — точка доступа (Network Access Points, NAP) Точками доступа, или цен-

трами обмена (Internet eXсhange, IX), называют места объединения сетей не-

скольких провайдеров Введение 17

DNS — сервер доменной системы имен (Domain Name System, DNS) DNS-

серверы служат для трансляции доменных имен в IP-адреса

F — файловый (file) сервер

W — веб-сервер (web-server)

D — домен (domain)

Рис 0 2 Структура Интернета

Многие компании стали выпускать собственные браузеры и к ним собственные

расширения языка HTML, например в 1993 году был разработан первый графиче-

ский браузер Mosaic После этого появилось еще более ста различных браузеров

Самыми популярными стали Netscape Navigator и Microsoft Internet Explorer

Консорциум W3C разработал стандарты, необходимые для дальнейшего разви-

тия World Wide Web В 1996 году Консорциум W3C объявил о сотрудничестве

с лидерами рынка в целях стандартизации программного обеспечения

Появившийся в 1991 году язык HTML постоянно дорабатывался и дополнялся

Из всех этих видоизменений выделяют следующие версии:18 Введение

HTML 1.0 Первая версия языка, считая год его появления

HTML 2.0 Эта версия (RFC 1866) была разработана в 1994 г Рабочая груп-

па по HTML в составе IETF (Internet Engineering Task Force) ввела соответ-

ствующие изменения, и набор базовых элементов HTML 2 0 приобрел статус

стандарта

HTML 3.0 Эта версия языка была реализована в начале 1996 г Появилось мно-

го нововведений, включая теги для создания таблиц, для разметки математи-

ческих формул, для вставки обтекаемых текстом рисунков, для вставки при-

мечаний и т д Не нарушая основные концепции разметки гипертекста, авторы

версии 3 0 ввели новое средство — каскадные листы стилей (Cascading Style

Sheets, CSS)

HTML 3.2 Эта версия языка была реализована в 1996 г В ней были предусмо-

трены дополнительные элементы, предназначенные для создания апплетов,

задания регистра символов и т д Версия HTML 3 2 стала компромиссным ре-

шением — попыткой примирить Microsoft и Netscape и объединить их ориги-

нальные решения

HTML 4.0 Эта версия языка была реализована в 1997 г Вторая скорректиро-

ванная реализация вышла в 1998 г В HTML 4 0 была введена поддержка муль-

тимедиа, языков сценариев, а также средств воспроизведения документов для

пользователей с физическими ограничениями

Когда консорциум W3C опубликовал спецификацию языка HTML 4.0, он ука-

зал, что почти все атрибуты, определяющие вид HTML-документа (цвет, вы-

равнивание, шрифты, графика и т. д.), являются нежелательными, взамен

рекомендуется использовать листы стилей и классы. Однако большинство

разработчиков веб-страниц по-прежнему пользуются тегами, которые давно

знают.

HTML 4.01 Эта версия вышла в 1999 г В ней были исправлены ошибки, заме-

ченные в предыдущей версии

HTML 5 Разработка этой версии началась в рабочей группе W3C в 2007 г

и 22 января 2008 г появились в новой спецификации Спецификация и сейчас

находится в разработке и может находиться в этой стадии еще несколько лет

В поддержку языка HTML была создана целая серия языков программирования,

таких как Java, JavaScript, Perl, PHP и т д С помощью этих языков стало возмож-

ным создание динамических веб-страниц, включающих формы, таблицы, фреймы

и другие элементы

В феврале 1998 г был предложен язык XML (Extensible Markup Language — рас-

ширяемый язык разметки) Этот язык похож на HTML тем, что для описания

различных разделов документа в нем используются теги Однако в отличие от

HTML язык XML позволяет разработчикам определять собственные теги и ста-

вить им в соответствие собственные способы воспроизведения информации XML-

дескрипторы чувствительны к регистру символов Последняя версия Internet

Explorer поддерживает XML Что касается Netscape Navigator, то Mozilla (рабочая

группа в составе Netscape) лишь экспериментирует со средствами поддержки XML Введение 19

Язык XHTML (Extensible HyperText Markup Language — расширяемый язык раз- XHTML (Extensible HyperText Markup Language — расширяемый язык раз- (Extensible HyperText Markup Language — расширяемый язык раз-

метки гипертекста) — это сочетание HTML и XML Консорциум W3C, объеди- HTML и XML Консорциум W3C, объеди- и XML Консорциум W3C, объеди- XML Консорциум W3C, объеди- Консорциум W3C, объеди- W3C, объеди- 3C, объеди- C, объеди- , объеди-

няющий представителей более 500 организаций из разных стран, рекомендует

использовать XHTML вместо HTML, однако на сегодняшний день большинство

разработчиков остаются верными HTML

Язык Dynamic HTML (динамический язык HTML) — это попытка объединить

объектную модель документа (Document Object Model, DOM), язык JavaScript

и каскадные листы стилей (CSS) Dynamic HTML позволяет создавать интерак-

тивные веб-страницы с расширенной поддержкой мультимедиа Многие средства

Dynamic HTML описаны в спецификации HTML 4 01

Язык Java произошел от языка программирования Oak, ориентированного на ра-

боту в Интернете Синтаксис языка Java близок к синтаксису языка C++ Про-

граммы на языке Java можно разделить на две большие группы К первой группе

относятся Java-приложения, предназначенные для автономной работы под управ-

лением специальной интерпретирующей машины Java Реализации этой машины

созданы для всех основных компьютерных платформ Вторая группа — это так

называемые апплеты

Апплет — это небольшая программа, написанная на языке Java и включенная в со-

став HTML-файла Среду для выполнения Java-апплетов обеспечивает другая

программа, например, веб-браузер В отличие от приложений апплеты не могут

непосредственно выполняться в операционной системе Код апплета интерпрети-

руется браузером или сервером В зависимости от того, какая из программ высту-

пает в роли интерпретатора, апплеты могут выполняться на стороне клиента либо

на стороне сервера Java — это компилируемый язык

JavaScript — это язык сценариев, с помощью которого можно расширять воз-

можности HTML-страниц Этот язык разрабатывался корпорацией Netscape

Communications для использования в веб-браузере Netscape Navigator (JavaScript

для клиента) и веб-серверных продуктах (JavaScript для сервера), созданных этой

корпорацией Многие элементы этого языка, предназначенные для поддержки до-

полнительных функциональных возможностей статических веб-страниц, разра-

ботала фирма Sun Microsystem

В отличие от Java-апплетов, загружаемых отдельно от HTML-документа, в кото-

ром они используются, программы, написанные на языке JavaScript, встраивают-

ся непосредственно в HTML-документы с помощью парного тега <SCRIPT>

Некоторые начинающие пользователи считают, что JavaScript является версией

языка Java Это курьезное заблуждение, между JavaScript и Java нет ничего обще-

го Java — это язык программирования, а JavaScript — интерпретируемый язык,

предназначенный для написания сценариев

VBScript — язык, который был разработан Microsoft как подмножество язы-

ка Visual Basic VBScript создавался для работы с Internet Explorer и Microsoft

Internet Information Server

ColdFusion — это набор инструментальных средств разработки веб-приложений

Достоинством этого пакета является наличие удобных средств для работы с база-

ми данных 20 Введение

PHP — это язык сценариев, обрабатываемый сервером Подобно ColdFusion,

PHP-код непосредственно включается в состав HTML-документа Первоначаль-

ным названием PHP являлось Personal Home Page Tools (Персональная домашняя

страница) Позднее эта технология, допускающая размещение на сервере выпол-

няющихся скриптов веб-страниц, работающая, главным образом, на платформах

Unix, Linux и Solaris, стала расшифровываться по-другому: PHP (PHP Hypertext

Preprocessor)

В PHP реализованы лучшие решения многих языков, таких как C и Perl; кроме

того, PHP предоставляет разработчику мощные средства для работы с базами

данных Слово Perl является аббревиатурой выражения Practical Extraction and

Report Language Подобно Perl, PHP — свободно распространяемая открытая

система, и сообщество разработчиков имеет возможность ее модернизировать

Новой технологией для создания лучшего, удобного и более интерактивного веб-

приложения, а не новым языком программирования является AJAX AJAX — это

акроним Asynchronous JavaScript And XML AJAX использует JavaScript, чтобы

посылать и получать данные между веб-браузером и веб-сервером

Приложения AJAX являются браузерами и платформно-независимы (кросс-

платформенная и кросс-браузерная технология) Вместе со AJAX, интернет-

приложения можно сделать богаче (меньше, быстрее и легче для использова-

ния)

К известным средствам разработки можно отнести также CGI (Common Gateway

1 / 211 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 > Следующая >>>

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

#
01.12.2018386.05 Кб18Киса.doc
#
09.04.2015435.71 Кб15Кластеры.doc
#
09.04.2015359.82 Кб26кол.docx
#
20.08.2019200.7 Кб7колеб.контура.doc
#
15.03.2016222.72 Кб48Колебания типа E в прямоугольном объемном резонаторе.docx
#
27.08.20191.1 Mб16Комолова.doc
#
12.07.201960.12 Кб18комп.преступление2.docx
#
09.04.2015463.87 Кб35Компьютерные сети Лабораторная 01.doc
#
20.04.20191.19 Mб47Конспект лекций 4306 - 2007.doc
#
14.03.2016176.13 Кб182Конспект лекций материаловед.2...doc
#
09.04.20154.36 Mб509Конспект лекций от мешка 1.doc