Роль технологии Internet в Казахстане

Линия также является способом разделения текста на части. Линия является элементом  языка HTML и вставляется в текст  посредством тега <HR параметры>, где параметры могут быть следующими:

-WIDTH - задает ширину линии. Единицей измерения в HTML считается точка, т. е, при <HR> WIDTH=100,  создается линия шириной 100 точек.

В HTML существует возможность задавать относительные размеры элементов, то есть процент от общей ширины области отображения (окна браузер или листа бумаги).  Например при <HR> WIDTH=50%, получается линия в половину области отображения документа;

-SIZE - задает толщину линии;

-NOSHADE - если этот параметр задан, линия не будет иметь тени/4/.

 

2.4.3 Создание комментариев

 

 

В HTML есть способ закомментировать часть  текста так, чтобы она не обрабатывалась программами просмотра. Комментарии заключаются между последовательностями < ! - - и - - >. Пример комментария:

<!-- этот текст  закомментирован -->.

2.4.4 Создание заголовков

 

 

Для создания заголовков используются теги <H1>...</H1>,...,<H6>...</H6>. Название тегов происходит от английского  слова Heading (то есть, заголовок) что определяет их использование /2/. Размер 1 соответствует самому крупному шрифту, размер 6 самому мелкому. Например: <H1>Welcome to my homepage!</H1>

 

2.4.5 Выбор шрифтов

 

 

Средствами  шрифтового оформления текста являются выделения курсивом и жирным шрифтом. Выделение курсивом осуществляется с помощью тега <I> (от слова Italic), а жирным шрифтом -- с помощью тега <B> (от слова Bold).

Изменить размеры  и цвет шрифтов можно с помощью  тега 
<FONT параметры>...</FONT>

Параметры могут  быть следующими:

-SIZE=''value или value'' - задает абсолютный или относительный размер шрифта;

-COLOR - указывает цвет для текста;

-FACE - расширение Microsoft Internet Explorer и Netscape Navigator. Позволяет задать гарнитуру (или список гарнитур, из имеющихся в системе шрифтов будет выбран наиболее подходящий) для текста. Конечный результат зависит от количества и разнообразия шрифтов, установленных в системе. Пример:

  <FONT FACE= «Arial, Times Roman»>

  Пример выделения текста  другой гарнитурой.

       </FONT>

Базовый размер шрифта для всего документа можно  задать с помощью тега 
<BASEFONT параметры>. Параметр всего один:

-SIZE - задает размер шрифта.

Для того чтобы привлечь пользователя, иногда может потребоваться мигающий текст. Заставить текст мигать можно, заключив его внутрь тега 
<BLINK>...</BLINK>/2/. 

2.4.6 Создание списков

 

 

Списки в HTML бывают трех типов: ненумерованные, нумерованные и так называемые списки терминов. Ненумерованный список оформляется с помощью блока 
<UL> 
<LI> элемент

<LI> элемент

... 
</UL>

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

<OL> 
<LI> элемент

<LI> элемент

... 
</OL> 
Отобразится он в таком виде:

Элемент 1

Элемент 2

....

 

2.4.7 Разработка гипертекстовых  ссылок

 

 

Одной из самых мощных возможностей WWW является возможность организации гипертекстовых связей между документами. Объемы информации в Internet огромны, и существует множество способов доступа к ним/7/. Для указания местоположения отдельного ресурса используется запись под названием URL (Uniform Resource Locator). Она описывает способ доступа к ресурсу и его местоположение. URL имеет вид: метод://[имя пользователя@][хост][:порт][имя-ресурса] где:

-метод идентифицирует метод обращения к ресурсу;

-имя пользователя указывает на учетное имя пользователя в системе, обычно

предполагается анонимный доступ;

-хост указывает сетевое имя (или сетевой адрес) хоста, на котором содержится ресурс;

-порт: номер порта для доступа к сервису;

-имя-ресурса идентифицирует ресурс на хосте и зависит от метода доступа.

Элемент документа будет в качестве гипертекстовой ссылки, если заключить его внутрь тега <A> (anchor). Полный синтаксис тега таков:

<A параметры>

.... 
</A> 
где параметры могут быть следующими:

-Href - обязательный параметр, определяет или URL или файл. Если ссылка на файл, то поле href содержит имя файла в файловой системе Web-сервера/8/;

-Target - параметр, указывающий имя окна или рамки в которой будет отображен документ. Если окна или рамки с таким именем не существует, будет открыто новое окно.

 

2.4.8 Верстка таблиц

 

 

Таблицы являются мощнейшим средством HTML для верстки страниц. Создается таблица с помощью конструкции

<TABLE параметры >

<CAPTION>Заголовок</CAPTION>

<TR параметры>

<TD параметры>

... 
</TD> 
.... </TR>

</TABLE>

Тег TABLE начинает описание таблицы  и может иметь следующие параметры:

-BORDER - определяет толщину рамки таблицы. Если указано нулевое значение то рамка не отображается. Если этот параметр не указан, его значение считается нулевым (рамка не отображается) /9/;

-WIDTH, HEIGHT - указывает размеры таблицы, если они должны быть жестко заданы;

-ALIGN - определяет, как должна быть выровнена таблица: справа (RIGHT), слева (LEFT) или в центре (CENTER) страницы;

-CELLSPACING - число точек между отдельными ячейками в таблице;

-CELLPADDING - число точек между рамкой и содержимым ячейки.

С помощью тега <TR параметры>...</TR> оформляются строки таблиц. Он может  иметь следующие параметры:

-ALIGN - используется для задания способа горизонтального форматирования данных внутри ячеек: они могут прижиматься к правому (RIGHT), левому (LEFT) краям или центрироваться (CENTER);

-VALIGN - используется для задания способа вертикального форматирования данных внутри ячеек: они могут прижиматься к верхнему (TOP), нижнему (BOTTOM) краям, центрироваться (MIDDLE) или иметь общую базовую линию (BASELINE).

Конкретные ячейки задаются с помощью  тега <TD параметры>...</TD>, где параметры могут быть следующими:

-WIDTH - задает ширину ячейки;

-COLSPAN - определяет, сколько колонок таблицы ячейка будет перекрывать;

-ROWSPAN - определяет, сколько строк таблицы ячейка будет перекрывать;

-NOWRAP - если этот параметр указан, содержимое ячеек не будет переноситься, чтобы влезать в ширину ячейки;

-BGCOLOR - параметр, поддерживаемый современными браузерами: указывает цвет фона ячейки в виде RGB-триплета или символьного имени.

Тег <TH>...</TH> - нужен для задания  заголовочных ячеек. Он во всем совпадает с тегом <TD>, но в отличие от него, содержимое выдается жирным шрифтом и центрируется.

Если нужно задать заголовок  всей таблицы, используется тег <CAPTION параметры>...</CAPTION>. Он должен быть внутри тега <TABLE>, но вне описания ячеек. Тег имеет один параметр:

-ALIGN - указывает положение заголовка: он может быть в верхней (TOP) или нижней (BOTTOM) части таблицы.

 

2.4.9 Создание фреймов

 

 

Фрейм (от англ. «frame» - рамка, каркас, кадр) представляет собой отдельное рабочее окно в браузере, в ряде случаев разделенное еще на несколько различных по параметрам и размеру фреймам. Чаще всего такие структуры называют просто «окнами» (или же в соответствии с «родным» названием - фреймы) /10/. Фреймовая структура позволяет разбивать основную область на сколько угодно составляющих подфреймов (подобластей).

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

-создание неподвижной или прокручиваемой  навигационной панели управления;

-одновременное отображение информации  в нескольких местах;

-постоянное визуальное присутствие  определенного текстового, графического или иного объекта;

-разработка веб- интерфейса  для online-игр.

Независимо от типа веб ресурса (корпоративный сервер, персональная страница, общественная организация, контент-сайты фреймов применяются для создания привлекательных и удобных навигационных панелей (меню), которые могут быть статичными, то есть не зависящими от действий посетителя, и динамическими, когда какое-либо действие со стороны пользователя - нажатие кнопкой мыши, комбинации клавиш и пр. - приводит к различным по виду и масштабу изменениям (начиная с замены внешнего вида навигационных кнопок - эффект RollOver/MouseOver и заканчивая исполнением сложных сценариев). Удобна такая реализация фреймов прежде всего тем, что она позволяет посетителю перемещаться по сайту и независимо от его месторасположения, постоянно иметь перед глазами панель управления с перечнем всех или основных разделов сайта /6/.

Реализовать интерпретацию панели управления можно обозначив только основные разделы узла (например, выбрав в навигационном меню справочника объект «Мультивибраторы», посетитель попадает на страницу, содержащую более разветвленную иерархию.

Применение фреймов не загромождает общую структуру сайта, можно  комбинировать несколько вариантов реализации средств навигации.

Помимо этих средств навигации, существуют еще ниспадающие меню, динамические drop-down меню и разнообразные меню в виде дерева каталогов и программных закладок. Одновременно, возрастает сложность создания и функционирования подобных средств навигации: соответственно, используется HTML, DHTML и JavaScript.

Иногда бывает необходимо иметь  перед глазами одновременно несколько  текстовых или иных информационных блоков: сравнительные характеристики котировок акций (покупка-продажа), структура книги (главы, разделы, подразделы, части и соответствующее им содержание), описание товара в виртуальном магазине (характеристики товара, цена, достоинства, сферы и правила применения, порядок эксплуатации в одном окне, вид товара во всех ракурсах - в другом окне) и др. Весьма неудобно и просто непрактично размещать раздельно документы с данными о покупке и документы с информацией о продаже акций; публиковать электронную версию книги без подробного описания ее иерархии, растягивать знакомство с товаром на продолжительное время, подразумевающее переход с одной страницы (название и фирма-производитель) к другой (изображение товара), тем более, что подобный переход может включать еще несколько стадий, что чревато ослаблением внимания посетителя как потенциального покупателя и потерей интереса к товару.

Создание навигационных меню и баннеров возможно при помощи DHTML и JavaScript, что позволяет web- мастеру таким образом определить характеристики того же меню, что оно всегда будет видно пользователю: например, пользователь немного прокрутил окно вниз - меню автоматически тоже опускается чуть-чуть вниз, документ прокручивается вверх - движение меню полностью повторяет поведение страницы/4/. То многих такое «дрейфующее» положение рекламы и меню сильно раздражает, а порой мешает рассмотреть некоторые элементы на самой веб-странице. Аналогом, хотя не и динамическим являются фреймы: не важно, что и где находится на странице - баннер прекрасно будет виден из любого раздела или рубрики сайта; чтобы посетитель не забыл, на узле какой фирмы он находится, перед взором постоянно будет логотип; удобно отображать вверху основные разделы рубрикатора, а внизу - подразделы; анализ картины или скульптуры немыслим без соответствующего фотографического материала - чтобы последний был всегда перед глазами и текст- рядом, можно использовать фреймовую структуру.

Основой описания страницы с фреймовой  структурой служит тег-контейнер <FRAMESET>. На рисунке 6 приведен пример документа, состоящего из трех фреймов.

 

Рисунок 6 – Пример документа, состоящего из трех фреймов

 

Параметр COLS тега-контейнера FRAMESET показывает, что «родительский» документ поделен на два столбца - в соотношении 20 процентов к 80 (также размеры фреймов можно указывать в относительных единицах:

<FRAMESET COLS=«*, 2*, 3*»>

и т.д., где «звездочка» представляет собой одну часть целого.

<FRAMESET> - с параметром ROWS и его  соответствующими значениями  означает, что правый вертикальный фрейм  поделен еще на два окна. Параметр SRC определяет расположение HTML-документа, который должен будет загрузиться в установленный ему фрейм. Параметр SCROLLING имеет значения YES, NO и AUTO и определяет, соответственно, разрешена ли прокрутка документа, запрещена или производится автоматически в случае необходимости. Параметр NAME очень важен, так как присваивает каждой странице, включенной в фреймовую структуру, отдельный идентификатор, который необходим для распознавания браузером тех документов, которые нужно загрузить в конкретном окне. Например, если существуют три фрейма с именами «mainframe1», «mainframe2» и «leftframe» и нужно из файла последнего фрейма сделать ссылку на документ, который должен будет открыться во втором фрейме, то код должен быть следующим:

<A HREF= «file.htm» TARGET=»mainframe2»>Текст ссылки</A>.

Параметр NORESIZE запрещает пользователю самому изменять размеры фреймов, что может в ряде случаев привести к сбою в компоновке страницы. Если данный параметр опущен, то по умолчанию изменение размеров окон возможно вручную. Параметры FRAMEBORDER и FRAMESPACING определяют, соответственно: наличие и толщину границы между смежными фреймами (в пикселах) и расстояние между фреймами (браузер от Netscape не поддерживает этот параметр; в пикселах). После закрывающего тега </FRAMESET> необходимо дать информацию для тех браузеров, которые не поддерживают фреймовые структуры:

<NOFRAMES> 
Ваш браузер не поддерживает фреймы.

</NOFRAMES>

Работа с фреймовыми структурами  имеет свои специфические особенности. Взаимодействие между отдельными фреймами происходит посредством загрузки документа по соответствующей ссылке в установленное окно. Реализуется это действие с помощью параметра TARGET тега <A>. По умолчанию вызванный по гиперссылке документ будет загружаться в текущий фрейм. Но чаще всего этого нужно избежать и сделать так, чтобы страница появлялась в соседнем окне. Существуют специальные зарезервированные имена действий, по которым происходит загрузка документов на узлах с фреймовой структурой: «blank», «_self», «_parent» и «_top».