
- •Раздел 2 Роль Internet-технологий в развитии интегрированных информационных систем предприятия
- •Internet-технологии как информационная поддержка бизнеса
- •Характеристика сети Internetкак средства глобальных коммуникаций
- •Организационная структура сети Internet
- •Физическое строение сети Internet
- •Виды подключения к сети Internet
- •Архитектура клиент-сервер
- •Протоколы обмена информацией в Internet
- •Система адресации в Internet
- •Гипертекст как всемирная паутина ссылок
- •Основные инструментальные средства разработки Internet-приложений
- •Html как язык разметки документов
- •Базовая структура страницы web
- •Стили форматирования
- •Гипертекстовые связи
- •Графика
- •Публикация страницы в web
- •Дополнительные возможности форматирования
- •Тонкости создания таблиц
- •Стиль оформления страниц Web
Гипертекстовые связи
Адреса URLs можно разбить на четыре части: "как" (протокол, например http, с последующими символами ://), "кто" (имя хост-компьютера, например www.logophilia.com), "где" (каталог, например /Ноme/) и "что" (имя файла, например, homepage.html).
Базовая структура гипертекстовой связи имеет такой вид:
<А НREF="URL">Текст связи</А>
Если страница, к которой создается связь, находится в том же каталоге, что и текущий документ, в адресе URL связи можно оставить только имя файла.
Для создания якоря применяется такая разновидность метки <А>:
<А NАМЕ="Имя">Текст якоря</А>
Для образования связи к якорю применяется такая метка:
<А НREF="#Имя">Текст связи</А>
В связях электронной почты применяется разновидность mailto метки <А>:
<А HREF="mailto: Адрес электронной почты">Текст связи</А>
Графика
Встроенные изображения появляются непосредственно в странице Web, а внешние изображения можно просмотреть только с применением отдельной графической программы.
Имеется множество графических форматов, но в Web применяются только два — GIF (самый распространенный) и JPEG.
Не обладающие талантом художника могут получить графику из библиотек клипартов, других страниц, архивов Internet, с помощью сканера или факса.
Для образования графического файла в формат GIF из другого формата применяется программа LView.
Для добавления изображения на страницу Web применяется метка
<IMG SRC="имя_файла">,
где имя_файла есть имя графического файла.
Чтобы превратить изображение в гипертекстовую связь, применяется метка <А>, в которой обычный текст связи заменяется меткой <IMG>:
<А HREF="URL"><IMG SRC="имя_файла"></А>
Публикация страницы в web
Чтобы другие люди могли обращаться к вашим страницам Web, их необходимо хранить в компьютере, называемом сервером Web. Серверы Web работают в сети компании, называемой хост-провайдером.
Если невозможно получить доступ к Web через сеть или сервисную компанию, вам придется поискать бесплатного хост-провайдера или работать с коммерческим хост-провайдером.
До передачи страниц проверьте коды HTML и текст страниц, посмотрите страницы в различных броузерах и образуйте резервные копии файлов.
Для передачи страницы Web в компьютер хост-провайдера применяется FTP.
В Сети есть несколько ресурсов, которые можно использовать для рекламы страницы. Подробнее об этом посмотрите в статье "FAQ: как объявить о вашей новой станции Web".
Дополнительные возможности форматирования
Метка <FONT SlZE=paзмep> определяет размер шрифта. Для установки размера всего текста предназначена метка <BASEFONT=размер>
Цвет текста определяет метка <BODY TEXT="#nnnnnn">. Кроме того, метка <BODY> поддерживает атрибут BGCOLOR, определяющий цвет фона.
Таблица цветов (в PhotoShop есть полная палитра цветов в кодах)
-
Формат
Цвет
#000000
Черный
#FFFFFF
Белый
#FF0000
Красный
#00FF00
Зеленый
#0000FF
Синий
#FF00FF
Вишневый
#00FFFF
Голубой
#FFFF00
Желтый
Способ нумерации в нумерованных списках задает метка <OL TYPE=тип>, а метка <UL ТYРЕ=тип> определяет маркер для маркированных списков. Тип может принимать значения:
disc
circle
square
Графика страницы загружается быстрее, если в метке <IMG> определить высоту HEIGHT и ширину WIDTH.
Для центрирования текста, абзацев, заголовков и графики применяется метка <CENTER>.
Форматирование линии производится в соответствии с таблицей
Расширение <HR> |
Действие |
<HR WIDTH=x> |
Определяет ширину линии в х пикселов. |
<HR WIDTH=x%> |
Определяет ширину линии в х процентов экрана. |
<HR SIZE=n> |
Определяет толщину линии в п единиц (принятая по умолчанию толщина соответствует одной единице). |
<HR ALIGN=LEFT> |
Выравнивает линию по левому полю. |
<HR ALIGN=CENTER> |
Центрирует линию |
<HR ALIGN=RIGHT> |
Выравнивает линию по правому полю. |
<HR NOSHADE> |
Выводит линию плоской (а не объемной на экране). |