Делаем верхушку страницы
Теперь займемся верхней частью страницы.
Давайте в левой части расположим рисунок-логотип, отражающий тематику сайта, в верхней части расположим наименование сайта и отведем область для рекламного баннера (468*60), в нижней части расположим гиперссылки для основных разделов сайта.
Размеры сделаем следующие:
Ширина всей таблицы - 96%;
Высота таблицы - 100 пикселей;
Выравнивание - по центру;
Ячейка под логотип - 100*100;
Ячейка под баннер - 470*70;
Ячейки под гиперссылки все одинаковой ширины;
Всего ячеек под гиперссылки - 7.
Вся эта красота должна выглядеть так:
Логотип |
Наименование сайта |
Блок рекламы |
||||||
|
||||||||
Исходя из тематики сайта, подберем незатейливый рисуночек для логотипа и оптимизируем его для Вэб-публикации (графические вопросы рассматривать здесь не буду, для этого есть соответствующая ветка сайта).
Под гиперссылки создадим соответствующие страницы сайта.
Гиперссылка 1 - Главная страница сайта;
Гиперссылка 2 - Австралия;
Гиперссылка 3 - Азия;
Гиперссылка 4 - Америка;
Гиперссылка 5 - Антарктида;
Гиперссылка 6 - Африка;
Гиперссылка 7 - Европа.
Для частей света создадим соответствующие папки - australia, azia, amerika, antarktida, afrika, europa. В каждой папке создадим файл index.html. На этот файл будут вести наши гиперссылки с главной страницы.
Для зоны №3 подберем текст, характеризующий тематику нашего сайта.
Что из этого получилось можно посмотреть здесь. Попробуйте написать HTML-код самостоятельно. В качестве подсказки, как всегда, используйте меню "Вид"-"Просмотр HTML-кода".
На этом работу с верхней частью сайта, пока закончим.