Сайт Вадима Аниканова

Template Kit 3.1: создание шаблона для . Часть 2

postsblog8Продолжаю серию статей посвященных созданию шаблона для . В прошлой статье я рассказал о том, как настроить Template Kit, как создать шаблон для , а также о том, как внедрить шаблон на хостинг и включить его в административной панели.

Я рассчитываю, что вы уже прошли какой-нибудь видеокурс посвященный Dreamweaver, а потому у Вас не возникнет вопросов о том как вставить таблицу, сохранить текущий проект... но все-таки я по возможности буду писать все максимально шире и уж если кто-то где-то не понял, от куда че взялось, включите ГУГЛ и задайте вопрос ему, на заведомо «Ленивые» вопросы я отвечать не собираюсь.

План 2 части.

  • Создание «Костей» шаблона.
  • Подключение модулей и component.php.

     

Создание «Костей» шаблона.

И так, включаем наш Dreamweaver и запускаем два файла index.php и J_CSS_Designer.html нашего проекта:

Выбираем J_CSS_Designer и нажимаем кнопку Add local.

Сохраняем шаблон.

В файле index.php ниже тега <body> вставляем таблицу с указанными ниже параметрами.

Нажимаем «ОК», идем на стол «Design», приводим таблицу в вот такое состояние:

Выставляем всем ячейкам значение «Top» путем их отдельного или совмесного выдиления.

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

Подключение модулей и component.php.

Отлично, поехали дальше. Заходим в рабочую область DW, стираем надпись «Центр», оставляем в ячейке курсор и нажимаем кнопку Mein Component.

В рабочей области получаем вот что:

Сохраняем проект. В браузере видим отображение «Аля» и это значит, что все Супир:

Теперь, возвращаемся в DW, идем к нашей табличке. Удаляем слово «Лево» и в место него, по предыдущему принципу, добавляем следующее (строго придерживаемся выделеных значений):

Визуально видим изменения в таблице (не обращайте внимание на бывший «Центр» у Вас он может быть такой же как и бывший «Лево» у меня он преобразился):

Нажимаем «Сохранить проект» и получаем такой результат в браузере:

Мы двигаемся в правильном направлении!

Кому интересно, что происходит в кодинге, можете параллельно просматривать то, что меняется в коде нашего index.php ну и конечно же в других файлах. Теории не будет, ищите в другом месте, я даю практику.

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

Внизу рабочей области выставляем такие значения:

Сохраняем нашу сессию и идем в браузер для обновления странички и видим красоту (шаблон растянулся по ширине):

Отлично, все идет как по маслу. Теперь добавляем правый модуль вместо слова «Право», и сохраняем проект:

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

Вот и вторая статья, посвященная созданию шаблона для , подошла к завершению.

Тэги: для, на, не, как, все, создание, если, где-то, том, template, , шаблона, шаблон, максимально, шире

Copyright © 2013. All Rights Reserved.

Yandex-metrika