русс | укр

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование

Все о программировании


Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

Часть 1.


Дата добавления: 2015-07-09; просмотров: 630; Нарушение авторских прав


Для чего нужен динамический веб-шаблон. Если говорить коротко, то он предназначен для того, чтобы Вы, как администратор изменяли и дополняли одну страницу своего сайта, а при ваших действиях с этой страницей, изменялись и все остальные страницы, к которым прикреплена данная страница. Это коротко. Более подробно можно найти здесь. (сайт office.microsoft.com)

Переходим к созданию шаблона.

Для начала необходимо создать обычную страницу. Нажимаем на "Создание новой обычной страницы".

Теперь обратимся к общей структуре создания нашего сайта - как, и где будут располагаться элементы, и т.д.

Выбрав структуру, её необходимо где-то описать. Это можно сделать на обычном листе бумаги. Я же Вам передаю структуру в видео изображения ниже.

Итак, имея структуру нам необходимо перевести её в таблицы, чем и займемся.

Создаём таблицу - 1x1

На новой таблице нажимаем правой кнопкой мыши и выбираем "свойства таблицы."

В появившемся окне вводим параметры, как на рисунке:

· Выравнивание - по центру

· Задать ширину -100 процентов

· Поля ячеек - 0

· Интервал ячеек - 0

· Размер границы - 0

Нажимаем кнопку "ОК"

Эта таблица будет основой для нашей странице.

В этой таблице нам предстоит создание ещё нескольких таблиц.

Первая таблица, которую мы создадим будет относиться к шапке сайте. Создаём в новой таблице ещё одну таблицу, но теперь на 3 ячейки, т.к. шапка сайта состоит из 3 элементов - Логотип, баннер, поиск.

Этой таблице задаем такие же параметры, как и предыдущей. Можно задать и другие, например ширина - 1024 точек, это надо делать, когда сайт пишется под определенное разрешение экрана.

В данном уроке мы будем делать сайт, который будет иметь строгие размеры для поиска и логотипа, я часть с баннером будет уменьшаться или увеличиваться в зависимости от разрешения экрана пользователя.



Теперь необходимо задать точные размеры для ячейки с логотипом и для ячейки с поиском.

У меня заранее сделан логотип, и он имеет размеры - ширина - 300, высота - 186 точек. Его необходимо поместить в папку "Images" на Вашем "Веб-Узле"

Нажимаем правой кнопкой на первой ячейке, где должен располагаться логотип и выбираем "Свойства Ячейки"

Задаём параметры ячейки:

· Выравнивание по горизонтали - "По центру"

· Ширина - 300 точек

· Высота - 186 точек.

Нажимаем кнопку "Вставка"\ "Рисунок" \ "Из Файла..." и выбираем логотип:

Выберете оставшиеся две ячейки таблицы и назначьте им высоту равную первой ячейке.

"Свойства ячейки"

"Задать высоту" -186 в точках.

Задавать размеры ширины для ячейки с поиском пока не будем, это мы сделаем, когда установим форму для поиска.

Добавьте ещё одну таблицу ниже той, что мы сделали для шапки. Размер таблицы 1x3

Вот, что должно получиться:

Этой таблице задайте такие же параметры, как и предыдущей:

Выберете первую ячейку и задайте ей ширину, равную ширине логотипа (Это делается по желанию. Можно задать и любые другие размеры.)

Ниже создайте ещё одну таблицу с такими же параметрами. Эта таблица для "Низа сайта", там будут располагаться счетчики.

Примечание! Нижнюю таблицу не обязательно делать с тремя ячейками. Достаточно и одной. Для счетчиков все равно надо будет делать свою таблицу.

Выделите все ячейки всех таблиц, перейдите в "Свойства Ячейки" и задайте параметр "Выровнять по вертикали:" - "По верхнему краю"

Если текст в ячейках не выровняться по верхнему краю, то задайте для каждой ячейки в ручную этот параметр.

Для ячеек с поиском и дополнительным меню произвольно можно поставить ширину - 200 точек. Это позволит таблице держать точные размеры при написании текста в ячейках.

Теперь у нас должно получиться следующее:

Часть 2. В ячейке "Для текста"создайте таблицу 1x1 и задайте ей параметры, как и у других таблиц: Выделите эту таблицу и перейдите в "Формат"\ "Динамический веб-шаблон"\"Управление изменяемыми облостями" В появившемся окне введите "Имя области" - "Text" и нажмите кнопку "Добавить" Должно получиться следующее: нажмите для увеличения. Теперь сохраним наш шаблон. "Файл"\ "Сохранить как..." В появившемся окне выбираем "Тип файла" - "Динамический веб-шаблон" И вводим любое имя, например"index" Переходим в "Веб-узел". Находим новый файл с расширением .dwt Нажимаем на нем правой кнопкой мыши и выбираем "Свойства" В появившемся окне удаляем параметр "Название". Теперь нажмите на клавиатуре "Ctrl"и выделите все страницы, кроме шаблона. Перейдите в "Формат"\"Динамический веб-шаблон"\ "Присоединить динамический веб-шаблон" В открывшемся окне выберете шаблон, созданный ранее. После присоединения у Вас на экране появиться таблица с количеством обновленных страниц: Теперь изменяя все, что не входит в таблицу с изменяемой областью "Text" в динамическом веб-шаблоне, после сохранения шаблона, будет изменяться на других страницах. Это очень удобно! Т.к. изменяя одну страницу, Вы изменяете все страницы, к которым прикреплен шаблон. На одном сайте может присутствовать несколько шаблонов. Их количество ни чем не ограниченно.    

Понравился урок

 
 
Предсказание сильный приворот приворот на иконах. Шаман.

 

Делаем обычное меню из гиперссылок. Продолжаем создание нашего Веб-узла. В предыдущих уроках Мы создали Веб-Узел, создали основные страницы, динамический веб-шаблон, и присоединили его к страницам. Теперь будем делать простое меню для сайта. Открываем страницу нашего Веб-шаблона с расширением .dwt нажмите для увеличения. Переходим в ячейку, где будет располагаться меню и создаём в ней таблицу 7x2 Переходим в свойства созданной таблицы и ставим параметры: нажмите для увеличения. · Выравнивание - "По центру" · Задать ширину - 300 точек (этот параметр должен соответствовать ширине ячейки, в которой сделана таблица) · Поля ячеек - 0 · Интервал ячеек - 0 · Размер границы - 0 Я приготовил изображение, которое у меня будет стоять перед гиперссылкой. Вот это изображение: Его размеры - 20x18 точек. Теперь необходимо изменить параметры ячеек, где будет вставлено это изображение. Выделяем левые ячейки таблицы меню, нажимаем правую кнопку мыши и выбираем "Свойства ячейки..." Задаем такие параметры: · Выровнять по горизонтали - "по центру" · Выровнять по вертикали - "по середине" · Задать ширину - 20 точек Вставляем изображение в первую ячейку: "Вставка"\"Рисунок"\"Из файла..." В появившемся окне выбираем изображение. Один раз нажимаем левой кнопкой мыши на вставленном изображении и на клавиатуре нажимаем "Ctrl" + "С", или переходим в "Правка"\ "Копировать" Переходим в ячейку ниже и нажимаем на клавиатуре "Ctrl" + "V" ,или "Правка"\ "Вставить" Проделываем эту операцию со всеми остальными ячейками. Теперь наполняем наше меню содержимым. Для удобства восприятия можно изменить интервал ячеек в свойствах таблицы на 5. В ячейки вводим названия страниц. Выделяем первое название "Главная", нажимаем правую кнопку мыши, переходим в "Гиперссылка" В открывшемся окне выбираем домашнюю страницу - index.htm Таким же образом делам гиперссылки на другие страницы. Сохраняем наш Веб-шаблон, и проверяем, что изменились все страницы.  

Понравился урок

 
 
 

 

 
     


<== предыдущая лекция | следующая лекция ==>
Создание и сохранение страниц на Веб-Узле | Делаем меню из списка с гиперссылками


Карта сайта Карта сайта укр


Уроки php mysql Программирование

Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных


 


Не нашли то, что искали? Google вам в помощь!

 
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.

Генерация страницы за: 0.951 сек.