![]() |
|
||||||||||||||
|
|
|
|
|
Делаем компоновку главной страницы
Однако следует изначально правильно выбрать компоновку и навигацию сайтас учетом его будущего объёма для того, чтобы по мере роста можно было без проблем добавлять новый материал и впоследствии не пришлось делать редизайн сайта. Не мудрствуя лукаво, предлагаю выбрать компоновку, которая использована на данном сайте.
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. Название, прямо скажем, далеко не лучшее, но сейчас мы преследуем другие цели. Если действительно надо проверить или зарегистрировать домен, то это можно сделать здесь. |
|
|
Спасибо, что заглянули на сайт. Надеюсь, Вам понравилось. Заходите еще. Здесь всегда рады вам :) |
|
© 2005-2011 |
E-mail: |