Структура сайта . Разработка структуры
сайта .
В данной статье, под понятием структура
сайта подразумевается карскас сайта - т.е. его
база, которую уже потом наполняют текстом и графикой. Структура
сайта может быть различной, я покажу вам базовые принципы
ее создания.
Как вы думаете, из чего делается каркас? на
самом деле это обычная таблица, в которой имеются несколько
ячеек, или если он более сложный, имеются еще и вложенные
таблицы. Таблица может быть фиксированной ширины(мне так
больше нравиться, да и проблем меньше) а может разворачиваться
на весь экран, в зависимости от разрешения монитора.
Короче, давайте смотреть на примере:
Шапка
сайта (логотип и название) |
| Меню |
Основной
текст |
Реклама |
подвал сайта (Копирайт) |
Как видите, обычная примитивная табличка, разделенная соответсвующим
образом на колонки и ряды. Как делать такие таблицы, можете
почитать здесь.
Что можно посоветовать, ну...наверное то, что шапку лучше
делать не чисто графическим изображением, а компоновкой,
обычного html текста и рисунка на заднем плане(в начале
написать текст, затем в ячейку таблицы поставить фоновое
изображение). Это значительно улучшит позиции в поисковых
системах (особенно если у вас там ключевая фраза!).
Там где реклама, на первых порах поставьте рекламу от Google
- для нее не важна посещаемость вашего сайта, или если у
вас другие варианты - ставьте другое. Меню можно сделать
самому(просто добавляем еще одну табличку), а можно воспользоватся
програмкой CSS
Menu Generator - там все просто, указываете
ширину меню, цвета ячейки в спокойном состоянии, при наведении
мыши и др., ставите ссылки (затем копируете html код и вставляете
его в ячейку таблицы Меню, а CSS код в свою таблицу стилей
) вобщем разберетесь.
Структура сайта может иметь к примеру
такой вид:
|
Шапка сайта |
| ссылка1 |
ссылка2 |
ссылка3 |
ссылка4 |
ссылка5 |
ссылка6 |
| Навигация |
| ссылка 7 |
| ссылка 8 |
| ссылка 9 |
| ссылка 10 |
| ссылка 11 |
| ссылка 12 |
| ссылка 13 |
|
Основной текст |
Реклама
либо еще одно меню
|
|
| ссылка1 |
ссылка2 |
ссылка3 |
ссылка4 |
ссылка5 |
ссылка6 |
|
Подвал сайта(копирайт)
|
Это тоже хороший вариант(только понятно что не с такими
цветами !) Т.е. как видите добавлены менюшки под шапкой
и над копирайтом. Обычно эти менюшки дублируются! а в навигации
слева, уже другие пункты, таким образом это дает возможность
сделать очень много подпунктов меню.
Обратите внимание, что опять же - Все Сделано Из
Таблиц! В общем я показал вам принцип, а дальше
уже придумывайте, фантазируйте, ваша структура сайта
будет намного лучше !!!
Удачи!
|
