Практика создания динамических Web-узлов


Создание динамических страниц в Dreamweaver MX


Создание динамических страниц в Dreamweaver MX
Создание динамических страниц в Dreamweaver MX   Как уже говорилось в главе 13, при использовании шаблонов процесс создания страниц узла протекает более гладко. Одним из главных дос...
Создание панели навигации
Создание панели навигации   Мы создадим одно и то же меню навигации двумя разными способами. В первом случае мы воспользуемся заготовленными фрагментами изображения, поместив их в табл...
Сборка панели навигации из заранее
Сборка панели навигации из заранее заготовленных графических фрагментов Одной из наиболее сложных работ, встречающихся при создании узла, является сборка из отдельных фрагментов панели н...
Во избежание недоразумений ответственный
Рисунок 19.1. Во избежание недоразумений ответственный за сборку страницы должен иметь перед глазами ее общую компоновку графики Итак, приступим к созданию панели навигации Web-узла JCT. 1. Скоп...
В папке navbarjmages содержатся
Рисунок 19.2. В папке navbarjmages содержатся все фрагменты панели навигации, которую мы разместим в корневой папке узла 4. Для того чтобы облегчить работу по созданию страницы, откройте панель As...
Совет
Совет Если количество рисунков, используемых на странице, чрезвычайно велико, их можно отсортировать в списке согласно полному пути. Для этого в верхней части списка материалов щелкните на кнопке...
Диалоговое окно New Document приложения
Рисунок 193. Диалоговое окно New Document приложения Dreamweaver MX позволяет выбрать тип создаваемой страницы...
После щелчка на кнопке Full Path
Рисунок 19.4. После щелчка на кнопке Full Path панели Files список файлов будет отсортирован по полному пути, а не по именам файлов...
Создание панели навигации
Создание панели навигации В списке файлов рисунков панели навигации на панели Assets видно, что общий рисунок состоит из четырех пунктов меню, логотипа и талисмана. Исходя из этого будет...
Диалоговое окно Insert Table приложения
Рисунок 19.5. Диалоговое окно Insert Table приложения Dreamweaver MX служит для создания таблиц 9. Выделите верхнюю левую ячейку таблицы и убедитесь, что панель Assets отображается на экране.&nb...
Верхний ряд ячеек содержит элементы
Рисунок 19.6. Верхний ряд ячеек содержит элементы панели навигации. Обратите внимание, что окно программы разделено на две части. Разработчик использовал представления текста программы и общего ви...
Фрагменты панели навигации были
Рисунок 19.7. Фрагменты панели навигации были вставлены в соответствующие ячейки таблицы...
Вставка перекрывающих рисунков и ссылок навигации
Вставка перекрывающих рисунков и ссылок навигации Итак, у нас уже есть панель навигации, собранная вручную, либо имеется единый рисунок, разбитый на части в Fireworks MX. Собрав панель...
Рисунок 19 S Фрагмент Shoes получил
Рисунок 19.S. Фрагмент Shoes получил свое название в текстовом поле Image и страницу перехода shoes.cfm в поле Link 3. Повторите шаг 2 для рисунков Hats, T-shirt и Jeans....
Совет
Совет Обычно имя рисунка и ссылку выбирают так, чтобы в них содержалось имя категории. Не советуем использовать название T-shirt со знаком дефиса. Лучше это слово написать слитно — tshirts, — а с...
Создание панели навигации методом Studio MX
Создание панели навигации методом Studio MX Итак, мы только что рассмотрели хорошо известный способ создания страницы в виде таблицы, содержащей множество отдельных фрагментов. Этот спо...
Рисунку со словом Shoes назначена
Рисунок 19.9. Рисунку со словом Shoes назначена реакция на действия пользователя В этом разделе мы научимся создавать панель навигации методом Studio MX. Всю работу по созданию этой панели, включ...
Рисунок в рабочей области копируется
Рисунок 19.10. Рисунок в рабочей области копируется с помощью диалогового окна Duplicate Frame 8. Откройте палитру Behaviors (выбрав в меню команду Window=>Behaviors или нажав комбинацию клав...
Реакция панели навигации на действия
Рисунок 19.11. Реакция панели навигации на действия пользователя устанавливает рисунки перекрытия только одной кнопки Теперь Fireworks экспортировало все фрагменты, а также создало таблицу HTML, в...
Порядок работ при использовании Studio MX
Порядок работ при использовании Studio MX Fireworks MX и Dreamweaver MX можно рассматривать как сиамских близнецов. Вы создаете карты рисунков и фрагменты в первом из них, а затем перемещаете их...
Совет
Совет Не забывайте, что в Fireworks MX есть кнопка быстрого экспорта — Quick Export. Вместо того чтобы выбирать в меню File команду Export HTML, можно щелкнуть на пункте Export HTML в контекстном...
Создание шаблона ColdFusion MX
Создание шаблона ColdFusion MX Все страницы Web-узла JCT были созданы на основе одного шаблона ColdFusion MX. Благодаря этому для узла требуется создать всего три страницы: сводную, посвя...
В списке шаблонов диалогового
Рисунок 19.12. В списке шаблонов диалогового окна New Document приложения Dreamweaver MX выбран пункт ColdFusion Template 4. Выберите в меню команду Insert=>nteractive ImageoFireworks HTML или...
Совет
Совет Если не установлено значение переключателя удаления файла в диалоговом окне Insert Fireworks HTML, файл HTML, отвечающий за панель навигации, не будет утерян. Если случайно будет вставлен н...
Панель навигации созданная в Fireworks
Рисунок 19.13. Панель навигации, созданная в Fireworks MX, отображена в верхней ячейке таблицы шаблона ColdFusion MX. Вставленный файл HTML был экспортирован из Fireworks MX...
Вставка редактируемых областей в шаблон ColdFusion MX
Вставка редактируемых областей в шаблон ColdFusion MX Теперь мы займемся созданием редактируемой области в шаблоне ColdFusion MX. Как уже говорилось в главе 13, редактируемая область является еди...
С помощью команды меню Insert=>Template
Рисунок 19.14. С помощью команды меню Insert=>Template Objects=>Editable region в шаблон добавляется редактируемая область 3. Присвойте новой редактируемой области имя и щелкните на кнопке О...
Название редактируемой области
Рисунок 19.15. Название редактируемой области в шаблоне выделено синим цветом в соответствующей ячейке таблицы 4. Щелкните на выносном маркере таблицы, выделив ее. Окно свойств изменит свой вид,...
Добавление в шаблон ColdFusion MX каскадной таблицы стилей
Добавление в шаблон ColdFusion MX каскадной таблицы стилей Настанет время, когда в редактируемой области понадобится отобразить текст. В этом случае нужно будет изменить стиль текста. Поэтому цел...
Каскадная таблица стилей td добавлена
Рисунок 19.16. Каскадная таблица стилей td добавлена в редактируемую область шаблона ColdFusion 6. В списке категорий (Category) диалогового окна CSS Style Definition выберите пункт Туре. 7. Вы...
Параметры стиля шрифта для каскадной
Рисунок 19.17. Параметры стиля шрифта для каскадной таблицы стилей, присоединенной к шаблону ColdFusion MX 8. Установив все параметры, щелкните на кнопке ОК. Слова внутри редактируемой области, а...
Создание динамических страниц на основе шаблонов ColdFusion
Создание динамических страниц на основе шаблонов ColdFusion Теперь на базе шаблона можно создать динамическую страницу ColdFusion. Список возвращенных результатов, соответствующих резуль...
К документу Dreamweaver MX применен
Рисунок 19.18. К документу Dreamweaver MX применен шаблон, который был выбран в диалоговом окне New From Template. После щелчка на области Templates окно изменится с New Document на New From Templ...
Совет
Совет Для того чтобы вы могли менять рисунки динамически, они должны иметь одинаковые размеры. 8. Щелкните на кнопке ОК. Место для рисунка будет помечено так, как показано на Рисунок 19.19....
Для динамической загрузки рисунков
Рисунок 19.19. Для динамической загрузки рисунков на страницу используйте области размещения (image placeholder) 9. В среднюю строку ячеек нужно ввести текст. Начните со второй слева ячейки. Перва...
Создание страницы с описанием продукции в ColdFusion MX
Создание страницы с описанием продукции в ColdFusion MX Теперь мы займемся созданием страницы с описанием продукции в ColdFusion. На этой странице будет отображаться не только информация о продук...
Страница с информацией о продукте
Рисунок 19.20. Страница с информацией о продукте до добавления в нее динамических данных Итак, страница готова. В следующей главе вы узнаете, как добавить на нее динамическое содержание....
Создание страницы Flashзаставки
Создание страницы Flash-заставки Загрузка узла начинается с анимированного танцующего талисмана, созданного в главе 16. После того как анимация завершится, броузер загружает первую страницу, созд...
Резюме
Резюме   В этой главе мы рассмотрели создание узла, состоящего всего из трех страниц. Такое количество обусловлено тем фактом, что остальная часть информации будет загружаться на эти...








- Начало -    


Книжный магазин