Создание HTML-сайта

Навигация сайта

Итак, продолжаем строить наш сайт. Сейчас мы попробуем создать блок вертикальной навигации. Начнем с того, что немного растянем нашу таблицу.

Теперь нам нужно основную часть сайта разделить на две части. Для этого мы должны создать внутри главнойтаблицы еще одну таблицу. Для этого устанавливаем курсор в основной части сайта в верхний левый угол. Как это сделать? Да очень просто! Если курсор установился у вас в середине основной части, то в разделе «Свойства» найдите «Выравнивание содержимого ячеек по вертикали», в выпадающем меню кликните «По верхнему краю» и курсор установится в верхнем левом углу основного раздела.

После того, как нам удалось установить курсор куда нужно, снова идем во вкладку верхнего меню «Общий» и нажимаем на значок таблицы. Таблица наша будет состоять из одной строки и двух столбцов. Шину устанавливаем 100%, т.е. вторая таблица будет занимать всю ширину главной таблицы.

Нажимаем ОК и любуемся нашим произведением искусства.

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

Продолжаем создавать вертикальную навигацию. Устанавливаем курсор в левый верхний угол блока навигации и создаем еще одну таблицу. Пусть наша навигация будет рассчитана на пять страниц. В параметрах таблицыуказываем 5 строк, 1 столбец и 100% ширины. Нажимаем ОК.

Вот что примерно должно у вас получиться, если вы все сделали правильно.

Нам осталось закончить с блоком горизонтальной навигации. Ее мы разделим на четыре раздела. Устанавливаем курсор в блок горизонтальной навигации, выравниваем его по верху, в параметрах таблицы прописываем 1 строку, 4 столбца и 100% ширины. Нажимаем ОК и смотрим, что у нас получилось.

На этом заканчиваем с разметкой нашего сайта.