Dreamweaver - король WYSYWIG'ов

Спецвыпуск Xakep, номер #015, стр. 015-050-1

Вадим Мурзагалин (vadias@sendmail.ru, www.freehand.str.ru)

Одним из самых больных вопросов для начинающего веб-дизайнера является выбор инструментария, способного наиболее полно отразить его творческое эго и полет мысли. Но дело не только в этом: с одной стороны, приверженцы ручного набора в Notepad'е с диким ржанием тычут в теги, недвусмысленно показывающие, что ты сделал страницу в FrontPage, а с другой - матушка-лень запрещает изучать псевдопремудрости HTML и прочих фишек. Успешно выпутаться из этого щекотливого положения тебе поможет небезызвестный в дизайнерских кругах веб-редактор Macromedia Dreamweaver.

Выбор профессионала

Самое большое преимущество Dreamweaver'а по сравнению с другими WYSIWYG'ами состоит в том, что он практически не добавляет на страницы паразитный код - поэтому-то многие опытные дизайнеры не стесняются пользоваться этим редактором. Кроме того, набор средств очень хорошо организован и легко настраивается - за это Макромедиа получала отдельные похвалы и награды. И, в-третьих, это не просто редактор отдельных страниц - он позволяет держать под контролем весь узел и весьма ловко оперировать им. Но довольно с тебя теории - давай-ка, наконец, запустим программу и проверим ее на прочность в боевых условиях! Только сразу предупреждаю: у меня третья версия DW, поскольку она пока что полностью удовлетворяет мои скромные потребности. Так что, счастливый обладатель DW 4, не пугайся, увидев незнакомые картинки :).

Интерфейс

Для начала ознакомимся с инструментами и средствами Dreamweaver'а. На рисунке ты видишь интерфейс проги; разумеется, на экран выведены не все панели, а только две, на мой взгляд, наиболее часто используемые при создании сайта.

Очевидно, что, если ты хочешь создать графический сайт с использованием всяких дополнительных медиа-объектов, то на одном Дримвивере далеко не уедешь. Приготовленные в других прогах картинки, флашки, апплеты и прочая дрянь:) вставляются с помощью панели Objects. Обращаю твое внимание, что среди таких встраиваемых объектов есть Fireworks HTML. Это ресурс, подготовленный в другой программе - специализированном графическом редакторе Macromedia Fireworks, который часто поставляется в пакете вместе с Dreamweaver'ом. Эти две проги наиболее тесно проинтегрированы между собой, и я смело рекомендую тебе использовать их вместе.

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

Иногда бывает нужно вручную подправить код HTML - в этом случае можно воспользоваться клавишей F10, и код в чистом виде к твоим услугам.

Создание сайта

Я понимаю, что тебе не терпится броситься в бой и сразу же стругать свой ресурс, но спешка может повредить качеству продукта выделения :). Вначале прогу надо настроить. Делается это через меню Preferences, вызываемую командой Edit->Preferences. Настроек много, и я назову самые существенные. Во-первых, font/encoding. Если вовремя не подсуетиться, то вместо русского языка получится поднадоевшая абракадабра.

Содержание  Вперед на стр. 015-050-2

загрузка...
Cпец Хакер #075Cпец Хакер #074Cпец Хакер #073Cпец Хакер #072Cпец Хакер #071Cпец Хакер #070Cпец Хакер #069Cпец Хакер #068Cпец Хакер #067Cпец Хакер #066Cпец Хакер #065Cпец Хакер #064Cпец Хакер #063Cпец Хакер #062Cпец Хакер #061Cпец Хакер #060Cпец Хакер #059Cпец Хакер #058Cпец Хакер #057Cпец Хакер #056Cпец Хакер #055Cпец Хакер #054Cпец Хакер #053Cпец Хакер #052Cпец Хакер #051Cпец Хакер #050Cпец Хакер #049Cпец Хакер #048Cпец Хакер #047Cпец Хакер #046Cпец Хакер #045Cпец Хакер #044Cпец Хакер #043Cпец Хакер #042Cпец Хакер #041Cпец Хакер #040Cпец Хакер #039Cпец Хакер #038Cпец Хакер #037Cпец Хакер #036Cпец Хакер #035Cпец Хакер #034Cпец Хакер #033Cпец Хакер #032Cпец Хакер #031Cпец Хакер #030Cпец Хакер #029Cпец Хакер #028Cпец Хакер #027Cпец Хакер #026Cпец Хакер #025Cпец Хакер #024Cпец Хакер #023Cпец Хакер #022Cпец Хакер #021Cпец Хакер #020Cпец Хакер #019Cпец Хакер #018Cпец Хакер #017Cпец Хакер #016Cпец Хакер #015Cпец Хакер #014Cпец Хакер #013Cпец Хакер #012Cпец Хакер #011Cпец Хакер #010Cпец Хакер #009Cпец Хакер #008Cпец Хакер #007Cпец Хакер #006Cпец Хакер #005Cпец Хакер #004Cпец Хакер #003Cпец Хакер #002Cпец Хакер #001