Файл: Основы программирования на языке HTML.pdf

Создатель веб-страницы может организовать ее таким образом, чтобы при активации ссылки на документ, на который она указывает, отображался в определенном, заданном фрейме. Чтобы сделать это, нужно присвоить требуемому фрейму имя, а в состав гипертекстовой ссылки включить атрибут TARGET, указав в качестве значения этого атрибута имя фрейма. При отсутствии атрибута TARGET документ, соответствующий активизированной ссылке, отображается в том фрейме, в котором находится эта ссылка. Если в атрибуте TARGET вы укажете имя несуществующего фрейма, документ будет открыт в новом окне браузера и этому окну будет присвоено имя, заданное в качестве значения TARGET.

Часто фреймы применяются для формирования небольшой панели инструментов либо меню, представляющего содержание документа. Такая панель или меню находится либо в верхней, либо в левой части окна браузера. Остальное пространство в окне предназначено для отображения главного документа. После щелчка на пункте меню с содержанием в основной области выводится документ, на который указывает ссылка. Рассмотрим в качестве примера Web-страницу, показанную на рисунке 15.

Веб-страница организуется так, чтобы под таблицу с содержанием отводилось пространство фиксированного размера. Другая часть окна нужна для вывода документа (имя данного фрейма Main) [13]. В примере 20 показан HTML-код документа верхнего уровня.

Пример 20. Код документа с фреймами

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN">

<HTML>

<HEAD>

<TITLE>Документ из двух фреймов</TITLE>

</HEAD>

<FRАМE SRC="mеnu.html" NAME="Menu">

<NОFRАMES>

<BODY>

This page requires Frames. For a non-Frames version,

<A HREF="introduction.html">the introduction</A>.

</BОDY>

</NOFRAMES>

</FRAMESET>

</HTML>

Рисунок 15 – WEB-страница, которая содержит 2 фрейма: таблицу с содержанием и основной фрейм, в котором отображается раздел документа

Любая из ссылок в документе menu.html включает атрибут TARGET, для какового определено значение Main. Следовательно, при активизации ссылки в верхнем фрейме документ отображается в нижнем фрейме.

При выборе ссылки в таблице содержимое верхнего фрейма остается неизменным. Такого же эффекта можно добиться, полностью отказавшись от атрибутов TARGET в составе гипертекстовых ссылок и включив в раздел HEAD выражение <BASE TARGET="Main">. Документ, который содержит атрибут TARGET, не считается строго соответствующим HTML 4.0, поэтому в начало данного документа должна быть включена промежуточная декларация DOCTYPE.

2.9.3 Встроенные фреймы

Элемент <iframe> отображает особый тип панелей — встроенное окно либо встроенный фрейм [14]. В данном окне может показываться другой документ. Применение элемента <iframe> продемонстрировано в примере 21 и на рисунке 16.

Рисунок 16 – Встроенный фрейм

Пример 21. Встроенный фрейм

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TIТLE>Встроенный фрейм</TITLE>

</HEAD>

<BОDY style="background-color: #dddddd">

<Р>Был воскресный вечер. Все было чисто и умыто</P>

<DIV>

Налюбовавшись&nbsp

<IFRАМE align=middle width=70% height=350 src="framе-cell.html">

Здесь должен быть встроенный фрейм

</IFRАМЕ>

</DIV>

<Р>- Эх, Киса, - сказал Остап, мы чужие на этом празднике жизни</P>

</BODY>

</HTML>

Строка 7-12. Создается блок <div>.

Строка 8. В блоке сначала показывается текстовое выражение «Налюбовавшись».

Строка 9. Показывается фрейм, каковой обладает относительным размером по ширине (70%) и абсолютным по высоте (350 рх). Во фрейм выводится файл frame-cell.html. Фрейм выравнивается по середине строки.

3. Создание документов в стандарте HTML

3.1 Инструментарий для создания HTML – страниц

Каждый может выбрать собственный инструмент для формирования веб-страниц. Это может быть MS FrontPage либо Macromedia DreamWeaver, Allaire HomeSite либо 1st Page [15, 19]. И кто-то может воспользоваться простыми текстовыми редакторами, к примеру, таким как Блокнот (Notepad).

Текстовые редакторы можно применять лишь для формирования малых страниц, потому как у них есть много минусов: не поддерживаются проекты, нет «подсветки» текста, в целом, работа с такой программой получается не особо удобной.

Компанию Macromedia можно считать лидером по производству программных средств для формирования веб-сайтов, а кроме того законодателем моды в данной сфере.

DreamWeaver 3.0. Но DreamWeaver на несколько шагов впереди других редакторов, который используют технологию WYSIWYG, изначально тем, что генерирует крайне чистый HTML-код. DreamWeaver дает возможность избавиться от однотипной работы при формировании страниц (например, верстка текста) с помощью применения опции «запись последовательности команд» (можно записать последовательность производимых пользователем команд, затем нажать, к примеру, CTRL+P, и DreamWeaver воспроизвести все в той же последовательности [10].

HomeSite 4.0. Другой редактор - HomeSite 4 - для формирования страниц ручным способом, другими словами для знатоков HTML. Можно получить абсолютный контроль над HTML-кодом, при том есть возможность оптимизировать сосбтвенную страничку под один из 3 известных браузеров (MSIE, Google Phrome, Opera) [4].

HomeSite включает 2 базовых режима: Edit и Design. Режим Design - это аналог WYSIWYG-редактора, выдающее HTML-код, при том, если загрузить чужой HTML-код, то HomeSite все перепишет по-своему.

Еще одна отличительное свойство HomeSite - это его «склейка» с Dreamweaver. HomeSite обладает кнопкой «Dreamweaver», а кроме того входит в его стандартный пакет поставки. Впрочем, и DreamWeaver имеет возможность подключения HomeSite, как редактора для коректировки HTML-кода.

Одним из последних HTML-редакторов является EVR Soft 1st Page v2. Его лозунг - "Create 1st class websites!" ("Создавайте первоклассные веб-сайты!") [7]. Редактор содержит несколько режимов - Normal, Easy, Advanced/Expert и Hardcore, то есть вы можете выбрать свой уровень, а со временем перейти на более высокий. Еще одна особенность - довольно большая коллекция скриптов на JavaScript и DHTML. Все это довольно удобно разбито по категориям.

3.2 Практическое применение языка разметки гипертекста HTLM

В HTML 4.0 вводятся механизмы таблиц стилей, скриптов, кадров, внедрения объектов, улучшенная поддержка разных направлений письма и направления справа налево, таблицы с большим количеством возможностей и новые свойства форм, обеспечивая лучшие возможности доступа для людей с физическими недостатками. Эта версия HTML разработана с помощью экспертов в области интернационализации, так что документы можно писать на любом языке и легко передавать их по всему миру. Это достигается за счет использования, относящегося к интернационализации HTML.

Важным шагом стало принятие стандарта ISO/IEC:10646 в качестве набора символов для документов HTML [11]. Это наиболее содержательный стандарт в мире, в котором решены вопросы представления национальных символов, направления письма, пунктуации и других языковых вопросов. HTML теперь предоставляет лучшую поддержку различных языков в одном документе. Это обеспечивает более эффективное индексирование документов для поисковых машин, типографию высшего качества, преобразование текста в речь, более удобные переносы и т.д.

Поскольку сообщество Web растет, и возможности и умения его членов различаются, очень важно, чтобы основные технологии соответствовали потребностям.

В HTML5 появилось множество новых тегов, которые в основном помогают воспроизводить анимацию и flash [9].

Основной задачей языка HTML является структурирование информации на странице. Язык HTML позволяет структурировать информацию различными способами: создавать таблицы, различные виды списков, параграфы, добавлять в документ изображения, разбивать документ на части при помощи заголовков, создавать формы для взаимодействия с пользователями, связывать разные HTML документы списками.

Хотя основной задачей HTML является разметка документа или создание структуры, но у данного языка есть и элементы оформления, для этого есть специальные тэги, которые позволяют выделить текст, сделав его жирным или курсивным, сделать индекс или подиндекс и многое другое.

Основой и самой массовой сферой применения HTML является сеть Интернет. Каждый сайт для представления информации пользователю в графическом виде использует HTML, но интернетом HTML не ограничивается, его очень активно используют при разработке мобильных и десктопных приложений для различным операционных систем.

Для оформления HTML документов и для того, чтобы сделать HTML тэги уникальным были придуманы HTML атрибуты, но на данный момент никто не использует HTML атрибуты для оформления документов, так как существуют каскадные таблицы стилей или CSS. Есть исключения, например, некоторые почтовые клиенты не умеют работать с CSS и для оформления электронных писем используются HTML атрибуты.

Заключение

Язык HTML (HyperText Markup Language, язык разметки гипертекста) — это язык, на котором создаются Web-страницы. HTML-документы могут просматриваться различными типами Web-браузеров.

Когда документ организован с применением HTML, Web-браузер может интерпретировать HTML для выделения разных элементов документа и первичной их обработки. Применение HTML дает возможность форматировать документы для их представления с применением шрифтов, линий и иных графических элементов на любой системе, их просматривающей.

Web-страницы могут быть организованы при помощи:

обычного текстового редактора;
редактора, способного сохранять в формате HTML;
специализированного редактора;
специализированной системы.

Кроме обычного текста в HTML-документах используются специальные управляющие последовательности символов — тэги. Чаще всего тэги используются попарно, окружая размеченные фрагменты текста. Закрывающийся тэг отличается от начального только присутствием символа "/", добавляемого перед именем тэга. При интерпретации тэгов браузер не делает различия между строчными и прописными буквами. Поэтому сами тэги можно набирать на любом регистре. Зачастую параметр (атрибут) является необязательной величиной и его можно пропускать.

Главным достоинством HTML является то, что документ может быть просмотрен на WEB-браузерах разных видов и на разных платформах.

Тэги телфа документа идентифицируют отображаемые в окне компоненты HTML-документа. Тело документа может содержать ссылки на другие документы, текст и другую форматированную информацию.

Большое количество элементов HTML предназначено для организации контента и прежде всего текста, который обычно составляет подавляющую часть содержимого Web-страниц.

Структурирование контента подразумевает его разбивку на логические блоки. Элементы Н1-Н6 предназначены для определения заголовков различных уровней в составе документа.

Формы были созданы и используются в WWW для получения отклика пользователя на предоставленную информацию и сбора данных о пользователе. В то же время, фрейм – область окна браузера, в которой осуществляется просмотр отдельного HTML-документа.

Для создания Web-страниц может использоваться MS FrontPage или Macromedia DreamWeaver, Allaire HomeSite, 1st Page или, например, Блокнот (Notepad).