Главная

Новости

Статьи и обзоры
  Горожанин
  Обнинск в Internet
  Web Design
  Hardware
  Software
  Безопасность
  Серфинг
  Игродром
  Relax
  Технологии
  Web-обзор
  Интернет-ликбез
  Опросник
  УП-Технологии
  ART.net

Ссылки

Архив

О нас

Контакты

Форумы

POPULAR.RU

DREAMWEAVER MX: РАБОТА С КОДОМ

© Алексей Кутовенко alteridem@tut.by

Есть и другие, довольно удобные вещи: если вы открываете новый тег, появляется выпадающее меню, где отображаются подходящие теги. Нажав Enter, вы получите свой тег. Если тег может иметь дополнительные опции, то после нажатия пробела вы получите выпадающее меню, содержащее доступные варианты, которые также можно подставить, не внося руками полный код. Более того, выбор определенных опций приводит к открытию вспомогательных инструментов, ускоряющих внесение значений параметров. Так, например, если вы определяете цвет элемента, то появится палитра цветов. Все эти манипуляции производятся без отрыва от клавиатуры, что представляется особенно удобным, если вы пользуетесь слепым методом работы с "клавой". В Code View можно пользоваться и уже хорошо знакомыми вам инструментами визуальной разметки, кнопки вызова которых находятся на вкладках группы панелей Insert. Работа с ними проста: поместите курсор куда требуется, и, вызвав такой инструмент, вы увидите знакомое диалоговое окно, в котором указываются все необходимые значения, после чего получите в коде страницы требуемый фрагмент, описывающий новый элемент. Следует отметить, что состав инструментов при переходе в режим Code Layer несколько меняется - например, вы не увидите инструмента Draw Layer. Это вполне логично: данный инструмент предназначен исключительно для визуальной разметки - что с ним делать при правке кода?
Кроме прямого написания кода, нам доступен и метод "вырезать-вставить". Здесь все просто, однако есть небольшой нюанс. Дело в том, что нам доступны два режима вставки кода, который может быть как скопирован со страницы, разработанной с помощью Dreamweaver, так и взят из другого редактора. Это просто Paste и Paste as HTML. Разница между ними заключается в том, что в одном случае код будет вставлен с сохранением всех элементов разметки, а в другом - как простой текст, без дополнительных тегов. Попробуйте самостоятельно, и вы сразу поймете, о чем идет речь.
Если вы работаете в визуальном режиме, то вносимые на странице изменения немедленно становятся заметны. В случае же прямой вставки кода в Code View для того, чтобы увидеть результат в Design View, потребуется перезагрузить страницу, например, горячей клавишей F5.
Компьютеру все равно, с каким кодом работать: неряшливым или элегантно оформленным. Человеку - нет. Пакет Dreamweaver дает возможность красиво оформить ваш код с помощью отступов. Для этого выделите строки, для которых вы желаете задать отступ, и дайте команду Edit - Indent Code. Вернуть все назад можно в любой момент через меню Edit - Outdent Code. На отображении веб-страницы в браузере эти манипуляции никак не отразятся.
Еще одна вещь, полезная при последующем просмотре и правке кода, - комментарии. В HTML комментарий добавляется с помощью следующей конструкции:

<!-текст комментария->

В пакете Dreamweaver можно воспользоваться кнопкой Comment на панели инструментов Common группы Insert. Внести затем правки в комментарий вы сможете даже находясь в режиме Design View, поскольку там каждый комментарий отображается в виде особого значка, щелкнув по которому вы получите доступ к его тексту. В Code View комментарии выделяются приглушенным серым цветом, так что их можно легко отыскать и отредактировать.
Отдельно следует упомянуть особенности кода, добавляемого пакетом при разработке динамических веб-страниц. Когда мы используем визуальные средства, например, при выводе данных из таблицы базы данных на свою веб-страницу, Dreamweaver исходя из заданных нами настроек добавляет к странице соответствующие фрагменты кода, которые теперь рассматриваются программой как цельные блоки. Это значит, что, если вы внесете в них ручные правки, даже такие, казалось бы, незначительные, как добавление пробелов или изменение переноса строк, то использовать с таким поправленным блоком визуальные инструменты Dreamweaver уже не получится. Он просто потеряет их и не будет воспринимать должным образом, поскольку при формировании, допустим, списка действий на панели Server Behaviors пакет ориентируется на полное совпадение искомых участков кода. Если мы решим отредактировать такой фрагмент вручную, то вся ответственность за его работоспособность целиком ложится на наши могучие плечи. Пожалуйста, не выпускайте из вида этот момент, поскольку я получил несколько писем, авторы которых столкнулись с названной проблемой.

Окончание следует.