- •Часть 2
- •Содержание Оглавление
- •Глава12.Основные термины Интернет 122
- •Краткий экскурс в теорию сетей
- •1.1Как появился Интернет
- •1.2 Система адресации в Интернете dns — доменная система имен
- •Общие принципы создания Web-узла
- •2.1 Web-технология html
- •2.2.Браузеры
- •2.3.Сервер, сайт, домашняя страничка
- •2.4.Анатомия сервера
- •Говорим по-русски. О кодировках кириллицы
- •3. Создание html - документов ,Web-страницы
- •3.1. Классификация html-редакторов.
- •3.1.1.Визуальные редакторы
- •3.1.2. Текстовые редакторы
- •4. Другие Web-технологии
- •4.1.Java
- •4.2. Cgi (Common GateWay Interface)
- •4.3. Ssi (Server Side Includes)
- •4.4. Css(Cascading Style Sheets)
- •4.5. Рнр (Personal Home Page tools)
- •4.6. Asp (Active Server Pages)
- •4.7. VbScript(Visual basic Script)
- •4.8. Macromedia Flash
- •4.9. Dhtml (Dynamic Hyper Text Markup Language
- •4.10. Xhtml и xml
- •Web-дизайн
- •5.1 Что такое Web-дизайн?
- •5.2.Программы, используемые в web-мастеринге
- •Технологии Web-дизайна
- •6.1. Структура узла web-сайта
- •6.1.1. Плоская структура
- •6.1.2. Линейная структура
- •6.1.3. Древовидная структура
- •6.1.4. Комбинированная структура
- •6.1.5. Принципы построения системы навигации
- •6.1.6. Организация домашней страницы
- •6.2. Логическая и физическая структура сайта
- •6.2.1. Заглавная страница
- •Динамическая и статическая компоновка сайта
- •6.2.2. Статическая компоновка страницы
- •6.2.3.Динамическая компоновка страницы
- •6.2.4. Элементы Web-страницы
- •7. Планирование и реализация Web-сайта. Три этапа.
- •7.1. Этап определения объема работы. Переговоры с заказчиком. Создание концепцииWeb-узла. Обсуждение бюджета и плана работы. Подписание договора.
- •7.1.1. Работа с заказчиком
- •7.1.2. Создание концепции Web-узла
- •7.1.3. Бюджет исрокивыполнения проекта
- •7.1.4. Роли участников разработки
- •7.1.5. ПланированиеWeb-узла
- •7.1.6.Требования кWeb-узлу и составление графика выполнения работ
- •7.2. Этап разработки компонентовWeb-узла и связывание их между собой.
- •7.2.1. Разработка дизайна интерфейса
- •7.2.2. Компьютерная графика в Web-дизайне
- •Графический формат gif
- •Графический формат jpeg
- •Графический формат png
- •7.3. Этап тестирования готовогоWeb-узла, обеспечение доступа к нему из глобальной сети и рекламирование узла.
- •7.3.1. Web-хостинг
- •Путь первый. Бесплатный хостинг
- •Путь второй. Хостинг у провайдера
- •Путь третий. Платный хостинг
- •Путь четвертый. Хостинг у знакомых
- •7.3.2. Маркетинг
- •7.3.3. Правила раскрутки сайта
- •Регистрация в каталогах
- •Индексация в поисковых системах
- •7.3.4. Обслуживание Web-страницы, сайта
- •7.3.5. Обновление информации и создание новых разделов
- •7.3.6. Регистрация в поисковых системах
- •Подготовка к регистрации
- •Регистрация сайта в поисковых системах
- •Стандарт исключения для поисковых систем
- •Контроль за состоянием учетной записи
- •Использование рейтинговых счетчиков
- •8.Службы баннерного обмена
- •Что такое баннер?
- •Эффективность баннера
- •Системы баннерного обмена
- •Зарубежные баннерные сети.
- •Текстовые баннеры
- •Интерактивные баннеры
- •Использование бесплатных досок объявлений
- •Службы редиректа
- •Сложный баннер
- •9. Основные принципы эффективного и стильного Web-сайта
- •Основы стильногоWeb-сайта
- •6.3. ОсновныеправилаWeb-дизайна
- •. Наиболее распространенные ошибки при создании сайта:
- •Глава12.Основные термины Интернет
6.1.6. Организация домашней страницы
Одним из основных элементов навигации является домашняя страница узла. Это та страница, которая показывается при запросе корня сервера (слеша), например:
http://WWW.Webclub.ru/
На некоторых узлах встречается один особый тип домашней страницы - страница-заставка. Такая страница не несет никакой информационной нагрузки и зачастую не содержит текста, только графику. Существует два основных вида домашних страниц: презентационная и информационная.
Презентационная страница создается для не очень больших узлов, она очень красиво оформляется, часто почти целиком состоит из графики и имеет малое количество ссылок. Такая страница, как правило, должна помещаться на один экран.
Информационная страница, наоборот, создается с использованием минимума графики. Она содержит большое количество информации. Многие знаменитые узлы не стесняются «раздувать» ее до 3, а то и более, экранов. Ее главная задача - продемонстрировать посетителю обилие информации, имеющееся на узле, или предоставить всю наиболее актуальную информацию.
Независимо от вида домашней страницы, существует несколько основных правил ее организации:
самая актуальная информация должна быть видна в первом экране, а если ее много, то хотя бы ее начало или заголовок;
элементы навигации (меню) должны быть очевидны и заметны, посетитель мог прийти к вам в первый раз, и ему не знаком ваш стиль;
желательно, чтобы элементы навигации помещались в один экран, если конечно у вас не мегаузел;
домашняя страница должна ясно говорить, чему посвящен этот узел, или же как то привлекать внимание посетителя;
не делайте страницу полностью графической - что бы вы там ни думали, всегда найдется причина, чтобы в будущем добавить туда текст: экстренное сообщение, новости, анекдот дня и т.п.;
следите за ее «весом» - посетитель согласен ждать, только если знает, зачем он это делает, а новый посетитель еще не знает, куда и зачем он попал; на данный момент маргинальным является размер в 70-90 килобайт; если она все-таки очень «тяжелая» - минимизируйте количество графики, разбейте таблицу (если в нее заключена вся страница) на куски - сделайте так, чтобы посетитель увидел, хотя бы ее часть, пока не подгрузится все остальное;
на первой странице вы ничего еще не знаете о посетителе, поэтому не помещайте на страницу никакие нестандартные элементы: Java-апплеты, звук, Flash и т.д. - это считается плохим тоном; если это так критично, предупредите об этом заранее на странице-заставке.
Как известно подавляющее большинство внутренних страниц имеет или верхнее или левое боковое меню. Ваши страницы, наверно, не исключение. Поэтому зачастую только на первой странице есть возможность самовыразиться - не бойтесь нестандартных решений, проявите неординарность.
6.2. Логическая и физическая структура сайта
Каждый ресурс Интернета, от любительской домашней странички до большого информационного портала, содержит несколько тематических рубрик, соединенных между собой гиперсвязями. Как правило, ссылки на все разделы сайта с краткими анонсами их содержимого приводится на первой, так называемой стартовой странице, которой присваивается имя index.htm (.html). Если тематические рубрики содержат собственные подразделы, каждая из них также имеет свою стартовую страницу, называющуюся index.html.
Такое имя файла рекомендуется присваивать всем стартовым документам сайта, поскольку в противном случае при обращении к какому-либо разделу посредством сокращенного URL без указания названия стартовой страницы (например, http://WWW.mysite.ru/photos/вместо
http://WWW.mysite.ru/photos/startpage.html)
браузер отобразит не саму Web-страницу, а перечень хранящихся в данной папке файлов.
Подобный набор тематических рубрик с распределенными по соответствующим разделам документами и заранее спроектированными гиперсвязями между всеми страницами ресурса и называется логической структурой сайта. Физическая структура, напротив, подразумевает алгоритм размещения физических файлов по поддиректориям папки, в которой опубликован ваш сайт. Пример сравнения логической и физической структур одного и того же ресурса Интернета показан на рис. 1.
Рис. 1. Сравнение логической и физической структуры сайта
Очевидно, что логическая и физическая структуры могут не совпадать, поскольку в общем случае физическая структура ресурса разрабатывается, исходя из удобства размещения файлов. Однако более или менее точное сохранение порядка следования логических разделов в физической структуре сайта позволит вам избежать путаницы при последующем дополнении и обновлении материалов.
Рекомендуется размещать все графические изображения, являющиеся элементами проекта, в отдельной папке с названием «Images», расположенной в корневой директории сайта. Такой подход позволит обновлять хранящиеся в других тематических разделах документы HTML без переноса графики, использовать одни и те же графические файлы во всех разделах сайта и при необходимости удалять целые директории.
Для того чтобы все гиперссылки на вашей домашней страничке или Web-сайтеработали корректно, все документы открывались правильно и браузер не выдавал ошибок при обращении к каким-либо разделам ресурса, при создании его физической структуры следует соблюдать несколько простых правил.
Назначайте имена директорий, имена и расширения документов HTML и графических файлов с использованием символов только латинского алфавита и только в строчном регистре. Старайтесь, чтобы имена созданных вами файлов и директорий не превышали по длине восьми символов.
При присвоении имен файлов документам HTML старайтесь следить за тем, чтобы эти имена были «смысловыми»: впоследствии вы легко можете забыть содержимое и назначение какой-либо Web-страницы, если имена файлов будут выглядеть, например, как l.htm, 2.htm, 3.htm и т. д.
Для того чтобы облегчить процесс обновления Web-страниц, дополнения разделов или создания новых рубрик, заведите средство документирования проекта — любую электронную таблицу, созданную, например, в Microsoft Excel, или просто разграфленную тетрадку, в которую записывайте соответствие элементов физической структуры вашего проекта его логической структуре. До тех пор пока количество составляющих ваш сайт файлов относительно мало, это может показаться излишним, когда же оно перевалит за первые два десятка, в обилии html-документов и графических элементов будет легко запутаться, особенно если вы создаете несколько проектов одновременно. Пример оформления такого средства документирования показан в табл. 2.
Таблица 2. Пример оформления средства документирования проекта
Имя файла |
Директория |
Описание |
Дата последнего изменения |
index.html index.html Wife.htm son.htm pid-jpg |
/mysite /mysite/family /mysite/family /mysite/family /mysite/photos |
Стартовая страница сайта http://WWW.mysite.ru Стартовая страница раздела «моя семья» Рассказ о моей жене Рассказ о моем сынишке Моя фотография на пляже в Сочи |
1.07.2005 5.07.2005 5.07.2005 5.07.2005 6.07.2005 |
Физическая структура сайта скрыта от посетителей вашего ресурса: они могут наблюдать только логическую структуру, причем именно так, как она представлена при помощи элементов навигации. Отсюда следует вполне логический вывод: строение системы навигации должно если не полностью повторять, то хотя бы максимально соответствовать разработанной вами логической структуре сайта.