С ростом популярности Интернета многие люди больше не удовлетворены просто серфингом в Интернете, а хотят активно в нем участвовать. Теперь иметь собственный веб-сайт стало тенденцией. Хотя создать простую веб-страницу не так уж и легко, создать необычный веб-сайт не так-то просто. Поэтому мы специально подготовили для вас серию руководств по новейшей программе для дизайна веб-сайтов Dreamweaver MX 2004. Мы надеемся, что это будет так. полезно для вас.
Обычно на веб-сайте есть десятки или даже сотни страниц с похожими стилями. Было бы очень сложно
каждый раз сбрасывать структуру веб-страницы, панель навигации и различные значки в одном и том же столбце
. Однако мы можем использовать Dreamweaver для MX.Функциональность шаблонов 2004 упрощает операции. Фактически, функция шаблона заключается в разделении макета и содержимого веб-страницы. После разработки макета он сохраняется как шаблон. Таким образом, с помощью шаблона можно создавать страницы с одинаковым макетом. может значительно повысить эффективность работы.
1. Создание шаблона
Создание шаблона ничем не отличается от создания обычной страницы, за исключением того, что вам не нужно создавать все части страницы. Вам нужно создать только общие части каждой страницы, такие как панель навигации и. строку заголовка и используйте среднюю область страницы. Заполните конкретное содержимое.
Шаг 1: Сначала запустите команду «Файл → Создать» в Dreamweaver MX 2004, затем выберите параметр «Страница шаблона → Шаблон HTML» в окне, показанном на рисунке 1, и нажмите кнопку «Создать», чтобы создать документ-шаблон.
Шаг 2. Вставьте рамку веб-страницы, панель навигации, заголовок Flash и другие элементы, общие для всех страниц, в представление дизайна страницы (рис. 2), а затем выполните команду «Файл → Сохранить», чтобы сохранить шаблон.
Совет: Вы можете сначала загрузить понравившуюся веб-страницу, затем открыть ее в Dreamweaver MX 2004, оставить только рамку и другие элементы, а затем сохранить ее как шаблон с помощью команды «Файл → Сохранить как шаблон», которая позволяет сохранить много времени на создание шаблонов.
Во избежание изменений элементов шаблона, вызванных неправильной работой при редактировании, содержимое шаблона по умолчанию недоступно для редактирования. Только после того, как определенная область или определенный текст установлен как редактируемый, его можно изменить в документе, созданном пользователем. шаблон. Сначала с помощью мыши выберите регион (то есть регион с разным содержимым на каждой странице), затем выполните команду «Изменить → Шаблоны → Новая редактируемая область» и задайте имя для этого региона во всплывающем диалоговом окне. , и все готово.
Совет: После настройки области редактирования необходимо выполнить команду «Файл→Сохранить», чтобы сохранить изменения.
2. Используйте шаблоны.
После того, как у вас есть шаблоны, вам необходимо использовать их при редактировании веб-страниц. Выполнив команду «Файл → Создать» в главном окне Dreamweaver MX 2004, вы увидите новое окно, показанное на рисунке 1, а затем перейдете на вкладку «Шаблоны», чтобы просмотреть сохраненные шаблоны. Вы также можете выбрать. один из них справа. Предварительный просмотр в области предварительного просмотра (рис. 3) и, наконец, выберите понравившийся шаблон и нажмите кнопку «Создать» внизу, чтобы открыть этот шаблон.
В открытом шаблоне области, которые нельзя редактировать, будут выделены, но некоторые места заблокированы, но не выделены. В основном это связано с тем, что изображение просто закрывает цвет фона. В этом случае вы можете запустить команду «Правка → Настройки», выбрать пункт «Выделение» в списке «Категория» всплывающего окна, а затем выбрать опцию «Показать» рядом с «Заблокированные области» в правую область (рис. 4) и установите синий цвет выделения, чтобы можно было четко идентифицировать заблокированную область в шаблоне.
Совет: Если вы по-прежнему не видите эффект выделения, вы также можете последовательно выбрать команду «Просмотр → Наглядные пособия → Невидимые элементы».
Наконец, нам нужно только добавить содержимое веб-страницы в редактируемую область, например добавить текстовые описания или вставить соответствующие изображения, и, наконец, сохранить страницу с помощью команды «Файл → Сохранить».
3. Изменение и замена шаблонов.
После создания нескольких страниц с помощью шаблонов, если вам нужно изменить страницы или добавить столбцы, вручную изменить все страницы будет очень сложно. Поэтому мы можем решить эту проблему с помощью функции изменения шаблона. Дримвивер МХ 2004. . Например, после того, как мы изменим шаблон, запустите команду «Файл → Сохранить», чтобы сохранить шаблон. В это время появится всплывающее окно с вопросом, обновить ли все страницы, использующие шаблон (рис. 5). будет отображена обновленная страница, общее количество, время обновления и другая информация.
Кроме того, Dreamweaver MX 2004 также предоставляет функцию изменения шаблонов веб-страниц. Изменение шаблонов немного похоже на переодевание людей. Вам нужно только создать различные шаблоны, а затем носить все, что захотите. Однако шаблоны не могут быть заменены случайно. Условия замены шаблонов заключаются в том, что заменяемая страница должна быть создана через шаблон, а количество и название редактируемых областей на странице должны совпадать с количеством и названием редактируемых областей. шаблон, подлежащий замене, соответствует. Например, на веб-странице есть три редактируемые области с именами t1, t2 и t3 соответственно. Также существует шаблон. Независимо от структуры этого шаблона, если он также имеет 3 редактируемые области и имена t1, t2 и t3, вы можете использовать его для замены исходной веб-страницы новым шаблоном. , и 3 редактируемые области на странице могут. Соответственно, содержимое области редактирования остается неизменным. Конкретный метод замены шаблонов также очень прост. Просто запустите команду «Окна → Шаблоны», чтобы открыть панель шаблонов. В это время вы можете выбрать соответствующий шаблон в верхней области, а затем нажать «Применить к странице». кнопку, чтобы можно было быстро завершить операцию замены шаблона.
Совет: Используйте эту функцию для создания летней и зимней версий главной страницы сайта, что позволяет очень удобно менять шаблон.
На самом деле, тематического контента о шаблонах много, но из-за ограниченности места я могу выбрать только некоторые вступления, надеюсь, каждый сможет сделать выводы из одного примера и полностью понять тонкости шаблонов.