Разработка сайта начинается с создания дизайна всех страниц в программе Adobe Photoshop или Adobe Fireworks, предоставляющих самые популярные инструменты разработки внешнего представления сайтов. После создания нужного дизайна можно приступать к его конвертации в HTML. В зависимости от расположения элементов и дизайна процесс конвертации может серьезно варьироваться в соответствии с задачами оптимизации сайта под стандарты сети Интернет. В настоящем разделе  данный процесс не рассматривается. Если вы испытываете сложности в «разрезке» файла формата Photoshop, можете обратиться к различным онлайн-сервисам, которые сделают это за номинальную плату.

Предполагается, что у вас уже есть HTML-страницы и вы готовы подключить их к Joomla. Можете создать их на основе собственного дизайна или взять готовый сайт. Рассмотрим процесс подключения на примере сайта JoomlaPetCenter.com .

Он выглядит как типичный сайт с одним меню в верхней части страницы под «шапкой» и вторым — слева. Под ним находится форма авторизации. Приветственное сообщение Добро пожаловать в центр домашних животных Joomla! отображается в главной области содержимого страницы. Под ним по всей ширине располагается подвал.

Чтобы начать думать в стиле Joomla, попробуйте разбить страницу на зоны. Они соответствуют областям, которые делят содержимое сайта на блоки.

На главной странице можно выделить следующие области.

• Шапка — верхняя часть страницы, в которой обычно находятся логотип, название сайта и декоративные элементы.

• Главное меню — как правило, на сайтах есть навигационная панель, расположенная горизонтально в верхней части либо вертикально в левой. Возможны также оба варианта.

• Второе меню слева — в нашем примере здесь располагаются дополнительные пункты, не вошедшие в главное меню. На других сайтах данная область может использоваться для отображения элементов подменю, дочернего по отношению к одному из пунктов главного меню.

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

• Главная область содержимого — здесь выводится основная информация страниц сайта во время навигации по ним.

• Подвал — нижняя область страницы, которая содержит ссылки и информацию об авторских правах.

Выделение зон главной страницы — основа для определения структуры сайта. Все прочие страницы будут подчиняться данной структуре.



Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *