Содержание выпуска

Руководство по Macromedia Dreamweaver для начинающих. Настройки редактора.

• Основные настройки
• Настройка подсветки синтаксиса HTML

Полезные советы.

Свои вопросы, предложения и пожелания по содержанию рассылки присылайте по адресу: mila_b@chat.ru. Я обязательно всем отвечу, а самые интересные вопросы будут опубликованы в рассылке.

Руководство по Macromedia Dreamweaver для начинающих

Настройки редактора

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

Ни один визуальный редактор не предоставляет такого количества пользовательских настроек, как Dreamweaver. В четвертой версии появилась дополнительная возможность настройки горячих клавиш: можно выбрать одну из предустановленных схем (схемы "Dreamweaver 3", "BBEdit" и "HomeSite"), а можно полностью переназначить все горячие сочетания.

Но давайте обо всем по порядку. Итак, чтобы получить доступ к основным настройкам программы, следует выбрать пункт "Preferences" в меню "Edit". Откроется окно свойств редактора (см. рис.).

Слева - список категорий доступных для редактирования настроек, справа - настройки выбранной категории.

General

File Options - Работа с файлами - доступны следующие настройки (сверху вниз):

1. При запуске редактора показывать только окно активного сайта. Если этот флажок установлен, то при запуске редактора будет отображен только список файлов сайта, над которым вы в последний раз работали (это окно также используется в качестве FTP-клиента). Двойной щелчок по названию любой из страниц сайта откроет ее уже в окне редактора. Установка этого флажка несколько ускоряет загрузку Dreamweaver'a. Если же снять этот флажок, то сразу будет загружаться окно редактора, содержащее пустую (новую) страницу.
2. Открывать для каждой страницы отдельное окно. Сняв этот флажок, вы получите стандартный многодокументный интерфейс (т.е. все страницы будут открываться в одном окне, как бы поверх друг друга).
3. Выдавать предупреждение при открытии файлов, помеченных "Только для чтения". Тут, я думаю, комментарии излишни.
4. При сохранении автоматически добавлять расширение... Если этот флажок установлен, вы можете указать желаемое расширение для создаваемых вами файлов. Указанное расширение будет добавляться только в том случае, если вы при сохранении не вписали иное.
5. Обновлять ссылки при перемещении файлов. Доступны следующие значения: Prompt - все ссылки, указывающие на перемещенный файл, будут обновлены сразу же после перемещения; Always - ссылки будут обновлены после команды "Recreate Site List" или при перезапуске редактора (или сайта); Never - ссылки автоматически не обновляются.

Editing Options - Настройки редактирования - доступны следующие настройки (сверху вниз):

1. Показывать диалоги при вставке объектов. Если снять этот флажок, то Dreamweaver не будет вставлять объекты как таковые - будут вставлены лишь соответствующие тэги. Не советую снимать этот флажок, если вы новичок в HTML - с простыми тэгами, как img, вы еще справитесь, но вставка rollover'ов и слоев может стать для вас серьезной проблемой.
2. Ускоренное редактирование таблиц (с отсроченным обновлением). Если этот флажок включен, то ячейки таблиц по идее должны с замедлением реагировать на ввод текста (медленнее растягиваться), что позволяет печатать без задержек. На деле же наличие или отсутствие этого флажка будет заметно только профессиональным машинисткам на очень медленных компьютерах.
3. Переименовывание элементов форм при вставке. Это очень полезная вещь. К примеру, вы создаете форму, содержащую десять абсолютно одинаковых текстовых полей. Вставив первое поле, вы копируете его в буфер обмена и вставляете из буфера еще девять раз. Если этот флажок снят, то в итоге вы получите десять полей с одинаковыми именами. Чтобы форма работала верно, вам придется девять из них переименовать вручную. Если же флажок установлен, то Dreamweaver сам переименует за вас вставленные поля путем добавления порядковых номеров. Например, если имя первого поля было "text", то второе будет названо "text1", третье - "text2" и т.д. Другой пример: вы скопировали на свою страницу форму с другой страницы. Случайно имена некоторых элементов при этом совпали. Dreamweaver произведет автоматическое переименование и в этом случае.
4. Разрешить ввод в двухбайтовом режиме. Эта опция требуется для языков, кодовые таблицы которых - двухбайтовые. Не следует забывать, что кодировка Unicode тоже относится к таковым.
5. Максимальное число отмен - на сколько шагов можно будет произвести "откат" назад. Чем большее число указано, тем больше оперативной памяти потребуется программе для работы. Насколько я поняла, верхней границы не существует. Я попробовала ввести 12345 - Dreamweaver не заругался и не потребовал ввести "number between 1 and x". Но будьте разумны - 50 шагов обычно достаточно. Слишком большая "история" может сильно замедлить работу.
6. Настройка панели объектов. Доступны значения Icons Only - отображать только иконки объектов (самый удобный режим - панель занимает мало места, а ко всем иконкам имеются "всплывающие подсказки"); Text Only - названия объектов отображаются текстом; Icons & Text - отображаются иконки объектов с текстовыми подписями.
7. Язык проверки орфографии. Если ваш сайт на русском языке, значение этого пункта вас совершенно не волнует. Проверка орфографии доступна только для американского английского и двух вариантов английского классического. А жаль... По моим наблюдениям, русскоязычная сеть очень сильно страдает от неграмотности авторов.

Code Colors (настройка подсветки синтаксиса HTML)

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

Выделив нужный тэг, подберите подходящий, с вашей точки зрения, цвет для него. Опытным пользователям есть смысл оставить цвет по умолчанию (default) для редко используемых ими тэгов. Новичкам же нужно постараться и подобрать индивидуальную раскраску для всех тэгов до единого - тогда никакие детали кода не ускользнут от вашего внимания. Такая расширенная "раскраска" кода очень удобна также для преподавателей HTML - при проверке домашних заданий достаточно открыть код в Dreamweaver'e, чтобы сразу стали ясно видны как пути решения поставленной задачи, так и явные ошибки.

(продолжение - в следующем выпуске)

Полезные советы

• Отступы внутри ячеек таблицы и между ячейками по умолчанию не равны нулю. Если вы хотите, чтобы содержимое соседних ячеек плотно прилегало друг к другу (например, при размещении в таблице порезанной на части картинки), пропишите в тэге <table> атрибуты cellpadding="0" и cellspacing="0".
• Если вы хотите, чтобы ваша страница верно отображалась в Netscape Navigator'e, никогда не задавайте края и отступы (margin и padding) для тэгов <table> и <td> с помощью CSS. Поведение Navigator'а, столкнувшегося с подобными определениями, непредсказуемо; особенно вероятны ошибки в том случае, если вы используете вложенные таблицы.

Бандурина Людмила, 18.01.2001. Архив рассылки находится здесь.