3.2.3. Публикация Web-документов

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

• Как подготовить документы Web-узла таким образом, чтобы перенос их на Web-сервер не привел к нарушению целостности структуры узла?

• Как произвести копирование файлов на Web-сервер?

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

Для копирования нужных документов на Web-сервер можно применять как передачу данных на съемном носителе, так и прямое копирование данных через Интернет. Последний способ полностью автоматизирован и поэтому более надежен.

В этом случае для проведения публикации можно использовать Мастер издания Web, входящий в состав Windows 98 (такое название этот мастер получает после установки обозревателя Internet Explorer 5.0). По ее завершении обновленный Web-узел доступен любым посетителям в Интернете.

Восемь этапов построения простой Web-страницы

1. Решите, каким будет ваш сайт, и выберите для него место. Прежде чем сесть за компьютер, спроектируйте сайт на бумаге. Создайте список имен для элементов сайта, заголовков, данных, иллюстраций, ссылок и т. д., т. е. всего того, что потребуется на сайте. Для размещения сайта понадобится определенное дисковое пространство. Большинство провайдеров ограничивают размеры Web-страниц, которые может разместить у них каждый зарегистрированный пользователь (для выяснения деталей проконсультируйтесь с вашим провайдером). Можно также выбрать какого-нибудь другого провайдера (например, из многочисленных бесплатных), GeoCities, FortuneCity.

2. Начните с простого. Откройте HTML-редактор. Введите заголовок, подберите фоновое наполнение, цвет фона, текста и различных гиперссылок.

3. Введите текст и заголовки разделов.

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

Можно оформить пространство вокруг рисунка, окружив его границами и применив опции горизонтальных и вертикальных полей.

5. Используйте таблицы, чтобы упорядочить информацию. Таблицы помогут представить информацию в правильно упорядоченном и отформатированном виде.

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

Сохраните Web-страницу. Большинство провайдеров требуют, чтобы стартовая страница вашего сайта (http://имя_вашего_сайта.ru) была сохранена в файле с именем index.html, и лишь некоторые из них используют имя default.html.

7. «Отправьте» ваш сайт провайдеру. Для этого понадобится утилита поддержки FTP (File Transfer Protocol — протокол передачи файлов между компьютерами в Сети). По Web-адресу: www.pcworld.com/downloads можно найти несколько таких условно-бесплатных утилит. Чтобы «передать» сайт базовому Web-узлу, потребуется следующая информация (она должна быть предоставлена провайдером): имя главного Web-узла; регистрационное имя и пароль; каталог для ваших Web-страниц.

После соединения с базовым Web-узлом и входа в каталог, отведенный провайдером под ваш сайт, необходимо загрузить файл с именем index.html, а также все графические файлы. Последовательность загрузки будет зависеть от выбранной FTP-утилиты. Отключитесь от Web-узла, закройте FTP-утилиту, откройте браузер и проведите финальную проверку, чтобы убедиться, что ваш сайт выглядит должным образом. Если все работает правильно, можно заняться другими делами.

8. «Застолбите» свое доменное имя. Хотя размещение сайта у своего провайдера и хорошее дело, адрес для доступа к сайту может оказаться длинным и, конечно, не столь привлекательным, как если бы у него было собственное доменное имя. Если вы захотите получить домен с желаемым именем, то сначала проверьте, доступно ли имя вашей мечты в Интернете. Многие провайдеры регистрируют доменные имена и имеют страницы, где можно навести справки о желаемом имени. Проверьте Network Solutions (www.networksolutions.com) или Register.com (www.register.com). На всякий случай под рукой держите список альтернативных имен: возможно, предпочитаемое вами имя уже занято. Регистрация обычного доменного имени стоит 35 долл. в год. Цена услуги за заказ доменного имени начинается от 10 долл. в месяц. Различные компании предлагают место для размещения стандартных Web-страниц, но многие местные и национальные провайдеры предлагают услугу «все в одном», включающую регистрацию вашего доменного имени и размещение сайта. За нее придется платить свыше 15 долл. в месяц.

Что такое стильный web-сайт?

(Стильный web-сайт - это когда каждая страничка Вашей публикации имеет ярко выраженную принадлежность ко всему web-сайту. Когда легко ориентироваться и поиск информации не сопряжен с опасностью заблудиться и потерять время. Когда странички загружаются менее чем за минуту. Когда.)..

Стильность web-сайта достигается несколькими приемами. Можно выделить следующие элементы, участвующие в создании стиля:

• шрифт - в пределах публикации он должен иметь одинаковые характеристики - такие, как гарнитура (начертание), кегль (высота), цвет.

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

цветовая схема web-сайта - она начинается с выбора тех трех цветов страницы, которые используются для представления обычного текста, ссылок и посещенных ссылок. Все эти параметры указываются в теге <body>.

Цветовая схема должна повторяться на всех страничках публикации, это создаст у посетителя ощущение связности сайта.

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

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

Соблюдение этих нехитрых правил позволит придать Вашим страничкам профессиональный вид и сделать информацию на Вашем сайте легкодоступной и быстронаходимой :).