Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

Школа Web - пошаговые инструкции для создания сайта


Служба Рассылок Subscribe.Ru проекта Citycat.Ru

Школа Веб - Серверы
Выпуск 22 от 2001-08-22

Школа Веб Ведущий рассылки Eris


Navigator

При сборке компьютера все его модули вставляются в материнскую плату. Ее аналогом для нашего сайта будет модуль, который мы назовем Navigator. Этот модуль предназначен для построения основы сайта. В принципе, используя только его, можно построить каркас простого, слабо-автоматизированного сайта.

Учитывая, что наш сайт будет управляться с помощью базы данных, я сразу же начал строить его с использованием языка php. Для тестирования сайта с использованием предлагаемой технологии стоит установить веб-сервер Apache и пакет PHP к нему. Получить Sourex Web Modules - Navigator можно здесь.

Разберем теперь структуру пакета.

Template

После разархивирования пакета вы получите 2 файла и 2 папки с файлами. В папке _includes_ содержатся различные включаемые файлы. Это ваша библиотека программного кода, которую мы будем время от времени пополнять. Кроме того, здесь будут находиться всевозможные баннеры, меню и все прочее, что постоянно используется на различных страничках, и что мы сохраним отдельно от всей прочей начинки сайта для удобства управления.

В папке _index_ мы будем сохранять элементы оформления нашего сайта. Заметьте, здесь должны храниться элементы, общие для всего сайта. Если в какой-то страничке вы используете специфичные для нее элементы оформления, то сохраняйте их в отдельной директории. Тогда, переделывая страничку и убирая за собой мусор, вы не удалите случайно изображение, которое используется множеством страничек. Те файлы, которые я привел в этой директории, сделаны для образца и должны быть заменены на ваши собственные.

Теперь разберем сами файлы.

index.html - это файл-заставка. Никаких требований к нему не предъявляется, кроме одного - в нем должна быть ссылка на файл index.php Здесь вы можете расположить просто свою эмблему, выбор языка, если ваш сайт использует многоязыковую поддержку, короткий рассказ о сайте и так далее. Это ваша "прихожая". Вообще я противник титульных страниц, но здесь я вынужден ее поставить, поскольку не все серверы и не все броузеры корректно грузят странички с расширением php в качестве индексных. Для оформления этой странички применяются каскадные таблицы стилей, которые хранятся в файле /_includes_/main_page.css Если вы не хотите использовать таблицы стилей по какой-либо причине, удалите из заголовка индексного файла строку
<link rel="stylesheet" href="/_includes_/main_page.css" type="text/css">
и удалите сам файл со стилями.

В этом файле присутствует JavaScript код для создания ролловеров (см статью о ролловерах в цикле уроков по Dreamweaver). Если не используете их, этот код можно удалить, удалив одновременно событие onLoad в теге <body>.

index.php - это файл главного индекса. Это центр навигации всего вашего сайта. Он сразу сделан как .php-скрипт по нескольким причинам. Во-первых, вставка кода с помощью php существенно легче, чем с помощью JavaScript. Во вторых, на эту страничку будут вставляться скрипты, выполняющие дополнительные функции, например, счетчики, формы голосования и прочее. Настройка этого файла проста. Вы делаете свой индексный файл и копируете туда скрипты, которые прописаны в этом шаблоне. Все эти скрипты имеют вид:
<? readfile("_includes_/filename.inc"); ?>
Эта строка представляет собой php-скрипт, который заставляет включить в текст вашей странички содержимое файла filename.inc так, как будто это часть этой странички. Соответственно, этот файл должен содержать html-код, который вы хотите здесь видеть. inc-файлы - это по сути html-файлы, которые не имеют тегов <html>, <head> и <body>, и представляют собой участок html-кода. Если вы создаете эти файлы Dreamweaver-ом, то теги заголовков и тела страницы нужно удалить. Далее с помощью того же Dreamweaver-а вы создаете в этих файлах нужные фрагменты страничек. Вы можете изменить имена вызываемых файлов. Например, если один из баннеров формируется с помощью вашей внутренней баннерной системы, написанной на php, вам придется изменить расширение включаемого файла на .php, и тогда нужно откорректировать имя вызываемого файла в вызывающей строке на страничке index.php Вы можете не использовать все предоставляемые возможности, например вы можете отказаться от одного из трех баннеров. В таком случае просто удалите из индексного файла ненужные скрипты (начало и конец каждого из них отмечен комментариями), или, еще проще, оставьте включаемый файл пустым. Последний прием несколько замедлит вывод странички, но зато позволит включить данную возможность за несколько минут.

Для оформления этого файла, и всех других индексных файлов используются каскадные таблицы стилей, которые помещены в файл index_page.css Вы можете преопределить имеющиеся там стили, и создать новые, если это необходимо.

Если вам нужна не одна, а несколько индексных страничек, вы просто копируете файл index.php в корневую директорию под разными именами. При этом вы можете быть уверены, что изменения, которые вы произведете в любом из включаемых файлов будут отображены немедленно на всех остальных индексных страничках.

В индексную страничку включены следующие файлы (все они находятся в директории _includes_)

menu_main.inc - главное меню вашего сайта. Имейте ввиду, что этот файл может быть включен не только в главный индекс, но и в любую странцу сайта, где только потребуется главное меню. Поэтому все ссылки меню должны быть либо абсолютными, либо относительно корня сайта (начинаться с /). Это касается всех включаемых файлов - ссылки и пути к изображениям должны быть относительно корня сайта.

index_banner_top.inc, index_banner_bot.inc, index_banner_left.inc - файлы, которые содержат код баннеров, которые будут включены во все индексные странички. Вы можете разместить здесь статический баннер (как в указанном примере) или код баннерообменной сети.

index_footer.inc - нижний колонтитул. Обычно содержит копирайт и кнопки счетчиков и рейтинговых систем.

Content

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

Database

Модуль Navigator не требует обращений к базе данных.

Administration

Управление модулем Navigator в базовой поставке осуществляется непосредственным редактированием входящих в него файлов. При замене модулей меню и баннеров на динамические, управление будет осуществляться административными средствами этих модулей.

И, в заключение, небольшое лицензионное соглашение, которое касается не только этого модуля, но и сего пакета Sourex Web Modules.

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



http://subscribe.ru/
E-mail: ask@subscribe.ru
Отписаться Рейтингуется SpyLog

В избранное