Главная
Скачать (Download)
Dreamweaver CS6
Dreamweaver CS5
Dreamweaver CS4
Dreamweaver 8
Dreamweaver MX 2004
Dreamweaver 4
Уроки (Tutorials)
Видеоуроки new!!!

Fireworks
ЧаВо
Документация
Статьи
Программы и скрипты
Бесплатные шаблоны
Каталог сайтов
Форум
Карта сайта
Контакты



Уроки - Создание гостевой книги в Macromedia Dreamweaver
[1 2 3 4 5 6 7 8]

- Создание CSS

- Создание статической страницы
[1 2]

- Создание выпадающего меню

- Редактирование кода
[1 2]


главная > уроки >

Создание гостевой книги в Macromedia Dreamweaver

Создание шаблона Dreamweaver

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

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

Создадим шаблон гостевой:

  1. Откройте Dreamweaver.
  2. Откройте определенный вами сайт гостевой книги нажав на его названии в выпадающем меню закладки Files панели Files.
  3. Убедитесь что вы работаете с локальным сайтом Local View выбрав эту опцию в закладке Files.
  4. Выберите File > New и выберите Template page > PHP template из раздела General.
  5. И не забыть нажать Create. Откроется пустая страница. Шаблон динамического сайта должен быть динамическим также. Шаблон будет иметь расширение PHP после того, как вы сохраните его.

Создание шаблона PHP в Macromedia Dreamweaver

Подумаем о расположении частей страницы. Страницы будут иметь следующие части:

  • Заголовок - содержит логотип сайта.
  • Низ - ссылки для обратной связи и информация о авторских правах.
  • Меню навигации - размещены ссылки на разделы.
  • Главная область - выводится список сообщений
Заголовок
Меню навигации Главная область
Низ

Дальше создадим таблицу, которая представляет наш дизайн.

  • Выберите Insert > Table.
  • Появится окно вставки таблицы, заполните поля как показано на рисунке.

Вставка таблицы в Macromedia Dreamweaver

  • Наша таблица будет "резиновой" - ширина 100% при любом размере окна браузера.
  • Границы таблицы невидимы (равны 0) - они не создают дизайна.

Выделите верхнюю строку в строке выбора тегов -

В инспекторе тегов нажмите кнопку объединения ячеек -

Объедините и нижнюю строку.

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

Сохраняем шаблон File > Save. Если выскочит окно, предупреждающее что у вас нет редактируемых областей (editable regions). Нажмите ОК.

Выберите в окне "Save As Template" выберите сайт guestbook, введите название шаблона - gb и нажмите "Сохранить".

Dreamweaver создаст в локальном сайте папку Templates, в которую и сохранит шаблон gb.dwt.php

Шаблоне можете изменять дизайн заголовок и низ страницы. Как правило в заголовке размещают логотип сайта, название сайта, баннер 486х60. Внизу страницы кнопки рейтингов, ссылку на страницу обратной связи с авторами сайта и т.п.

<< назад дальше >>

Источник:
Macromedia Dreamweaver для каждого -
статьи, форум, обмен ссылками.

главная > уроки >

Реклама