Использование пакета Dreamweaver


Использование шаблонов


ГЛАВА 9 Использование шаблонов
ГЛАВА 9. Использование шаблонов Вот мы и закончили наш третий Web-сайт. Все работает, все страницы нормально загружаются и отображаются в Web-обозревателе. Казалось бы, нет поводов для беспоко...
Экспорт Webстраниц основанных на шаблонах
Экспорт Web-страниц, основанных на шаблонах Иногда бывает так, что вам нужно преобразовать страницы сайта, основанные на шаблонах, в обычные. Иначе говоря, вам нужно "очистить" HTML-...
Рисунок 9 16 Диалоговое окно Export
Рисунок 9.16. Диалоговое окно Export Site Without Template Markup В поле ввода Folder введите имя и путь папки, куда будет экспортирован ваш сайт. (Эта папка станет корневой для нового сайта....
Обновление страниц созданных на основе шаблонов
Обновление страниц, созданных на основе шаблонов Теперь представим себе такую ситуацию. Вам понадобилось что-то изменить в созданном ранее шаблоне. Может быть, это простая орфографическая ошиб...
Управление шаблонами в окне шаблонов
Управление шаблонами в окне шаблонов Вы можете управлять шаблонами так же легко, как управляете содержимым библиотеки (см. главу 5). Вы можете переименовать любой шаблон. Для этого выберите...
Рисунок 9 17 Кнопка Delete панели Assets
Рисунок 9.17. Кнопка Delete панели Assets...
Рисунок 9 18 Кнопка Refresh Site List панели Assets
Рисунок 9.18. Кнопка Refresh Site List панели Assets Хорошо подумайте, прежде чем удалять шаблон. Ведь если вы его удалите, основанные на нем страницы потеряют с ним связь, а значит, вы лишит...
Новые возможности шаблонов
Новые возможности шаблонов Здесь мы рассмотрим некоторые весьма полезные возможности, появившиеся в Dreamweaver MX. Конечно же, эти возможности касаются поддержки шаблонов....
Изменяемые атрибуты
Изменяемые атрибуты Dreamweaver MX позволяет вам сделать некоторые атрибуты любых тегов HTML-кода шаблона изменяемыми. Вы можете изменять значения этих атрибутов в страницах, созданных на осно...
Рисунок 9 19 Диалоговое окно Editable Tag Attributes
Рисунок 9.19. Диалоговое окно Editable Tag Attributes В раскрывающемся списке Attribute выберите нужный атрибут (впрочем, там он один — COLOR). Если же вы его там не найдете, нажмите кнопку A...
Рисунок 9 20 Диалоговое окно добавления нового атрибута
Рисунок 9.20. Диалоговое окно добавления нового атрибута В поле ввода Label введите имя созданного изменяемого атрибута. Вообщето, Dreamweaver создаст его сам, и нам в большинстве случаев не...
Рисунок 9 21 Диалоговое окно Template Properties
Рисунок 9.21. Диалоговое окно Template Properties Задайте для атрибута color темно-красный цвет шрифта. После этого нажмите кнопку ОК. И посмотрите на результат. Нет смысла приводить здесь ри...
Необязательные области
Необязательные области Эх, ну до чего же хорош Dreamweaver MX! Что он позволяет сделать! Другие программы Web-дизайнеров, да и старые версии Dreamweaver ему и в подметки не годятся!.. Вы спр...
Рисунок 9 22 Шаблон Main с колонкой новостей
Рисунок 9.22. Шаблон Main с колонкой новостей Теперь поместим всю таблицу разметки, в которой находится колонка новостей, в необязательную область. Для этого сначала выделим эту таблицу. Дале...
Рисунок 9 23 Кнопка Optional Region панели объектов
Рисунок 9.23. Кнопка Optional Region панели объектов...
Рисунок 9 24 Диалоговое окно New Optional Region
Рисунок 9.24. Диалоговое окно New Optional Region В поле ввода Name введем имя создаваемой необязательной области — News. Отключим флажок Show by Default, т. к. мы не хотим, чтобы она отображ...
Рисунок 9 25 Необязательная область
Рисунок 9.25. Необязательная область, включающая в себя внутреннюю таблицу разметки страницы default.htm Внутри необязательной области должны оказаться ячейка просвета и ячейка, в которой на...
Повторяющиеся области
Повторяющиеся области Кроме необязательных, Dreamweaver MX позволяет также создавать повторяющиеся области. Повторяющаяся область может содержать сколько угодно содержимых (пунктов). В качест...
Рисунок 9 26 Кнопка Repeating Region панели объектов
Рисунок 9.26. Кнопка Repeating Region панели объектов...
Рисунок 9 27 Диалоговое окно New Repeating Region
Рисунок 9.27. Диалоговое окно New Repeating Region Введите имя создаваемой повторяющейся области в единственном поле ввода этого окна. Давайте назовем ее NewsList. После этого нажмите кнопку...
Рисунок 9 28 Повторяющаяся область
Рисунок 9.28. Повторяющаяся область Теперь отформатируйте содержимое этой области как обычный текстовый абзац, выбрав в раскрывающемся списке Format редактора свойств пункт Paragraph. Если х...
Рисунок 9 29 Окончательный вид
Рисунок 9.29. Окончательный вид колонки новостей в шаблоне Main Но не торопитесь теперь применять шаблон Main к странице default.htm. Если вы это сделаете, Dreamweaver запихает в изменяемую о...
Рисунок 9 30 Текст описания первой
Рисунок 9.30. Текст описания первой новости, введенный в колонку Так, одна новость у нас есть. Но как добавить остальные? Очень просто! Для работы с пунктами повторяющихся областей Dreamweav...
Таблица 9 1 Кнопки и пункты меню
Таблица 9.1. Кнопки и пункты меню, предназначенные для работы с пунктами повторяющихся областей Пункт меню Назначение...
Рисунок 9 31 Готовая главная страница
Рисунок 9.31. Готовая главная страница сайта Sample site 3 с готовой колонкой новостей...
Необязательные изменяемые области
Необязательные изменяемые области Далеко не всегда приходится создавать такие сложные структуры областей, наподобие той, что мы только что сделали. Часто нужно просто создать в шаблоне необяза...
Рисунок 9 32 Кнопка Editable Optional Region панели объектов
Рисунок 9.32. Кнопка Editable Optional Region панели объектов...
Рисунок 9 33 Необязательная изменяемая
Рисунок 9.33. Необязательная изменяемая область, представляющая собой комбинацию из необязательной и изменяемой областей На экране появится уже знакомое вам диалоговое окно New Optional Regio...
Табличная повторяющаяся область
Табличная повторяющаяся область Еще одна весьма удобная возможность Dreamweaver — создание табличных повторяющихся областей. Это обычная повторяющаяся область, пункты которой организованы в ви...
Рисунок 9 34 Кнопка Repeating Table панели объектов
Рисунок 9.34. Кнопка Repeating Table панели объектов Большинство элементов управления этого окна знакомо вам по диалоговому окну Insert Table. Поэтому здесь они рассматриваться не будут. Пред...
Рисунок 9 35 Диалоговое окно Insert Repeating Table
Рисунок 9.35. Диалоговое окно Insert Repeating Table Поля ввода Starting Row и Ending Row позволяют задать номера соответственно первой и последней строк таблицы, которые будут помещены в соз...
Рисунок 9 36 Табличная повторяющаяся
Рисунок 9.36. Табличная повторяющаяся область — комбинация таблицы, повторяющейся области и изменяемых областей Как видите, Dreamweaver и в этом случае особо не мудрствует: он просто создает...
Вложенные шаблоны
Вложенные шаблоны Последняя возможность работы с шаблонами, предоставляемая Dreamweaver MX, которую мы рассмотрим, — это вложенные шаблоны. Вложенный шаблон — это шаблон, созданный на основе...
Рисунок 9 37 Кнопка Make Nested Template панели объектов
Рисунок 9.37. Кнопка Make Nested Template панели объектов Теперь удалим все содержимое изменяемой области Main. Сейчас мы создадим для нее новое содержимое в виде повторяющейся и изменяемой о...
Введение в шаблоны Dreamweaver
Введение в шаблоны Dreamweaver Шаблон — это своеобразный образец, "скелет" Web-страницы, содержащий общие для всех страниц элементы. Когда вы создаете новую страницу на основе шаблон...
Недостатки шаблонов и их преодоление
Недостатки шаблонов и их преодоление С преимуществами шаблонов мы уже знакомы. Перечислим их еще раз. Используя шаблоны, вы не должны создавать всякий раз на каждой странице общие элементы:...
Что дальше?
Что дальше? На этом рассказ о шаблонах заканчивается. Автору нужно еще написать хвалебную оду, посвященную Dreamweaver MX вообще и шаблонам в частности. Итак, процесс создания Web-страниц и...
Работа с шаблонами
Работа с шаблонами С теорией мы закончили. Пора переходить к практике....
Создание шаблона
Создание шаблона Есть два способа создать шаблон Dreamweaver. Во-первых, его можно создать "с нуля", а потом заполнить содержимым, как обычную Web-страницу. Во-вторых, существующую...
Рисунок 9 1 Кнопка New Template
Рисунок 9.1. Кнопка New Template Поскольку ваш шаблон в данный момент ничего не содержит, Dreamweaver предупредит вас об этом, выведя соответствующий текст на панели предварительного просмотр...
Рисунок 9 2 Новый пустой шаблон в списке шаблонов
Рисунок 9.2. Новый пустой шаблон в списке шаблонов...
Рисунок 9 3 Кнопка Make Template панели объектов
Рисунок 9.3. Кнопка Make Template панели объектов...
Рисунок 9 4 Диалоговое окно Save As Template
Рисунок 9.4. Диалоговое окно Save As Template В раскрывающемся списке Site выбирается сайт, в котором сохраняется шаблон. (Шаблоны являются неотъемлемой собственностью сайта, помните?) По умо...
Редактирование шаблона
Редактирование шаблона Пустой шаблон необходимо наполнить содержимым. Шаблон, созданный на основе Web-страницы, нужно отредактировать: убрать уникальное для этой страницы содержимое, оставив...
Рисунок 9 5 Кнопка Edit панели Assets
Рисунок 9.5. Кнопка Edit панели Assets В любом случае на экране появится окно документа, в котором будет открыт выбранный нами шаблон (Рисунок 9.6). Как видите, сейчас он ничем отличается от...
Рисунок 9 6 Открытый в окне документа шаблон Main
Рисунок 9.6. Открытый в окне документа шаблон Main...
Рисунок 9 7 Отредактированный
Рисунок 9.7. Отредактированный шаблон Main (включен режим разметки) колонку новостей, оставьте только заголовок, полосу навигации и сведения об авторских правах. Проще всего это сделать, пере...
Создание изменяемых областей
Создание изменяемых областей Как и в случае с самим шаблоном, вы можете создать изменяемые области двумя способами. Во-первых, вы можете создать пустую изменяемую область на пустом месте стран...
Рисунок 9 8 Кнопка Editable Region панели объектов
Рисунок 9.8. Кнопка Editable Region панели объектов В единственном поле ввода Name, находящемся в этом окне, вводится уникальное имя вновь создаваемой изменяемой области. Каждая созданная вам...
Внимание
Внимание Вы не можете дать изменяемой области имя doctitle. Почему, будет рассказано позже....
Рисунок 9 9 Диалоговое окно New Editable Region
Рисунок 9.9. Диалоговое окно New Editable Region...
Рисунок 9 10 Вновь созданная изменяемая область
Рисунок 9.10. Вновь созданная изменяемая область Когда вы нажмете кнопку ОК, вы увидите следующее — см. Рисунок 9.10. Так выглядит в окне документа Dreamweaver изменяемая область, в которую м...
Внимание
Внимание После того, как на основе шаблона были созданы какие-либо Web-страницы, вы не сможете переименовать ни одну из имеющихся в нем изменяемых областей. И, наконец, может случиться...
Внимание
Внимание Если вы удалите скрытую изменяемую область doctitie, то потеряете возможность менять названия Web-страниц, основанных на этом шаблоне. В данном случае все эти страницы будут имет...
Создание Webстраниц на основе шаблонов
Создание Web-страниц на основе шаблонов Создать Web-страницу на основе шаблона можно тремя способами. Первый способ заключается в том, чтобы использовать уже знакомый вам пункт New меню File...
Рисунок 9 11 Диалоговое окно New
Рисунок 9.11. Диалоговое окно New Document (вкладка Templates) Если вам нужно создать страницу, чье содержимое будет значительно отличаться от шаблона, отключите этот флажок. После этого вы с...
Рисунок 9 12 Только что созданная
Рисунок 9.12. Только что созданная Web-страница, основанная на шаблоне Main В правом верхнем углу находится небольшой желтый ярлычок, показывающий имя шаблона, на котором базируется создаваем...
Рисунок 9 13 Изменяемая область
Рисунок 9.13. Изменяемая область на создаваемой странице Archive.htm Итак, новая страница, базирующаяся на шаблоне, создана! Что можно сделать с ней еще? Если вам вдруг понадобилось изменить...
Применение шаблонов к уже созданным Webстраницам
Применение шаблонов к уже созданным Web-страницам Хорошо! Создавать страницы на основе шаблонов "с нуля" мы научились. Но в Web-дизайне, как и во многих других областях человеческой...
Рисунок 9 14 Диалоговое окно Inconsistent Region Names
Рисунок 9.14. Диалоговое окно Inconsistent Region Names Под списком находится раскрывающийся список Move Content to New Region, в котором задается изменяемая область шаблона, куда будет перем...
Рисунок 9 15 Готовая страница списка проектов Projects htm
Рисунок 9.15. Готовая страница списка проектов Projects.htm Выберите пункт Apply Template to Page подменю Templates меню Modify. На экране появится диалоговое окно Select Template, похожее на...
Гиперссылки в шаблонах
Гиперссылки в шаблонах Чтобы вы лучше поняли, о чем вам хочет поведать автор, ниже приведена физическая структура нашего сайта. Как и раньше, имена папок не имеют расширения, а имена файлов —...








- Начало -    


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