Компановка сайта
Делаем компоновку главной страницы
|
Итак, переходим к самому интересному - непосредственной разработке своего сайта.
Первым делом нужно подготовить текстовую и графическую информацию, то есть в текстовом редакторе (например, Word) набрать текст и проверить его на наличие синтаксических и орфографических ошибок. Графика должна быть подготовлена и оптимизирована для публикации на веб-страницах в одном из графических редакторов. Технические вопросы подготовки текста и графики здесь мы рассматривать не будем, для этого есть соответствующие ветки сайта.
Исходя из объема подготовленного материала, надо определиться со структурой сайта. Конечно, если готовится довольно обширный проект, содержащий десятки или сотни страниц, сразу подготовить весь материал не представляется возможным. Да это и не нужно. Достаточно подготовить главную (домашнюю страницу) и десяток основных страниц сайта.
|
|
Однако следует изначально правильно выбрать компоновку и навигацию сайтас учетом его будущего объёма для того, чтобы по мере роста можно было без проблем добавлять новый материал и впоследствии не пришлось делать редизайн сайта.
Не мудрствуя лукаво, предлагаю выбрать компоновку, которая использована на данном сайте.
1. Верхняя часть страницы. Здесь размещены логотип и рекламный баннер, а также средства общей навигации по сайту.
2. Область размещения гиперссылок и дополнительной навигации по сайту.
3. Область размещения текста.
4. Область размещения рекламных материалов и гиперссылок.
5. Нижняя часть страницы. Здесь расположены справочная информация, счетчики и рекламный баннер.
Данная компоновка не очень сложна и интуитивно понятна посетителю.
Львиная доля посетителей будет попадать на сайт через поисковые машины. Это значит, что человек придет не обязательно на главную страницу сайта (зачастую так оно и будет, ведь главная страница содержит общую информацию, а конкретика расположена где-то в глубине сайта). Именно поэтому каждая страница сайта должна иметь удобную и понятную систему навигации. Посетитель должен знать, где он находится и куда может пойти дальше. Желательно, чтобы переход на любую страницу сайта был возможен за два-три щелчка мышью.
Теперь, когда мы определились с общей компоновкой страниц сайта, можно попробовать воплотить все это в жизнь.
Делать всю эту красоту будем с помощью таблиц - мощного инструмента в создании Вэб-сайта.
Для начала стандартный набор тэгов
<html>
<head>
<title>Пробуем делать сайт</title>
</head>
<body>
</body>
</html>
Теперь разобьем окно браузера на участки согласно выбранной компоновке.
Верхняя часть будет выглядеть так:
<!--Начало Зоны 1 -->
<table bgcolor="yellow" width="100%" height="100" border="1">
<tr>
<td align="center">Zone 1</td>
</tr>
</table>
<!--Конец зоны 1 -->
Попробуйте завершить компоновку самостоятельно. Предлагаю среднюю часть сделать как таблицу с одной строкой и тремя ячейками, а в каждой из этих ячеек разместить вложенные таблицы для зон 2, 3, 4. Нижняя часть будет дублировать верхнюю.
Что должно получиться можно посмотреть здесь. Для просмотра кода выберите меню "Вид" - "Просмотр HTML-кода". Некоторые атрибуты таблиц введены лишь только для того, чтобы придать окну задуманный дизайн. По мере наполнения таблиц информацией "лишние" атрибуты уберутся.
Параллельно с разработкой сайта нужно заняться таким важным делом, как выбор и регистрация домена. Надо тщательно продумать название сайта и соответственно названию подобрать, а главное, зарегистрировать домен. Если тема сайта широко распространенная, то и хороший домен будет подобрать проблематично. Чтобы уж совсем приблизить нашу учебную задачу к боевой, посвятим учебный сайт конкретной тематике, например, географии. Назовем наш учебный проект "Мой дом - Земля", а информацию для него почерпнем из Большой Энциклопедии Кирилла и Мефодия. Назовем домен www.my_house_earth.ru. Название, прямо скажем, далеко не лучшее, но сейчас мы преследуем другие цели.
Если действительно надо проверить или зарегистрировать домен, то это можно сделать здесь.
http://on-line-teaching.com/site/lsn004.html
