Dreamweaver — советы по использованию

28. 08. 2009

Среди верстальщиков принято ругать дримвак. Верстка на дримваке — признак ламерства. В этой статьей, я хочу рассказать почему эти утверждения не верны. Сравнивать буду с не менее популярными Notepad ++ и Microsoft Notepad.

dreamweaver_icon

Самые частые заблуждения

Начнем с того, что все ненавидят «Design view» и в этом очень правы, он действительно ужасен. Но не нужно его недооценивать. К примеру у вас есть огромная страница с сотней блоков. К каждому из них применены разные классы или идентификаторы. Наизусть запомнить все конечно же не получится. Чтобы найти нужный блок в коде, вам всего лишь нужно тыкнуть по нему в Design view и ползунок сразу же прокрутится в нужное место. Так же для поиска очень удобно использовать Firebug.

Следующее, что раздражает многих верстальщиков это появления в коде лишних тэгов и параметров, что бесит еще больше это создание стилей в теле страницы, то есть появление классов style1, style2 и т.д.

Как от этого избавится? Просто не использовать функцию дримвака менять цвет, шрифт и другие параметры при помощи панели Properties. Эта панель служит только для просмотра стилей примененных к тэгу. Это меняет еще один минус дримвака в плюс.

Работа со стилями

Тут важна последовательность. Если вы умеете верстать в слепую, то есть сначала полностью создать HTML, с примененными классами, а потом уже создавать CSS файл, то дримвак просто создан для вас.

и так чтобы создать класс в файле CSS, нужно просто выделить тэг и нажать на панели CSS во вкладке CSS Styles кнопку New CSS Rule new_css_rule. После чего открывается соответствующее окно в котором уже прописан класс со всеми предками, что конечно же очень удобно.
add_style

Так же как и с design view, можно с легкостью найти нужный класс в CSS просто кликнув по его названию в панели CSS.

Еще несколько плюсов

При выделении любого элемента в коде, ниже показываются все его предки, кликнув по которым, они выделяются в коде.
parents

Если присваивать к элементу класс, то дримвак предлагает выбрать из уже существующих.
class_select

Запомнить все символы вряд ли кому то удастся, но стоит вам написать & и дримвак предствит вам список всех символов.
chars

Еще одна не мало важная функция Find and replace. Если вам нужно заменить часть кода в большом количестве страниц, то вам сего лишь нужно указать директорию с файлами которые вы хотите изменить и  участок кода который нужно поменять на нужный.

Минусы

Одним из минусов можно считать долгую загрузку, но если вы работаете не прерывно, то получается, что запускать дримвак нужно всего один раз в день. Думаю, что можно пожертвовать этими секундами, чтобы сократить время верстки в целом.

Самый главный минус дримвака — это его цена.

Размещение рекламы в этом блоге (финансовый кризис, мать его)