- •Часть 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.Основные термины Интернет
Технологии Web-дизайна
6.1. Структура узла web-сайта
Одним из главных слагаемых успеха узла является правильная организация его структуры. От нее зависит не только удобство навигации, но и легкость его пополнения, добавления разделов. Организация навигации не зависит напрямую от физической структуры узла, но сильно от нее зависит косвенно. Представьте, когда человек хочет попасть в раздел, посвященный CGI, большого информационного сервера CITForum, он наберет в строке запроса:
http://WWW.citforum.ru/Интернет/cgi/ и попадет туда, куда надо.
Конечно, угадывание URI документа узла, на котором вы никогда не были, дело сложное и зачастую ненужное, но все же лучше иметь логичную физическую структуру узла, чтобы человек, однажды у вас побывавший, смог потом легко вспомнить путь, по которому адресу лежит нужный ему документ.
Базовые структуры
Перечислим базовые структуры узлов и рассмотрим, когда их предпочтительнее использовать. При этом будем помнить, что настоящий узел часто имеет комбинированную структуру, включающую в себя несколько или все базовые структуры.
6.1.1. Плоская структура
Эту структуру еще называют звездной или полносвязной. Она имеет следующий вид: имеется головной документ (домашняя страница), который имеет ссылки на все остальные документы узла. Зачастую в этих документах также есть ссылки на все остальные документы узла, включая, головной.
Такую структуру имеют многие домашние страницы и корпоративные узлы «визитки». Под узлом «визиткой» подразумевается некий узел имеющий типичные страницы: «о компании», «наши услуги», «как с нами связаться», «наши партнеры», «наши клиенты». Из вышесказанного ясно, что такая структура имеет смысл для узла, насчитывающего не более 5-9 документов.
6.1.2. Линейная структура
Эту структуру также называют последовательной. Она представляет собой серию последовательно связанных документов, в каждом из которых имеются только ссылки вперед (дальше) и назад.
Эта структура используется очень редко и подходит для простых презентаций и определенных видов учебников. Ее использование оправдано тогда, когда смысл документа в середине цепочки не ясен или его получение не желательно без предыдущих документов.
Конечно же линейная структура имеет смысл тогда, когда ваш посетитель может пройти ее до конца за достаточно короткий промежуток времени. Иначе ему не захочется пролистывать все сначала, если ему придется оторваться от вашего узла.
6.1.3. Древовидная структура
Такая структура полностью повторяет физическую структуру узла, соответствующую файловой структуре дерева документов. В своем строгом виде она не используется нигде, всегда существуют петли, нарушающие древовидность. Но она служит базой для организации сложной структуры практически всех крупных узлов.
6.1.4. Комбинированная структура
Как это ни странно, комбинированная структура также почти, что поддается стандартизации. Подавляющее большинство крупных узлов, будь то каталог, корпоративный узел или информационный узел имеют следующую структуру:
На верхнем уровне организуется плоская структура документов. В нее входит домашняя страница, а также в зависимости от направленности узла группа вспомогательных документов и/или индексы разделов. Очень часто все они имеют полные или частичные взаимосвязи друг с другом. А из этих разделов или прямо из домашней страницы свисают «гроздья» документов древовидных структур, часто имеющих ссылки только на своих прямых и прародителей. Листьями этих деревьев могут быть отдельные документы, плоские или линейные структуры.
Прежде чем решать, какую структуру должен иметь ваш узел, необходимо детально разобраться не только в том, что будет на вашем узле после его создания, но и рассмотреть все возможные и невозможные сценарии развития вашего узла на несколько лет вперед. Собственный горький опыт и опыт многих коллег показывает, что недооценка возможностей развития узла часто приводит к необходимости его полной реструктуризации в будущем, что не только является адским трудом, но и сводит на нет все ваши усилия по раскрутке узла - его регистрации в поисковых системах, каталогах, обмене ссылками и т.д.