Главная
Скачать (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

Создаем меню навигации

В этой части урока мы начнем создавать динамический контент нашей страницы. Для дальнейшей работы убедитесь что сервер запущен и можно соединится с базой данных MySQL.

Создание соединения с базой данных (все работает при открытом шаблоне и настроенном локальном сервере):

  1. В панели Application выберите закладку Databases (Ctrl+Shift+F10).
  2. Нажмите на плюсик (+) и выберите MySQL Connection.
  3. Дальше заполните все поля появившегося окна:
  4. Настройка соединения с базой MySQL в Macromedia Dreamweaver

    • Connection name - название соединения (может быть любым).
    • MySQL server - адрес сервера базы данных
    • User name - имя пользователя базы данных.
    • Password - пароль доступа к базе данных.
    • Database - название базы данных.

    Напоминаю, что я работаю в пакете Денвер на локале. Установки для всех могут быть разные.

  5. Для того чтобы проверить правильность заполнения нажмите кнопку Test. Если все правильно - жмите ОК.

Вы можете увидеть, что в папке локально сайта будет создана папка Connections, в которой сохранен файл guestbook.php (в нем описаны все параметры соединения с базой данных).

Просмотр содержимого базы данных в Macromedia Dreamweaver

Добавим в таблицы нашей базы данных еще записи:

INSERT INTO `gb_topic_top` VALUES (1, 'Общий', 'Все что касается сайта'); INSERT INTO `gb_topic_top` VALUES (2, 'Замечания', 'Негативные высказывания о сайте'); INSERT INTO `gb_topic_top` VALUES (3, 'Благодарности', 'Благодарности автору и команде создателей сайта'); INSERT INTO `gb_article_art` VALUES (1, 1, 'О сайте', 'Пожелания проекту', 'Желаю проекту побольше благодарных посетителей, высоких мест в рейтингах и результатах поисковиков.', '2005-06-13 08:15:59'); INSERT INTO `gb_article_art` VALUES (2, 1, 'Обмен ссылками', 'Сообщение админу', 'Автору сайта - желаете поменяться ссылками - пишите на e-mail - user@domen.com', '2005-06-01 18:19:04'); INSERT INTO `gb_article_art` VALUES (3, 3, 'О форуме', 'Советую им пользоваться', 'Очень информативный форум сайта. Ответы даются быстро и информативно. Советую всем!!!', '2005-06-16 01:02:02'); INSERT INTO `gb_article_art` VALUES (4, 2, 'О дизайне', 'Желает лучшего', 'Советую поменять дизайн - цвета темные, шрифт не виден на его фоне. Картинки очень "увесистые".', '2005-06-15 17:08:31');

Создание набора данных (Recordset)

Нам нужно извлечь из базы данных нужную информацию, для этого создаем набор данных:

  1. В панели Application выберите закладку Bindings (Ctrl+F10).
  2. Нажмите плюсик (+) и из меню выберите Recordset.
  3. Заполните все поля как на рисунке и нажмите ОК.

Меню Recordset

  • Name - название набора записей.
  • Connection - какие установки связи с базой данных использовать.
  • Table - выбираем таблице базы данных с которой будем работать.
  • Columns - какие колонки используем.
  • Filter - фильтры не используем.
  • Sort - сортировка колонки title_top в алфавитном порядке.

Появится предупреждение о том что сделаны изменения за пределами тега <html> и код не будет размещен в документах на основе этого шаблона. Вот почему важно создать recordset правильно в первый раз. Нажмите OK для закрытия сообщения.

Предупреждение

Результат видим в панели Bindings.

Результат записи Recordset

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

  1. Кликните мышкой в левой ячейке среднего ряда.
  2. Нажмите на закладке Application в панели вставки - .
  3. Выберите Dynamic Table в меню кнопки Dynamic Data - .
  4. Заполните поля как указано на рисунке и нажмите ОК.
  5. The Dynamic Table dialog box using the rsTopics recordset

Появится таблица из трех колонок. Нам надо только показывать название каждого раздела в меню . Удалите колонки id_top и description_top columns. Замените заголокок колонки title_top на Разделы.

Но наше меню не имеет ссылок. Каждый пункт меню должен иметь ссылку на страницу topic.php и передавать параметр, который отвечает идентификатору каждого раздела:

  1. Выделите динамический текст отмеченный {Articles.title_top}.
  2. В инспекторе свойств нажмите на значок папки для открытия диалогового окна ссылок - Link.
  3. Перейдите в корневой каталог и выберите файл topic.php. В поле URL удалите символ / , так как нам нужно указывать относительный путь к файлу. URL будет - topic.php.
  4. Нажмите кнопочку Parameters справа от текстового поля URL. Dreamweaver откроет диалоговое окно, где нужно будет определить параметры URL для ссылки.
    • Нажмите плюсик (+) для добавления нового параметра.
    • Введите название: id_top.
    • Введите его значение, нажав на поле Value (значение. Нажав на значок молнии выберите поле id_top из recordset Articles.
    • Нажмите OK, и снова OK.
  5. После установки параметров URL, нажмите OK.

Установка параметров URL

 

Перед окончанием работы с шаблоном нужно определить какие области будут редактируемыми, а какие - нет. Гостевая будет иметь только одну редактируемую область - мы ее определили как Главная область:

  1. Выделите правую ячейку средней строки.
  2. Нажмите закладку Common панели Insert.
  3. Выберите Editable Region из меню кнопки Templates.
  4. Dreamweaver откроет диалоговое окно, в котором введите имя области - main.
  5. Нажмите OK.
  6. Удалите текст Main, который появился в редактируемой области.
<< назад дальше >>

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

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

Реклама