|
Создание динамического веб-шаблона.
Общая структура. Прикрепление шаблона к
страницам.
Часть 1.
Для чего нужен динамический веб-шаблон. Если
говорить коротко, то он предназначен для того, чтобы Вы, как администратор
изменяли и дополняли одну страницу своего сайта, а при ваших действиях с этой
страницей, изменялись и все остальные страницы, к которым прикреплена данная
страница. Это коротко. Более подробно можно найти
здесь. (сайт office.microsoft.com)
Переходим к созданию шаблона.
Для начала необходимо создать обычную страницу.
Нажимаем на "Создание новой обычной страницы".
Теперь обратимся к общей структуре создания
нашего сайта - как, и где будут располагаться элементы, и т.д.
Выбрав структуру, её необходимо где-то описать.
Это можно сделать на обычном листе бумаги. Я же Вам передаю структуру в видео
изображения ниже.
Итак, имея структуру нам необходимо перевести её
в таблицы, чем и займемся.
Создаём таблицу - 1x1
На новой таблице нажимаем правой кнопкой мыши и
выбираем "свойства таблицы."
В появившемся окне вводим параметры, как на
рисунке:
Нажимаем кнопку
"ОК"
Эта таблица будет основой для нашей странице.
В этой таблице нам предстоит создание ещё
нескольких таблиц.
Первая таблица, которую мы создадим будет
относиться к шапке сайте. Создаём в новой таблице ещё одну таблицу, но теперь на
3 ячейки, т.к. шапка сайта состоит из 3 элементов - Логотип, баннер, поиск.
Этой таблице задаем такие же параметры, как и
предыдущей. Можно задать и другие, например ширина - 1024 точек, это надо
делать, когда сайт пишется под определенное разрешение экрана.
В данном уроке мы будем делать сайт, который
будет иметь строгие размеры для поиска и логотипа, я часть с баннером будет
уменьшаться или увеличиваться в зависимости от разрешения экрана пользователя.
Теперь необходимо задать точные размеры для
ячейки с логотипом и для ячейки с поиском.
У меня заранее сделан логотип, и он имеет
размеры - ширина - 300, высота - 186 точек. Его необходимо поместить в папку
"Images"
на Вашем
"Веб-Узле"
Нажимаем правой кнопкой на первой ячейке, где
должен располагаться логотип и выбираем "Свойства Ячейки"
Задаём параметры ячейки:
Нажимаем кнопку "Вставка"\ "Рисунок" \ "Из
Файла..." и выбираем логотип:
Выберете оставшиеся две ячейки таблицы и
назначьте им высоту равную первой ячейке.
"Свойства ячейки"
"Задать высоту" -
186 в точках.
Задавать размеры ширины для ячейки с поиском
пока не будем, это мы сделаем, когда установим форму для поиска.
Добавьте ещё одну таблицу ниже той, что мы
сделали для шапки. Размер таблицы 1x3
Вот, что должно получиться:
Этой таблице задайте такие же параметры, как и
предыдущей:
Выберете первую ячейку и задайте ей ширину,
равную ширине логотипа (Это делается по желанию. Можно
задать и любые другие размеры.)
Ниже создайте ещё одну таблицу с такими же
параметрами. Эта таблица для "Низа сайта", там будут располагаться счетчики.
Примечание!
Нижнюю таблицу не
обязательно делать с тремя ячейками. Достаточно и одной. Для счетчиков все равно
надо будет делать свою таблицу.
Выделите все ячейки всех таблиц, перейдите в
"Свойства Ячейки" и задайте параметр "Выровнять по
вертикали:" -
"По
верхнему краю"
Если текст в ячейках не выровняться по
верхнему краю, то задайте для каждой ячейки в ручную этот параметр.
Для ячеек с поиском и дополнительным меню
произвольно можно поставить ширину - 200 точек. Это позволит таблице
держать точные размеры при написании текста в ячейках.
Теперь у нас должно получиться следующее:
нажмите для увеличения.
(Часть 2.)
Далее к продолжению
урока-->>
Комментировать урок можно здесь--->> |
