Переход в начало документа Если   рассмотреть   исходные   тексты   различных  WEB­страниц,   то   можно легко увидеть схожесть их структуры. Это объясняется тем, что документы создаются по определенным правилам. В основу синтаксиса языка   HTML 6 7 лег стандарт ISO 8879:1986 «Information processing. Text and office systems. Standard   Generalized   Markup   Language   (SGML)».  Правда,   существует большое   различие   между   стандартом   официальном   и   стандартом фактическим.   развивается,   дополняется   новыми элементами. Рассмотрим основные элементы HTML.  HTML  постоянно   Означает документ на языке HTML. Я уже упоминал о том, что одним из принципов   языка  является   многоуровневое   вложение  элементов.  Данный элемент является самым внешним, так как между его начальным и коечным тегами должна находится вся  WEB – страница. В принципе этот элемент. Он имеет атрибуты version, long и dir, которыми в данном случае редко кто пользуется,   и   допускает   вложение   элементов  HEAD,  BODY  и   других, определяющую общую структуру WEB­страницы. Конечным тегом  оканчиваются все документы в формате HTML. Область заголовка Web – страницы, её первая часть. HEAD  служит только для формирования общей структуры документа. Этот элемент может иметь атрибуты  IANG,  DIR,   должен   включать   элемент  TITLE  и   допускает вложение элементов BASE, META, LINK, OBJECT, SCARIPT, STULE. Элемент   для   размещения   заголовка  Web  –   страницы.   Строка   текста   , расположенного внутри этого элемента, отображается не в документе, а в заголовке окна броузера. Эта строка часто используется при организации поиска в WWW. Эта строка должна достаточно точно отражать назначение документа. Элемент   для   описания   стиля   некоторых   элементов  Web  –   страницы.   В файле Strukt. Html назначены шрифты для элементов h2, code. Для каждого элемента   существует   стилевое   оформление   по   умолчанию,   поэтому употребление элемента  style не обязательно, но желательно. Этот элемент введён сравнительно недавно, без него немыслима работа в приложениях World, Excel. Элемент   содержит   служебную   информацию,   которая   не   отражается   при просмотре  Web­ страницы. Внутри него нет текста в обычном понимании, поэтому   нет   и   конечного   тега.   Каждый   элемент  Meta  содержит   два основных атрибута, первый из которых определяет тип данных, а второй – содержание. Вот несколько примеров meta – данных: Дата, обозначающая срок годности документа: Name – “Expires”  content = “Дата” 7 8 Адрес электронной почты: Name = “Reply – to” content = “ Имя @ Адрес “ Имя автора Web­страницы: Name = “Author” content = “ Имя автора” Набор ключевых слов для поиска: Name = “Keywords” content = “слово 1, слово 2, слово 3…” Краткое описание содержания Web­ страницы: Name = “Description” content = “Содержание страницы” Описание типа и характеристик Web – страницы: Name = “Content – Type” content = “ Описание страницы” Указание приложения, в котором была создана Web – страница: Name = “Generator” content = “Название HTML – редактора” Атрибут  Name  используется   приложением   –   клиентом   для   получения дополнительной информации о  Web  – страницах и их упорядочения. Его часто   заменяют   атрибутом  http  –  equiv.   Он   используется   сервером   для создания дополнительных полей при выполнении запроса. Элемент META может содержать URL. Шаблон атрибута таков: URL = “http: // адрес” Этот элемент заключает в себе гипертекст, который определяет собственно Web – страницу. Конечный тег этого элемента надо искать в конце HTML­ файла.   Внутри   элемента  BODY  можно   использовать   все   элементы, предназначенные   для   дизайна  Web­страницы.   Внутри   начального   тега элемента  BODY  можно   расположить   ряд   атрибутов,   обеспечивающих установки для всей страницы целиком. Атрибут, определяющий фон страницы, является одним из самых важных для дизайна. background = “Путь к файлу” Более простое оформление фона сводится к заданию его цвета: bgcolor = “#RRGGBB” Цвета фона задается тремя двухразрядными шестнадцатеричными числами, которые   определяют   интенсивность   красного,   зеленого   и   синего.   Оба приведенных   выше   атрибута   не   являются   альтернативными   и   часто используются   совместно:   если   по   каким­либо   причинам   не   может   быть найден рисунок фона, используется цвет. Поскольку фон станицы может изменятся, необходимо иметь возможность подбирать   соответственный   цвет   текста.   Для   этого   имеются   следующей атрибут: text = “#RRGGBB” Для задания цвета текста гиперссылок используются следующие атрибуты: link = “#RRGGBB” Точно так же можно задать цвет для просмотренных гиперссылок: 8 9 vlink = “#RRGGBB” Можно   также   указать   изменение   цвета   для   последней   выбранный пользователем гиперссылки: Alink = “#RRGGBB” В   любом   языке   программирования   есть   конструкции,   позволяющие создавать произвольные ремарки.  HTML  в этом смысле – не исключение. Текст,   введений   внутри   этого   элемента,   игнорируется   браузером.   Эти элементы могут располагаться в любом месте  WEB­страницы. Признаком комментария служит восклицательный знак, а текст комментария должен обрамляться двойным дефисом. Например:

Элемент   заголовка.   Существует   шесть   уровней   заголовка,   которые обозначаются  H1…H6. Заголовок  уровня 1 самый крупный, а уровень 6 обеспечивает   самый   маленький   заголовок.   Для   заголовков   могут использовать   атрибуты,   задающие   выравнивание   влево,   по   центру   или вправо: align = “left” align = “center” align = “right”

---

Горизонтальная   линия   –   очень   часто   используемый   элемент.   Во­первых, потому что с его помощью очень удобно делить страницу на части. Во­вторых, потому что выбор подобных элементов оформления у автора страницы   очень   небольшой.   Этот   элемент   не   имеет   конечного   тега,   но допускает ряд атрибутов для выравнивания влево, по центру, вправо, по ширине: align = “left” align = “center” align = “right” align = “justify” Можно задать толщину линии: Size = толщина в пикселях Можно управлять длиной линии: width = длина в пикселях width = длина в процентах Можно выбрать цвет: color = “цвет” HTML­документ может быть очень большим, и в этом случае нужно иметь возможность   быстрого  перемещения  к   нужному  разделу   документа.  Для 9 10 этого   можно   использовать   механизм   гиперссылок.   Необходимо   также   в нужных   местах   текста   расставить   соответствующие   метки.   Шаблон   для создания меток таков: Произвольный текст В   данном   случае   данной   строке   документа   присваивается   имя,   и, следовательно, в другой части документа или даже на другом документе может быть создана гиперссылка, приводящая в эту точку. Для перехода внутри документа можно использовать следующую конструкцию:

Переход к метке

Несколько   подобных   строк   могут   образовать   своеобразное   оглавление Web­страницы, которое можно разместить в начале и в конце документа. Элемент для задания базового адреса (URL) для ссылок. Это позволяет опускать начальную часть адреса в ссылках документа. Для использования этого элемента необходимо использовать следующую конструкцию: Фрагмент   адреса  путь1  не   является   обязательным.   При   формировании полного адреса он будет отброшен. Если в тексте документа встретится относительная ссылка Видимый текст ссылки, то она будет соответствовать URL http: // компьютер/путь 2/имя документа. Html В   том   случае,   когда   надо   задать   базовый   адрес   для   локального   диска (например, D), должна быть использована такая конструкция:    Правила синтаксиса При использовании каждого элемента важно знать, какие элементы могут располагаться внутри него, и внутри каких элементов может находиться он сам. Так, взаимное расположение элементов HTML, HEAD, TITLE, BODY должно   быть   стандартным   на   любой   странице,   в   тех   случаях,   когда   не используются   фреймы.   Если   страница   представляет   собой   документ планировки   фреймов,   то   вместо   элемента  BODY  используется   элемент FRAMESET. 10 11 Существуют группы элементов, которые используются совместно. К ним относятся элементы для создания таблиц, списков, фреймов. В этом случае порядок   вложения   элементов   определяется   логикой   создания   того   или иного  объекта   на странице.  Таблицы  и фреймы  часто  используются  для того,   чтобы   разместить   детали   страницы   (рисунки,   текст   и   др.)   в определённом   порядке.   Например,   располагая   рисунок  внутри  ячейки таблицы, можно добиться определённого его положения. Большое   количество   элементов,   которые   используются   для форматирования   текста,   допускают   самые   разнообразные   варианты вложения.   И   сами   они   обязательно   должны   располагаться   внутри определённых элементов. Например, есть два абзаца (первый в зелёной рамке) и таблица:  Текст абзаца 1

…

 Текст абзаца 2 

Таблица   в   данном   случае   –   независимый   элемент.   Её   можно,   например, выравнивать независимо от остального текста. Можно использовать другой код: Текст абзаца 1 …

 текст абзаца 2

Исчез   конечный   тег   первого   абзаца.   Теперь   таблица   является   частью первого абзаца, и зелёная рамка будет охватывать таблицу и текст. И наоборот, элемент P может находиться внутри таблицы: например, один элемент ячейки TD может содержать несколько абзацев P. Правила   синтаксиса   распространяются   и   на   использование   стартового   и конечного   тегов,   атрибутов   и   содержимого   элемента.   Нельзя   путать понятия   «элемент»   и   «тег».  Элемент   –  это   контейнер,   содержащий атрибуты   внутри   стартового   тега   и   полезную   информацию   между стартовым   и   конечным   тегами.  Тег   –  это   конструкция,   заключённая   в угловые   скобки   и   используемая   для   обозначения   области   действия элемента. Некоторые   элементы   не   имеют   конечного   тега.   Элементу  BR, обозначающему конец строки, не нужен конечный тег. Некоторые элементы могут использоваться с конечным тегом и без него. Элемент абзаца P может иметь   конечный   тег   ,   но   если   тег   не   задан,   то   признаком   окончания действия элемента служит следующий элемент, который может логически определить   конец   текущего   абзаца:   другой   элемент  P,   элемент   рисунка IMG, элемент списка UL, элемент таблицы TABLE и др. Важным   правилом,   которое   не   имеет   исключений,   является   размещение атрибутов элемента внутри начального тега. 11 12  Unicode   Кодирование символов Основным   языком   Интернета   является   английский   язык.   Но   для гипертекстовых   документов   предусмотрено   использование   национальных алфавитов. Стандартным режимом отображения является кодировка  ISO Latin  1   (ISO  8859­1).   Она   подходит   как   для  MS­DOS  (набор   символов ASCCII), так и для Windows. В тоже время браузеры поддерживают набор символов 2.0   (ISO10646),   что   позволяет   использовать национальные алфавиты. Это означает, что символы могут кодироваться однобайтовым   числом  (коды   в   пределах  0­255)   или   двухбайтовым  (0­65 535).   В   первом   случае   для   использования   национального   алфавита необходим атрибут charset, так как одни и те же коды символов могут быть интерпретированы по­разному для различных кодовых страниц. Кириллица   (Windows)   и/или   Кириллица   (Кои8­Р)   –   это   две   наиболее популярные в нашей стране кодировки. Если в документе есть  указание  на определённую кодовую страницу, то выбор   шрифта   будет   предопределён.   Коды   32­127,   то   есть   знаки препинания,   цифры   и   буквы   латинского   алфавита,   отображаются правильно, а коды 128­255 могут отображаться по­разному. Если кодовая страница указана неправильно, то, например, при создании гипертекстовых   документов   в  MS  FrontPage  Express  в   текст   страницы автоматически добавляется конструкция типа  charset  =xxxxx, которая не позволяет использовать кириллицу. В этом случае необходимо правильно указать значение атрибута: charset =windows­1251. Если   документ   использует   кодировку  Unicode,   то   для   работы   с   ним подойдут такие средства, как Блокнот, Norton Commander или WordPad, и придётся   остановиться   на   гипертекстовом   редакторе.   В   этом   случае русская буква А будет выглядеть в режиме «источника» так А (в десятичной   кодировке).   Такую   страницу   будет   сложно   читать   и редактировать.   Поэтому   каждый   новый   редактор   надо   тестировать   на возможность   использования   русских   букв:   набрать   небольшой   текст, сохранить документ, а затем просмотреть его в режиме источника.  Использование символов В HTML и в браузерах реализована возможность прорисовки символов по их   кодам.   Символы   могут   быть   общепринятыми,   нестандартными   и используемыми   в  HTML  в   качестве   служебных   символов.   Их   называют спецсимволами. Первый способ ввода спецсимвола заключается в указании его   кода.   Например,   латинскую   букву   А   можно   задать   так:   A.   Для некоторых символов предусмотрена мнемоническая кодировка. Часто используемые спецсимволы (по стандарту ISO 8859 – 1): 12 Код символа Числовой код 34 38 60 62 153 160 162 163 164 165 166 167 169 171 172 174 176 177 178 179 181 182 183 185 " & < > ™   ¢ £ ¤ ¥ ¦ § © « ¬ ® ° ± ² ³ µ ¶ · ¹ Название Символ 13 Мнемоничес кий код " & < > &trade Прямая кавычка Амперсанд знак «меньше» Знак «больше» Торговая марка “ & < > ™ ¢ £ ¤ ¥ ¦ § © « ¬ ® ° ± ² ³ µ ¶ ∙ ¹   Неразрывный пробел Цент Фунт Знак валюты Йена Вертикальная строка Знак параграфа Знак копирайта Левая типографска я кавычка Знак отрицания Знак “зарегистрир овано” Знак градуса Знак “плюс минус» Степень 2 Степень 3 Знак «микро» Знак абзаца Точка­ маркер Степень 1 ¢ £ ¤ ¥ ¦ § © « ¬ ® ° ± ² ³ &mikro ¶ · ¹ 13 187 188 189 215 247 » ¼ ½ × 14 » ¼ ½ × ÷ ÷ Правая типографска я кавычка Одна четвёртая Одна вторая Знак умножения / кавычки/ Знак деления » ¼ ½ * / Для   отделения   символа   от   последующего   текста   надо   вводить   точку   с запятой. Мнемонические   символы   бывают   очень   полезны,   особенно   для   тех символов, которые нельзя ввести с клавиатуры. Например, для указания разрешения экрана можно использовать такую конструкцию: 640× 480 Двойная   кавычка,   угловые   скобки   и   амперсанд   (<,   >,   &)   являются служебными в HTML. Если их надо использовать в обычном тексте на Web­ странице, то они должны быть указаны только при помощи кодов. Кириллица   тоже   может   быть   реализована   в   виде   набора   спецсимволов. Русские буквы расположены (при кодировании Windows­1251) в том месте кодовой   таблицы,   где   первоначально   располагались   латинские   буквы   с тильдами,   умляутами.   Поэтому   англоязычные   редакторы  HTML  при переключении клавиатурного регистра часто записывают кириллицу в виде кодов.  Типы данных Основным   типом   данных  Web­страницы   является   текстовой   тип. Существует много элементов, которые являются контейнерами для текста, или используются для форматирования текста. Числовые и мнемонические коды, обозначающие символы, предваряются знаком амперсанта &. Таким образом, амперсанд и угловые скобки могут быть введены в текст не на прямую,   а   только   при   помощи   кодов.   Текстовые   данные,   являющиеся значениями атрибутов, заключаются в прямые двойные кавычки. Числовые   данные   требуются   только   для   указания   значений   атрибутов   и записываются без кавычек. Гиперссылки обычно состоят из двух частей: текста подсказки и адреса, который   определяет   координату   перехода.   Текст   подсказки   или заменяющий   его   рисунок   располагается   внутри   элемента   А,   а   адрес задаётся при  помощи атрибута  href. Гиперссылка  обычно выделяется на фоне текста цветом или подчёркиванием. Вид указателя мыши обязательно изменяется, когда он помещается над гиперссылкой. 14 15 Существуют   правила   для   определения   размеров   элементов.   Размер, заданный   обычным   числом,   выражается   в   пикселях.   Например,   задаётся длина горизонтальной линии в 100 пикселов: Горизонтальный   размер   может   быть   задан   в   процентном   отношении   к ширине окна броузера: Если   размер   окна   будет   изменён,   то   изменится   и   длина   горизонтальной линии. Символ * может использоваться для разделения пространства страницы в определённых пропорциях. Два   способа определения фреймов ( атрибут cols  создаёт  фреймы с  вертикальным   делением),  причём  левый фрейм  в данном случае всегда будет в три раза уже, чем правый.    Управление цветом Кодирование   цвета   используется   для   раскрашивания   шрифтов, горизонтальных   линий   и   фона,   других   элементов   страницы.   Цвета   обозначаются английскими числовыми шестнадцатеричными   кодами.   Существует   несколько   атрибутов, значениями   которых   являются   параметры   цвета.   Самый   простой   способ определить   цвет   –   написать   название   цвета   на   английском   языке.   Так, например, задаётся красный цвет шрифта в элементе FONT: Color = “red” Допустимые названия цветов: названиями   или   Русское название Английское название Аквамарин Белый Жёлтый Зелёный  Золотой Индиго Каштановый Красный Оливковый Оранжевый Пурпурный Светло­зелёный Серебристый Серый Aqua White Yellow Green Gold Indigo Maroon Red Olive Orange Purple Lime Silver Gray 15 RGB – код #00FFFF #FFFFFF #FFFF00 #008000 #FF0700 #4B0080 #800000 #FF0000 #808000 #FF0000 #800080 #00FF00 #C0C0C0 #808080 Сизый Синий Ультрамарин Фиолетовый Фуксиновый Чёрный 16 Teal Blue Navy Violet Fuchsia Black #008080 #0000FF #000080 #EE80EE #FF00FF #000000 Но в общем случае цвет определяется  RGB  – кодом. Любой цвет в этом случае представляется как комбинация красного (R), зелёного (G), синего (B)   цветов,   взятых   в   определённых   пропорциях.   Доля   каждой   цветовой составляющей   определяется   интенсивностью   цвета   и   выражается двуразрядным шестнадцатеричным числом. В десятичном исчислении эти числа   соответствуют   диапазону   от   0   до   255.   В  Windows–95   это соответствует   цветовому   режиму   монитора  True  Color  (24­разрядное двоичное кодирование цвета). В выше приведённой таблице видно, что для формирования стандартных цветов часто используются или крайние значения интенсивности базового цвета 00 и  FF, или среднее значение 80. Выбрав цвет, можно увидеть его численные характеристики, и наоборот, задав численные значения, получить новый оттенок. Ещё   одно   направление   применения   цвета:   элемент  HR,   создающий горизонтальную   линию,   допускает   использование   ряда   атрибутов.   С   их помощью линию можно превратить в цветной прямоугольник.   Его можно использовать   для   разделения   частей   страницы   или   в   качестве   маркеров списка.  HTML – код, рисующий радугу на Web­странице:  Радуга  K 0 Ж З Г С Ф Цветовая   проработка  Web­страницы   является   альтернативой многочисленных рисунков и позволяет обеспечить более быструю загрузку документа.     16 17 Вывод HTML  –   это   более   простой   язык   программирования,   понятный   любому пользователю   Сети.   Он   позволяет   ему   создавать   сложные   документы простым и быстрым способом.   Это одна из отличительных особенностей гипертекста. Гипертекст лучше других подходит для включения графики, звуков и других элементов мультимедиа в документы.  Благодаря   развитию   гипертекста,   большинство   пользователей   имеет возможность создавать собственные WEB­страницы или сайты. Все,   что   обсуждается   на   страницах   виртуальных   журналов   в   Сети,   в телевизионных передачах, посвященных Интернету, так или иначе связанно с языком разметки гипертекста: красивые рисунки, интерактивность WEB­ страниц,   борьба   двух   производителей   броузеров   (Microsoft  и  Netscape), бизнес, игры и др. В   дальнейшем   развитие  HTML  будет   происходить   не   за   счет   введения новых элементов языка, а за счет скрипов и апплетов. HTML – монополист разметки  WEB­страниц, но уже сейчас появился соперник (Flesh  4), хотя HTML в ближайшем будущем останется основным языком разметки WEB­ страниц.          Описание браузеров  Просмотр WEB­страниц Программы,   необходимые   для   просмотра   гипертекста   –   браузеры, которые   используются   не   только   как   средство   просмотра,   но   и   как почтовые программы, а также как средство загрузки файлов посредствам FTP.   Две   основные   функции   браузеров:   просмотр  WEB­страниц   и редактирования их содержимого (элементы HTML). В   мире   создано   немало   программ   для   просмотра  HTML­документов: Mosaic,  Opera  и   др.   Наиболее популярными броузерами, которые обеспечивают корректный просмотр Internet  Explorer  и  Netscape гипертекста,   являются  Microsoft  Communicator.  Global  Network  Navigator,  Cello,  Microsoft Internet Explorer  Этот браузер фирмы  Microsoft  удобен первую очередь тем, что является полностью русифицированным. В данный момент наиболее распространены 4 и 5 версии этого браузера. Microsoft Internet Explorer (MSIE) настолько тесно 17 18 интегрирована с Windows, что его трудно назвать автономной программой. Скорее, это один из компонентов операционной системы. Работа   с   браузером   может   начинаться   с   подключения   к   Интернату   или вестись автономно, если все необходимые файлы находятся на локальном диске   (то   есть,   диске   своего   компьютера).   В   поле  Адрес  на   панели инструментов   указывается  URL.   Адрес   предваряется   кодом,   который определяет, с какой подсистемой Интерната мы хотим работать. Например, если   мы   ищем   сайт   компании  Microsoft,   то   адрес   должен   быть   таким: http//Microsoft.com. Код  http  указывает   на   то,   что   программа   должна   работать   с   системой гипертекстовых   документов   и   использовать   соответственный   протокол (Hypertext  Transfer  Protocol).   Но   могут   быть   и   другие   варианты   адреса. Например, адрес с кодом ftp указывает на архив файлов, доступных по FTP, код  mailto  обозначает   адрес   электронной   почты,   а   код  file  –  файл   на собственном компьютере. После   указания  URL  браузер   загружает   данные   из   Интернета   и демонстрирует   гипертекстовой   документ,   находящийся   по   заданному адресу.  Найдя   какую   –   нибудь   организацию,   вначале   увидим   ее   «домашнюю» страницу   (home  page)   .   На   ней   есть   подчеркнутые   надписи   –   ссылки   на другие страницы. Весь комплекс страниц  (сайт)  велик и его нельзя увидеть целиком. Гиперссылки позволяют передвигаться по страницам или частям одной страницы. Гиперссылкой может быть не только надпись, но и значок, рисунок или часть  рисунка. Браузер  имеет  кнопки  «Вперед»  и «Назад», которые позволяют вернуться к пройденным страницам. Каждой странице соответствует   один   или   несколько   файлов,   которые   браузер   помещает   в папку временного хранения (кэш). Кнопка «Остановить» позволяет прервать загрузку страницы. Применять ее можно в нескольких случаях: 1) Когда  страница еще загружается, 2) Когда на странице много графики и нет времени ждать, пока она вся загрузится, 3) Когда браузер пытается открыть несуществующие документы.  Кнопка  «Обновить»  используется   редко.   При   изменении   файла,   чтобы увидеть как он будет выглядеть, можно только обновить документ. 18 Кнопка  «Назад»  позволяет   перейти   на   страницу,   которая   была   открыта ранее. Эта возможность есть не во всяком документе. 19 Кнопка  «Вперед»  обеспечивает   движение   по   цепочке   просмотренных документов вперед, если были выполнены переходы назад. «Домашняя   страница»  (home  page)­   понятие   условное.   Каждая   фирма, работающая   в   Сети,   имеет   свою   домашнюю   страницу.   Адрес   домашней страницы   указывается   в   качестве   параметра   программы   и   может   быть изменен. Поиск в Интернете осуществляется путем перехода к странице  поискового сервера. Кнопка  «Избранное»  указывает   каталог   необходимых  Web­страниц. Используя   эту   кнопку,   можно   добавить   текущую   страницу   в   список избранных страниц или дать команду браузеру загрузить любую из страниц, перечисленных в списке. Кнопка «Печать» выводит на печать текущий документ.  Кнопка «Размер» изменяет размер шрифта на текущей странице. 19 20 Просмотр   компонентов  WEB­страниц,   в   некоторых   случаях,   вызывает открытие еще одного окна браузера. При помощи значков на панели задач необходимо закрывать ненужные окна, чтобы не перегружать компьютер. WEB­страница часто оборудована средствами электронной почты. Другими средствами «обратной связи» являются формы. Заполнив соответственные поля   и   щелкнув   кнопку   «отправить»   (которая   может   иметь   в   форме название  Go,  OK,  Send,  Submit  или другое), можно переслать на сервер необходимую   информацию.   Так,   например,   происходит   заказ   товаров   в Интернет ­ магазинах или заполнение анкет во время виртуальных опросов. С  WEB­страницами   и   их   компонентами   (например,   рисунками)   можно поступить,   как   с   обычными   документами:   сохранять   на   диске   под определенным именем, или распечатывать. При   помощи  WEB­страниц   с   ярлыками   можно   существенно   облегчить пользование Интернетом или локальными ресурсами. Собранные на странице ссылки   по   определенной   тематике,   превращают   ее   в   аналог   папки Избранное. Иными словами, можно легко сделать набор справочников со ссылками на интересные WEB­страницы. Можно иметь и несколько папок для избранных страниц. Папка Избранное хранит не сами документы, а ссылки на них. Если страница находится не на локальном диске, то для ее просмотра потребуется подключение к сети. В некоторых   случаях   возникает   необходимость   иметь   копии   реальных документов на своем компьютере. На кэш в этом случае полагаться нельзя, так   как   он   регулярно   обновляется.   Для   сохранения   просмотренных документов существует несколько команд. При этом копируется не только HTML­документ, но и рисунки. Средства просмотра  HTML­кода дают возможность сохранить документ и даже его модернизировать при помощи гипертекстового редактора Microsoft Front  Page.   Также   можно   просмотреть  HTML­код,   открыв   страницу   в «Блокноте» (Notepad). Редактировать страницу в режиме источника очень удобно,   так   как   можно   сразу   увидеть   результаты   внесенных   изменений: после модификации страницы ее надо сохранить в текстовом редакторе, а затем в браузере щелкнуть на кнопку Обновить.  Часто,   при   просмотре   страниц   возникает   проблема   со   шрифтами.   Если шрифт на странице слишком мелкий или наоборот слишком крупный, вид документа легко изменить. Используя команду  «Размер шрифта»,  чтобы изменить размер шрифта на время просмотра. Основные   инструменты   настройки   браузера   собраны   в   окне  Свойства обозревателя,   который   активизируется   одноименной   командой   меню Сервис. На просмотр  HTML­страницы влияют  несколько  параметров. На вкладке Общее имеются кнопки Цвета, Шрифты, Язык и Оформление, с 20 21 помощью которых можно установить режимы воспроизведения станицы. В браузере   назначаются   для   использования   по   умолчанию   два   шрифта.  Два разных   шрифта   необходимы   для   прорисовки   данных   из   соответственных элементов  HTML.   Какие   именно   шрифты   надо   применять,   выберет пользователь.   Важен   также   выбор   кодировки:   для   русскоязычных документов применяются Windows­1251 или KOI­8. Можно выбрать и цвет, которым   будет   раскрашиваться   текст,   пройденные   и   неиспользованные гиперссылки. На   вкладке  Дополнительные  можно   установить   режим,   при   котором   на странице воспроизводятся рисунки или мультимедийные компоненты. На   вкладке  Программы  можно   выбрать   приложения,   которые   будут использоваться   по   умолчанию   совместно   с   браузером   (HTML­редактор, программа электронной почты и др.).       Netscape Communicator Это комплекс программ (в настоящее время русифицирована версия 4.06) привлекает   к   себе   внимание   многими   положительными   свойствами.   Его популярность   во   всем   мире   очень   высока,   и   не   только   потому,   что пользователи   привыкли   работать   с   его   более   ранними   версиями. Интересными, например, представляются комментарии в строке состояния, которые   дают   представление   о   процессе   загрузки   страницы.   Удачно организован доступ к параметрам. Браузер называется Netscape Navigator, а встроенный   редактор   гипертекста   –  Netscape  Composer.   В   браузере реализована   возможность   создания   закладок,   что   существенно   облегчает поиск страниц. Несомненным удобством является легкость переключения режимов браузера и редактора.  Рассмотрим основные инструменты программы. Они, в основном, такие же, как и MSIE. Кнопка  «Назад».  Возврат   к   странице,   которая   была   открыта   раньше текущей. Кнопка  «Вперед»  Переход   к   странице,   которая,   была   открыта   позже текущей.  Кнопка «Обновить». Повторение загрузки страницы.  21 22 Кнопка  «Домой».   По   умолчанию   эта   кнопка   обеспечивает   переход   на домашнюю страницу Netscape, но пользователь может настроить программу на любую страницу, используя окно параметров. Кнопка   «Мой  Netscape».  Кнопка   для   перехода   на   страницу   любителей Netscape. “Мой  Netscape”­  виртуальный  клуб,  в котором  можно  сделать свою WEB­страничку и получить ящик электронной почты. Кнопка  «Печать»  используется   для   печати   текущей   страницы.   В   меню Файл   имеются   команды   «Настройки   страницы»,   «Предварительный Просмотр»   и   «Печать»,   которые   позволяют   настроить   параметры   и выполнить просмотр документа перед печатью. Кнопка  «Стоп»  осуществляет   остановку   загрузки   текущей   страницы. Загрузка может быть продолжена после щелчка на кнопке «Обновить».  логотипом  фирмы­производителя   используется   для Кнопка   с инициирования   загрузки   станицы,  но   теперь   такая   команда   не   нужна.   В данном   браузере   нажатие   на   логотип   приводит   на   домашнюю   страницу. Логотип   снабжается   анимацией,   которая   действует   в   течение   загрузки текущей страницы. В этом браузере, как и в предыдущем, есть поле  Адрес. Но в отличие от MSIE, в раскрывающемся списке этого поля можно выбрать все недавно использующиеся адреса, а не только те, которые введены в строке вручную. Ещё один сервисный инструмент­  файл закладок. Он является аналогом 22 23 папки  Избранное  в  Windows.   Для   доступа   к   закладкам   на   панели инструментов есть специальная кнопка. На формат отображаемой страницы влияют команды меню «Вид». С его помощью устанавливается  размер шрифта, кодировка  страницы и другие параметры.   Есть   команда  «Остановить   анимацию»,   то   есть   смену изображений   в   сложных   рисунках   формата  GIF,   для   возобновления анимации   необходимо   перезагрузить   страницу,   используя   кнопку «Обновить».  Netscape Communication позволяет создавать варианты настроек программы (их   ещё   называют   профили   или   конфигурации).   Перед   началом   работы необходимо выбрать одну из конфигураций. Для  каждого «пользователя» создаётся   собственный   файл   закладок,   журнал,   кэш.   Журнал   связан   с файлами   кэш,   так   как   при   помощи   журнала   открываются   страницы, которые когда­то были загружены из Интернета. Как журнал, так и кэш при необходимости можно очистить  кнопкой в окне настроек.  В  Netscape  Navigator  можно выбрать те же параметры просмотра, что и в MSIE: шрифты, используемые по умолчанию, цвета просмотренных и не просмотренных   ссылок.   Можно   выбрать   определённый   фон   для   всех просматриваемых страниц или вообще отказаться от фона. Это удобно при разработке собственных страниц. Браузеры   позволяют   загружать   страницы   без   рисунков.   Это   ускоряет работу. Для отказа от изображения рисунков в NN надо сбросить флажок «Автоматическая   загрузка   изображений»   в   категории   параметров «Дополнительные настройки». Диалог   для   открытия   файлов,   расположенных   локально,   в  MSIE  и  NN имеет особенность: используется два окна, а не одно, как в большинстве программ.   Только   во   втором   окне   пользователь   получает   доступ   к традиционному   списку   дисков,   папок   и   файлов.   Для   задания   адреса необходимой   страницы,   расположенной   на   жёстком   диске,   достаточно ввести путь к HTML­файлу в поле «Адрес». В меню «Файл» есть команда «Сохранить как», которая используется для копирования текущей страницы  в папку,  выбранную пользователем.  При этом можно выбрать формат файла:  HTML  или текстовый. В отличие от MSIE, который позволяет сохранить Web­страницу вместе с рисунком, NN копирует   только   основной   файл   страницы.   Сохранение   файла   страницы требуется   только   в   определённых   случаях,   так   как   вся   страница автоматически   записывается   в   кэш.   Текстовый   формат   удобен   в   тех случаях, когда надо распечатать только текст страницы, не отягощая его элементами   оформления   и   рисунками.   Зато,   если   откроете   страницу   в редакторе  Netscape  Composer,   то   можно   сохранить   её   в   новой   папке   с рисунками. 23 24 Терминология Англоязычное программное обеспечение попадало в нашу страну разными путями,   и   в   вычислительной   технике   складывалась   уникальная лингвистическая   ситуация.   Существует   огромное   количество   терминов, которые   соответствуют   по   произношению   английским   словам. Программисты и электронщики разговаривают на своём, хорошо понятном языке.   Заимствованные   слова   имели   только   одно   значение,   и   это   было удобно. Такая система прижилась. Любые попытки вводить отечественную терминологию   не   имели   успеха.   Яркий   пример­   название   клавиш. Клавиатура   так   и   осталась   нерусифицированной.   Подобные   феномены объясняются тем, что до недавнего времени никто серьёзно не занимался локализацией   фирменного программного обеспечения. Теперь  положение изменилось.   Появилось   много   программных   продуктов,   использующих русский   язык.   Возникли   чисто   русские   термины:   «папка»,   «карман», «ярлык»,   «пиктограмма»…   В   этих   случаях   теряется   однозначность терминов, возникли двойные термины: Internet и Интернет. В сфере гипертекстовых технологий в этом смысле обстоит иначе. Никто не называет браузер « просматривателем », а для «World Wide Web» есть красивое русское название «Всемирная паутина». Видимо, в каждом случае необходимо своё решение: использовать русское слово или заимствовать английское. Гипертекст породил много специальных терминов. Элемент (element) ­ конструкция языка HTML.Это контейнер, содержащий данные и позволяющий отформатировать их определённым образом. Любая Web­страница представляет собой набор элементов. Одна из основных идей гипертекста ­ возможность вложения элементов. Тег  (tag) – начальный или конечный маркеры элемента. Теги определяют границы действия элементов и отделяют элементы друг от друга. В тексте Web­ страницы теги заключаются в угловые скобки, а конечный тег всегда снабжается косой чертой.                Атрибут  (attribute) – параметр или свойство элемента. Это переменная, которая   имеет   стандартное   имя   и   которой   может   присваиваться определённый   набор   значений:   стандартных   или   произвольных. Предполагается,   что   символьные   значения   атрибутов   заключаются   в 24 25 кавычки, но некоторые броузеры позволяют не использовать кавычки. Это объясняется   тем,   что   тип   атрибута   всегда   известен   заранее.   Атрибуты располагаются   внутри   начального   тега   и   отделяются   друг   от   друга пробелами. Гиперссылка – фрагмент текста , который является указателем на другой файл   или   объект.  Гиперссылки   необходимы   для   того,  чтобы   обеспечить возможность перехода от одного документа к другому.   Фрейм  (frame)   –этот   термин   имеет   два   значения.   Первое­   область документа   со   своими   полосами   прокрутки.   Второе   ­   одиночное изображение в сложном (анимационном) графическом файле (по аналогии с кадром кинофильма).      Примечание  ­   вместо   термина   «фрейм»   в   специальной   литературе   и локализованных программных продуктах иногда можно встретить термин «кадр» или «рамка». HTML  –   файл  или  HTML  –  страница   –   документ,   созданный   в   виде гипертекста на основе языка  HTML. Такие файлы имеют расширения  htm или  html.   В   гипертекстовых   редакторах   и   броузерах   эти   файлы   имеют общее название «документ». Апплет  (applet)­ программа, передаваемая на компьютер клиента в виде отдельного файла и запускаемая при просмотре  Web­ страницы. Скрипт  или  сценарий  (skript)   –   программа,   включенная   в   состав  Web­ страницы   для   расширения   её   возможностей.   Браузер  Internet  Explorer  в определённых   ситуациях   выводит   сообщение:   «Разрешить   выполнение сценариев на странице?». В этом случае имеются в виду скрипты. Расширение (extension) – элемент, не входящий в спецификацию языка, но использующийся,   обеспечивая   возможность   создания   нового   интересного эффекта форматирования. CGI ( Common Gateway Interface) – общее название для программ, которые, работая   на   сервере,   позволяют   расширить   возможности  Web­   страниц. Например,   без   таких   программ   невозможно   создание   интерактивных страниц. Программный код или код – аналог понятия «текст программы». 25 26 Код HTML­ гипертекстовой документ в своём первоначальном виде, когда видны все элементы и атрибуты. World Wide Web, WWW или Web – Всемирная паутина, распределённая система   доступа   к   гипертекстовым   документам,   существующая   в Интернете,  HTML  является основным языком для создания документов в WWW.   Изучая   его,   мы   изучаем   часть   этой   системы,   хотя   область применения языка намного шире        Web  –   страница   –  документ   (файл),подготовленный   в   формате гипертекста и размещённый в World Wide Web.  Сайт (site) – набор Web –страниц, принадлежащих одному владельцу. Браузер (browser) – программа для просмотра Web – страниц. Пользовательский   агент  (user  agent)   –   браузер   или   другая   программа, работающая на компьютере – клиенте. Загрузка (downloading) – копирование файлов с сервера на компьютер – клиент. URL  (  Uniform  Resource  Locator  ) –  универсальный указатель ресурса – адрес некоторого объекта в Интернете. Типичный  URL  для  WWW  имеет вид: http:// www, название, домен/ имя файла. Здесь   название   –   это   часть   адреса,   который   часто   употребляется   для обозначения владельца сайта, а домен – обозначение крупного «раздела» Интернета: страны, области деятельности  и т. д.  URL  используется для того, чтобы указать конкретную  Web – страницу или графический файл в гиперссылках,   а   также   везде,   где   требуется   однозначно   определить местоположение Web – страницы или файла. Базовый  URL  – часть адреса, которая является общей для всех ссылок текущей Web –страницы. Базовый цвет – каждый цветовой оттенок на экране монитора получается соединением трёх базовых цветов: красного, зелёного, синего. Цветовой   канал  –   интенсивность   красного,   зелёного,   синего   цвета   на экране монитора. Цвет каждого пиксела определяется как комбинация этих трёх величин. 26 27 Гамма – коррекция  – создание нелинейной зависимости между реальной интенсивностью базового цвета и полученной яркостью на экране монитора. Изображения,   полученные   без   гамма   –   коррекции,   оказываются   более тёмными, так как монитор воспроизводит различные градации яркости не линейно по отношению к их числовому выражению. Изменение параметра «гамма»   часто   используют   в   графических   редакторах   при   работе   с изображением.  Список литературы 1) Айзекс А. Dynamic HTML BHV­Санкт­Петербург 1998 2) Ганчаров А. Самоучитель HTML.  Питер 2000 3) Дарнелл Р. HTML 4 Энциклопедия пользователя ДиаСофт 1999 4) Денисов Internet Explorer 5 Справочник Питер 1999 5) Хоумер А. Dynamic HTML Справочник  Питер 1999 27