Познавательное чтиво

Встроенный редактор кода в Dreamweaver имеет значительное преимущество перед обычным текстовым редактором. Он нумерует и автоматически переводит строки, может выделять различные служебные слова специфическим цветом и подсвечивать код, не соответствующий правилам разметки HTML. А самое интересное, набор кода может выполняться во много раз быстрее, чем в каком-либо текстовом редакторе. Все это благодаря хитрому приему, который в Dreamweaver называется подсказки по коду или Code Hints.

Подсказки по коду — это средство для автоматического заполнения тегов, их атрибутов и значений атрибутов в текстовом режиме. Выглядит это следующим образом:

1. Мы хотим набрать какой-нибудь тег, к примеру <img>, который служит для вставки графических изображений в страничку. Для этого вводим первую угловую скобку.

2. Dreamweaver, может быть сразу, а может быть, спустя несколько мгновений (зависит от сделанных настроек), распознает открывающую угловую скобку как начало тега и раскрывает список возможных вариантов (рис. 4.5).

3. Далее можно поступить по-разному. Можно выбрать нужный тег из списка, щелкнув по нему мышью или добравшись до него с помощью клавиш со стрелками, а затем нажав клавишу <Enter>.

4. Можно ввести первую букву нашего тега (в данном случае, это i), и тогда Dreamweaver выделит в списке первый тег, начинающийся с этой буквы. Если его выбор не совпадает с нашей задумкой, можно ввести следующую букву, и тогда Dreamweaver выделит тег, который начинается с двух указанных нами символов. Чтобы принять предложение Dreamweaver, нам надо нажать клавишу <Enter>.

5. После набора тега можно ввести пробел, и тогда Dreamweaver предложит список доступных атрибутов тега (рис. 4.6). Их выбор осуществляется таким же образом. К примеру, для тега img я набрал только первую букву s и нажал клавишу <Enter>, чтобы ввести атрибут src.

6. Если введенный таким образом атрибут имеет значения, которые можно выбрать автоматически, программа с радостью предложит очередной список или команду для вызова диалогового окна (рис. 4.7). В нашем случае, для заполнения атрибута src Dreamweaver вывел список из одной команды, выбор которой запускает диалоговое окно для выбора нужного файла.

7. После задания параметра для одного атрибута, можно ввести пробел, чтобы появилась подсказка по выбору других атрибутов тега.

8. Процесс подсказки заканчивается с вводом закрывающей тег скобки >. При этом, если тег парный, Dreamweaver может сразу создать закрывающий тег.

Примечание

Хотя Dreamweaver показывает в подсказке тег вместе с угловыми скобками, на самом деле при его выборе угловые скобки не появляются — их надо вводить самому.

Чтобы отказаться от подсказки в конкретном случае, достаточно нажать клавишу <Esc> или <Backspace>. В следующий раз она появится только при вводе новой открывающей скобки <.

Для того чтобы совсем отключить автозаполнение, следует открыть настройки Dreamweaver с помощью команды меню Edit | Preferences или "горячих" клавиш <Ctrl>+<U>. В диалоговом окне, в списке слева, выберите категорию Code Hints. После этого снимите флажок Enable Code Hints (рис. 4.8).

Совет

Вместо полного отключения, можно просто увеличить паузу, после которой появляется подсказка. В указанном диалоговом окне с настройками надо сместить движок Delay вправо, чтобы задать время появления, отличное от нуля. Максимальная пауза может составлять 5 секунд.

Флажок Enable Auto Tag Completion отвечает за автоматическое закрытие парных тегов. По умолчанию он установлен. Если, скажем, вы набрали первый парный тег <strong>, то после того, как поставите последнюю угловую скобку, Dreamweaver автоматически поставит </strong>. Но если в настройках Code Hints снять флажок Enable Auto Tag Completion, то такого больше не будет.

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