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

Создание главной страницы гостевой

Будем редактировать файл index.php. Откройте его и примените к нему шаблон gb выбрав Modify > Templates > Apply Template to Page. Выберите шаблон и поставьте галочку в опции “Update page when template changes”.

В поле заголовка title панели Document введите Моя гостевая книга: Главная страница как заголовок страницы.

Так как это главная страница - она показывает последние записи. Для этого нужно определить recordset и потом выводить записи в динамической таблице в редактируемой области.

Создание продвинутого Recordset

Мы будем использовать продвинутый recordset потому что нам нужно вывести и статьи и связанные с ними темы.

  1. Кликните внутри редактируемого региона main.
  2. В закладке Bindings панели Application нажмите плюс (+) и выберите Recordset (Query).
  3. Введите следующую информацию в окне:
    • Name: IndexArticles
    • Connection: guestbook
    • Table: gb_article_art
    • Columns: All
    • Sort: date_art, Descending
  4. Нажмите Advanced.
  5. Редактируем запрос SQL создав внутреннее соединение (inner join) между таблицей разделов и сообщений. Скопируйте или наберите код после blg_article_art:

    INNER JOIN gb_topic_top ON idtop_art=id_top

  6. Нажмите OK.

Окно Advanced

Продвинутый recordset содержит поля обоих таблиц:

Далее нам нужно показать данные из продвинутого recordset на странице.

  1. Кликните внутри редактируемого региона main.
  2. Выберите закладку Application панели Insert.
  3. Выберите Dynamic Table в меню кнопки Dynamic Data.
  4. Введите следующую информацию в диалоговом окне:
    • Recordset: IndexArticles
    • Show: 10 records at a time
    • Border: 0
    • Cell padding: 0
    • Cell spacing: 0
  5. Нажмите OK. Dreamweaver создаст таблицу, в которой будут все колонки recordset-а.

Нужно удалить ненужные колонки и придать таблице читабельный вид.

  1. Удалите колонки: id_art, idtop_art, text_art, id_top, description_top. Если не видите границ таблицы удебитесь что выбрано View > Visual Aids > Table Widths.
  2. Выделите динамическую таблицу нажав на тег <table> в панели выбора тегов. И установите ширину в 100% в инспекторе свойств.
  3. Удалите верхнюю строку таблицы.
  4. Выберите оставшуюся строку, правый клик и выберите в появившемся меню Table > Insert Row. Объедините две первые ячейки.
  5. Перенесите динамический текст title_top и title_art в ячейку, которая получилась и разделите их знаком >.
  6. В первой строке таблицы выберите две последние ячейки и объедините их. Наберите Добавлено: в объединенной ячейке и перенесите динамический текст date_art после текста.
  7. Выберите другую строку и объедините ячейки .
  8. Добавьте горизонтальную линию для разделения сообщений (Insert > HTML > Horizontal Rule).

Вид получился такой:

Дальше нам нужно сделать ссылки от названия раздела к списку сообщений этого раздела и названия сообщения к странице деталей этого сообщения. Выделите динамический текст {IndexArticles.title_top} и создайте ссылку на файл topic.php. Ссылка должна иметь параметр URL, называемый id_top, который выбирает значение поля idtop_art из IndexArticles. Повторите шаги, описанные на предыдущей странице для описания параметров URL.

Точно также создайте ссылки к динамическому тексту {IndexArticles.title_art} на страницу article.php и примените параметр к URL id_art, который будет выбирать значение поля id_art.

Нажмите F12 - вы должны увидеть такой вид страницы:

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

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

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

Реклама

Простой конкурс с денежными призами!





Rambler's Top100 Рейтинг@Mail.ru