Судя по текущей ситуации, можно сказать, что встроенные функции Dreamweaver становятся все более обильными, богатыми и полными. Здесь я хотел бы представить вам несколько советов по использованию версии 4.0.
1. Сделайте веб-страницы более гибкими.
Некоторые веб-разработчики называют описанный ниже метод гибким, но я называю этот метод эластичным (техника гибкого расширения). Это метод, позволяющий регулировать размер веб-страницы при изменении размера окна браузера посетителя. Поэтому, если окно слишком велико, пустого места не будет, а если окно слишком маленькое, вверх и вниз. Полоса перемещения вниз не появится на краю. Фактически, большинство простых веб-страниц автоматически регулируют размер страницы в соответствии с размером окна браузера. Однако, если на веб-странице используется много разных фреймов и таблиц, автоматически и точно размер веб-страницы будет затруднён. гибко настраивается. Обычно веб-дизайнеры используют сочетание рамок фиксированной ширины и изображений GIF в качестве интервалов для разработки веб-страниц. Таким образом, независимо от того, используете ли вы Internet Explorer или Mac, размер страницы будет фиксированным и не будет увеличиваться. С помощью Dreamweaver 4.0 вы можете легко создавать веб-страницы, которые автоматически и гибко настраиваются. Как это сделать?
Откройте веб-страницу с помощью кнопок на палитре «Объект» и переключитесь в режим «Макет». В это время вы можете увидеть ширину столбца текстового поля. В центре поля над каждым столбцом есть небольшая стрелка раскрывающегося списка. Выберите маленькую стрелку над столбцом, для которого вы хотите настроить гибкое отображение. затем выберите «Сделать отображение столбца гибким» (Make Column Autostretch). (Установите автоматическую регулировку ширины столбца только одним столбцом). В это время над полем столбца вместо исходного числа появится волнистая линия, указывающая ширину столбца. Dreamweaver автоматически создаст пустой файл изображения с фиксированным макетом. Этот пустой файл изображения представлен двумя длинными пустыми таблицами над столбцами. Таким образом, макет будет автоматически заполнен, и настройка гибкого макета будет завершена. (Когда вы добавляете пустой файл изображения в первый раз, появится диалоговое окно с вопросом, хотите ли вы использовать встроенный файл изображения. Для достижения наилучшего эффекта я рекомендую разрешить Dreamweaver автоматически сгенерировать его, в противном случае вы не нужно использовать пустой файл изображения для заполнения макета.)
2. Создайте персонализированную цветовую палитру
Новая панель «Ресурсы» Dreamweaver 4.0 — это новый инструмент, позволяющий управлять файлами по типам, например изображениям, шаблонам и т. д. ., при редактировании веб-сайта. Когда вы определяете новый веб-сайт (Выбрать сайт · Новый сайт), все типы компонентов будут автоматически добавлены в соответствующие поля на панели «Ресурсы». Эта новая панель «Ресурсы» также имеет поле цвета на панели управления свойствами, в котором хранятся все цвета, используемые на вашем веб-сайте, включая цвета текста, цвета фона и цвета ссылок. Это цветовая палитра, ориентированная на веб-сайты и адаптированная для пользователей. Просто активируйте панель «Ресурсы» (сначала выберите «Окно», затем «Ресурсы»), затем выберите небольшую цветную полосу прокрутки слева, и вы увидите множество вариантов цвета для вашего веб-сайта. Конечно, вы можете применить эти цвета к определенному выделенному тексту. Даже когда вы выбираете цвет, на экране появится шестнадцатеричное значение цвета и соответствующий трехцветный код (RGB). Если вы хотите уменьшить панель инструментов палитры, вы даже можете добавить в избранное только определенные цвета. Просто выделите выбранный цвет, выберите в окне кнопку «Добавить в избранное» (правая нижняя кнопка), и все готово.
3. Создание
системы навигации по всплывающему меню Первоначально создание системы навигации по всплывающему меню требовало некоторых навыков синтаксиса JavaScript, но если у вас установлен Dreamweaver/Fireworks Studio, это можно сделать быстро. Сначала запустите Fireworks, выберите изображение, а затем выберите «Вставить·Всплывающее меню» в диалоговом окне «Настроить всплывающее меню». Вы можете ввести имя элементов и нажать кнопку «Плюс», чтобы добавить проект. Вы можете продолжать выполнять подробные настройки во всплывающем окне сообщения, например, задавать текст и ссылки, которые будут использоваться для элемента. Конечно, вы также можете добавлять подменю и изменять настройки для следующего уровня. По завершении выберите «Далее», чтобы продолжить настройку таких параметров, как цвета, шрифты и т. д. После завершения создания меню вы можете просмотреть синтаксис HTML и просмотреть изображение. Затем выберите Готово. В это время, когда мышь переместится к исходному шаблону, появится список содержимого системы меню. Затем, когда вы экспортируете созданный файл, Fireworks автоматически сгенерирует все файлы HTML, JavaScript и изображения, необходимые Dreamweaver.
4. Заставьте файл изображения двигаться!
Если у вас одновременно установлен Dreamweaver/Fireworks Studio, вы будете поражены идеальным сочетанием этих двух продуктов. Даже если вы не профессиональный графический дизайнер, вам все равно захочется изменить некоторые файлы изображений GIF, чтобы сделать их более яркими при разработке веб-страниц. Dreamweaver позволяет создавать анимацию, никого не спрашивая! Выберите изображение, которое хотите изменить, в стандартном окне, а затем нажмите кнопку «Редактировать» в инспекторе свойств. Если Fireworks включен в вашу установку Dreamweaver, Fireworks является редактором изображений Dreamweaver по умолчанию, и изображения будут автоматически загружаться в Fireworks. (Если вы посмотрите внимательно, вы обнаружите, что на экране Fireworks появятся текст и графика, такие как «Редактирование в Dreamweaver», указывая на то, что вы можете редактировать изображения в Dreamweaver.) Хорошо, теперь выберите изображение, которое нужно редактировать в Fireworks, и выберите «Изменить». Анимировать · Анимировать выделение. Далее выполните настройки в диалоговом окне Анимация, выберите количество кадров анимации, направление движения анимации, прозрачность и т.д. Вы также можете выбрать панель инструментов «Кадры», чтобы установить скорость движения, и выбрать панель «Объект», чтобы изменить настройки. Чтобы экспортировать файл, просто выберите панель инструментов «Оптимизировать» и выберите «Анимированный GIF» в качестве типа файла. После завершения Fireworks автоматически экспортирует изображение с оптимизированными настройками, автоматически обновит файл изображения GIF и отобразит обновленный файл изображения в Dreamweaver. Выберите «Просмотр файла в браузере», чтобы просмотреть в браузере только что созданное прекрасное изображение!
5. Придайте кнопке мигающий эффект.
В Dreamweaver вы можете создать объект Flash-кнопки с мигающим эффектом без использования Flash-программы. Версия 4.0 имеет несколько встроенных объектов Flash-кнопок, которые могут создавать кнопки разных форм. Выберите «Вставить·Интерактивные изображения·Кнопка Flash», чтобы просмотреть доступные встроенные кнопки. Вы даже можете использовать мышь, чтобы указать на форму кнопки, которую вы хотите использовать в диалоговом окне, а затем посмотреть, как она работает в браузере. Используйте курсор мыши, чтобы выбрать форму кнопки, которую вы хотите использовать, а затем последовательно введите параметры, такие как текст, шрифт, цвет, ссылка и т. д. на кнопке или настраиваемое имя файла. Нажмите ОК. Затем будет создан SWF-файл, который автоматически разместится на вашей веб-странице. Нажмите на готовый файл, и вы увидите свойства файла, отображаемые в инспекторе свойств. При отображении атрибутов файла, если вы развернете список атрибутов файла, появится кнопка «Воспроизвести». После ее выбора вы можете просмотреть эффект мигания кнопки, не открывая браузер.
6. Создайте плавный текст.
Добавить плавный текст на веб-страницу так же просто, как добавить кнопку Flash, которую я только что представил. Аналогично, вам не нужно устанавливать Flash: вы можете легко сделать это с помощью новых функций Dreamweaver 4.0. Создатели веб-страниц, которые обычно используют синтаксис HTML для написания веб-страниц и не имеют опыта работы с интерактивными мультимедиа, могут легко создавать компактный плавный текст в форме Flash. По данным Macromedia, 97% пользователей Интернета могут просматривать веб-страницы с эффектами Flash, поэтому эта новая функция может добавить некоторую интерактивность просмотру и читателям веб-страниц, не создавая проблем с совместимостью. Выберите «Вставка» · Интерактивные изображения · Flash-текст, а затем один за другим заполните настройки предпочтений (например, текст, стиль шрифта, цвет шрифта, размер шрифта и т. д., эффект которого вы хотите изменить).