* При перепечатке материалов ссылка на www.SeoLiga.ru обязательна!
DreamWeaver – один из наиболее удобных HTML-редакторов
4 июня 2009
О DreamWeaver-е в целом
Macromedia DreamWeaver - профессиональный редактор HTML для визуального создания и управления сайтами различной сложности и страницами сети Internet. Нравится ли вам вручную писать код HTML или вы предпочитаете работать в визуальной среде, Dreamweaver облегчает эту работу и обеспечивает полезными инструментами и средствами, чтобы сделать свои собственные проекты непревзойденными. Dreamweaver включает в себя много инструментов и средств для редактирования и создания профессионального сайта: HTML, CSS, JavaScript, редакторы кода (просмотр кода и инспектор кода), что позволяет вам, редактировать различные текстовые документы, которые поддерживаются в Dreamweaver. Также вы можете настроить Dreamweaver, чтобы он наводил порядок и переформатировал HTML, как вы этого хотите.
Возможность визуального редактирования в Dreamweaver также позволяет быстро создавать или менять дизайн проекта без написания кода. Dreamweaver относится к так называемым "визуальным" редакторам, т.е. вы сразу можете видеть на экране (хотя бы приблизительно) результат своей работы. При этом он предоставляет полный доступ к источнику кода и не вставляет в него ничего лишнего, как это делает, например, FrontPage. Таким образом, можно создавать свою страничку и параллельно изучать HTML, заглядывая в источник. Можно на живом примере убедиться, что HTML - это просто. Простота обращения с редактором DreamWeaver заключается в том, что возможно рассмотреть все централизованные элементы и перетащить их с удобной панели непосредственно в документ. DreamWeaver полностью настраиваемый. Можно использовать Dreamweaver, чтобы создавать свои собственные объекты и команды, изменять "горячие" клавиши и расширять возможности DreamWeaver новыми свойствами, инспекторами свойств и новыми отчетами о сайте. Функциональные возможности DreamWeaver О рабочей области Dreamweaver Рабочая область Dreamweaver настраивается под различные стили работы и уровни знаний. Вот некоторые наиболее используемые компоненты: - окно документа отображает текущий документ, который вы создаете и редактируете. - навигатор панелей внизу окна Document содержит кнопки для открытия и закрытия наиболее часто используемых инспекторов и панелей. Можно установить, какие значки появляются в навигаторе панелей в настройке панелей. - панель инструментов (toolbar) содержит кнопки и всплывающие меню, которые позволяют просматривать окно Document различными способами, устанавливать опции вида, и обращаться к некоторым операциям, например, просмотр в браузере. - контекстное меню позволяет быстро обращаться к полезным командам, имеющим отношение к текущему выбору или области. Чтобы отобразить контекстное меню, необходимо щелкнуть правой кнопкой мыши на элементе в окне. - панель объектов содержит кнопки для создания и вставки различных типов объектов, изображений, таблиц, слоев, фреймов. Можно также переключать между стандартным различными видами представления документов. - инспектор свойств отображает свойства для выбранного объекта или текста, и позволяет изменять эти свойства. (Некоторые свойства появляются в инспекторе, в зависимости от объекта или выбранного текста.) - DreamWeaver обеспечивает использование многих других инспекторов, панелей и окон, которые не показаны здесь, типа панели History и инспектора Кода. Чтобы открыть окна Dreamweaver, инспекторы и панели, используют меню Window. Отметка рядом с элементом в меню Window указывает, что данный элемент в настоящее время открыт (хотя он может быть скрыт позади других окон). Чтобы отобразить элемент, который в настоящее время не открыт, нужно выбрать название элемента в меню. Если панель или инспектор отмечен, но не появляется, выбирают Window > Arrange Panels. При этом в DreamWeaver различают два вида окон: окно сайта и окно документа. Окно сайта предназначено для работы с сайтом в целом. Оно вызывается клавишей F8 и позволяет переключаться между сайтами, создавать новые папки и файлы, публиковать сайт в cети и управлять им на сервере. Окно документа предназначено для непосредственного редактирования страницы. Оно имеет три режима работы: код, код и дизайн, дизайн, причем второй - очень удобен для изучения HTML. Панель инструментов окна документа содержит: - 3 кнопки переключения режимов окна; - поле ввода заголовка страницы; - File Management - для публикации сайта в Сети; - кнопку просмотра во внешнем браузере. Удобнее это делать клавишей F12; - 4 кнопки управления редактором: обновление страницы, описание тега, установка закладок, настройка окна. Лучше всего включать режим Word Wrap (перенос слов) для HTML-кода. Строка состояния окна документа содержит: - кнопки для выделения тегов - очень удобные; - настройка размера области просмотра; - размер документа и время его загрузки на скорости, определенной в настройках (Edit - Preferences - Status Bar); - панель быстрого доступа до: окна сайта, менеджера объектов (Assets - Активы), двух окон стилей, окна поведения объектов (Behaviors), окон истории команд и инспектора кода. Плавающие панели предназначены для управления различными элементами страницы. Одиннадцать панелей сгруппированы в 5 блоков. Панели можно быстро скрывать/вызывать все сразу клавишей F4 или выборочно через меню Windows. Панель свойств (Properties) размещается в нижней части экрана, вызывается сочетанием клавиш Ctrl+F3 и предназначена для настройки всех параметров объектов, выделенных в окне редактора. Кнопка в правом нижнем углу панели позволяет уменьшить ее размеры. Окно сайта вызывается клавишей F8. Схема сайта открывается сочетанием клавиш Alt + F8. В отличие от FrontPage, нельзя перетаскиванием изменять структуру сайта, однако, создавать ссылки можно, перетаскивая значок "Point To File" из окна свойств к нужному файлу в окне сайта (прием, придуманный для владельцев 21-дюймовых мониторов). Можно выполнять и обратное действие для создания ссылки - перетаскивать файлы из окна сайта в поле ввода ссылки в окне свойств при выделенном объекте в окне редактора. Кнопка в левом нижнем углу окна сайта позволяет уменьшить его размеры. Меню содержит много интересных команд: File - Revert - позволяет удалить все сделанные изменения и вернуться к последнему записанному варианту документа; File - Check Links - поиск неработающих ссылок; File - Destination Notes - запись заметок для сайта или страницы (проще это делать двойным щелчком по соответствующей колонке в окне сайта); Edit - Preferences - настройки (русификация, просмотр обозначений тегов и др.); View - Design - View on Top - перемещает окно дизайна вверх; View - Visual Aids - вкл./выкл. "помощников": границ объектов, невидимых элементов и др. View - Code View Options - включение переноса слов, подсветки неправильных ссылок, подсветки кода для режима HTML); View - Rulers и Grid - вывод линеек и сетки; Insert - вставка объектов и различных HTML-тегов; Modify - Page Properties - вывод окна свойств страницы, в т.ч. фон и фоновый рисунок, цвета ссылок и др.; Modify - Selection Properties - вывод окна свойств выделенного объекта; Modify - Quick Tag Editor - быстрое редактирование тега в отдельном окне; Modify - Make Link - создание гиперссылки для объекта; Modify - Library - добавление объекта в библиотеку для дальнейшего использования; Text - форматирование текста; Commands - Clean Up HTML - очищает документ от "лишних", с точки зрения DreamWeaver, тегов; Commands - Clean Up Word HTML - очищает документ, созданный в Word-е от "лишнего"; Commands - Optimize Image In Fire Works - оптимизация графики (при установленном FireWorks); Commands - Set Color Scheme - изменение цветовой схемы сайта.
