Дримвивер

Снять галочку с позволения поставить em вместо i и т.п.

Снять галочку с использования ccs вместо html стилей

При подготовке материалов для сайта в программе Dreamweaver 3 обнаружились следующие особенности:

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

если на экране открыт какой-то файл в ДВ, то при команде "открыть" показывается директория, в которой этот, первый файл лежит. Для работы с файлами внутри какой-то определенной директории полезно поэтому один файл держать постоянно открытым.

Таги для надстрочного шрифта, который ДВ понимает, хотя в режиме редактирования не показывает взятый в эти таги текст как надстрочный: <sup></sup>

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

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

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

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

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

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

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

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

Code Format - специфические настройки режима "Code View" и внешнего текстового редактора

Использовать отступы. Для отступов использовать: табуляцию или пробелы. Если этот флажок установлен, то Dreamweaver будет автоматически вставлять отступы в код в тех местах, где они облегчают его прочтение. После установки этого флажка вы можете выбрать, в каком виде будет храниться информация об этих отступах во "внутренностях" HTML-файла (HTML-файлы являются по формату текстовыми, а в текстовых файлах разрешена табуляция). Удобнее использовать табуляцию, т.к. в этом случае, если вы захотите удалить отступ, вам не придется много раз нажимать на "Backspace" - достаточно будет одного нажатия. Если же снять этот флажок, то все строки кода будут прижаты к левому полю, и разобраться в коде таблиц, frameset'ов и вложенных слоев вам будет довольно сложно. Здесь уж как кому нравится. Пробелы и табуляция, с помощью которых создаются отступы, незначительно увеличивают размер файла. Если вы страдаете по этому поводу паранойей и старательно вычищаете "лишние" кавычки из готовой страницы после окончания работы, то вам стоит снять этот флажок. Во всех остальных случаях его желательно оставить.

Строки и столбцы таблиц, фреймы и наборы фреймов. Эти два флажка доступны лишь в том случае, если установлен первый. Возможно, вы сочтете, что автоматически создаваемые отступы в коде вам необходимы при создании таблиц, но абсолютно излишни в наборах фреймов. Действительно, если у вас используется всего один frameset из двух-трех фреймов, отступы вам не понадобятся - в таком файле и без них все ясно, как божий день. Обратите внимание: на окончательном внешнем виде созданной страницы ни одна из настроек этого раздела не отражается! Все они изменяют только внутреннее строение текстового файла!

Размеры отступа и табуляции (Indent Size и Tab Size). Эти поля также доступны лишь при установке первого флажка. Они определяют размер создаваемых автоматически отступов и создаваемых вами табуляций в символах.

Автоматический перевод строки. Если этот флажок установлен, Dreamweaver будет автоматически добавлять "жесткий" перенос (только в коде, речь опять же идет о "начинке" текстового формата!), если длина строки превышает установленное значение. Значение по умолчанию - 76 - режет код на слишком короткие строки. Если вы используете сложные функции JavaScript или часто пользуетесь методом document.write, лучше увеличить это значение. Хотя разработчики Dreamweaver'a уверяют, что строка не будет разорвана в том случае, когда это может повредить работоспособности кода, рисковать все равно не стоит.

Символ разрыва строки. Доступны следующие значения: СR LF (Windows), CR (Macintosh), LF (Unix). Речь идет все о том же "жестком" переносе строк. Грубо говоря, разработчики просто заботятся о том, чтобы вам было удобно открыть свой HTML-файл в любом обычном текстовом редакторе. К примеру, если вы работаете на Macintosh'e, а тип разрыва строки установлен для Unix, разрывы строк в тексте кода не сохранятся, и код откроется в виде одной (очень длинной!) строки. Некоторые текстовые редакторы (например, Bred) не умеют распознавать строки гигантской длины и просто обрезают лишнее. Как вы понимаете, это может повредить код, так что отнеситесь к данной опции с должным вниманием.
Другой пример - вам вдруг понадобилось подправить что-то в коде непосредственно в online-режиме (многие хостинги предоставляют online-редакторы кода). Если вы установили тип разрыва для Windows, а сервер работает под управлением Unix, код также может быть поврежден. При типе разрыва, не соответствущем типу сервера, код может быть поврежден также и при FTP-передаче на сервер в ASCII-режиме (по утверждению разработчиков Dreamweaver'a). Хотя по личному опыту скажу, что с помощью CuteFTP код с типом разрыва CR LF передается в ASCII-режиме на сервер под управлением Linux абсолютно корректно.

Регистр записи тэгов. Некоторые вебмастера предпочитают для облегчения анализа кода записывать тэги в верхнем регистре. Dreamweaver предоставляет такую возможность.

Регистр записи атрибутов. Атрибуты тоже могут быть записаны в верхнем регистре, но значения атрибутов всегда записываются Dreamweaver'ом в нижнем регистре и в кавычках. Параноикам приходится чистить код от кавычек вручную.

Автоматически изменять регистр (и тип записи!) для тэгов (первый флажок) и для атрибутов (второй флажок). Первый флажок вы можете поставить, если, к примеру, вас раздражают большие (или наоборот - маленькие) буквы в чужом коде, который вам приходится анализировать. Второй флажок по аналогичным причинам могут установить все, кроме вышеупомянутых "кавычечных параноиков". После установки этого флажка при каждом открытии файла в Dreamweaver'e запись атрибутов будет приводится к указанному в настройке регистру (и виду!). А это значит, что код, старательно очищенный вами от кавычек где-нибудь в "Блокноте", вернется в свой первозданный вид. Имеются сведения о сошедших с ума в результате действий этого флажка вебмастерах, ненавидящих кавычки (шутка).

Способ центрирования некоторого участка страницы. Иногда вам может потребоваться выровнять по центру участок страницы, находящийся в тэге, не поддерживающем горизонтальное выравнивание (например, рисунок), или вообще вне тэга уровня блока (например, скрипт). В старых версиях HTML для этого использовался тэг-контейнер <center>. В спецификации HTML 4.0 этот тэг отнесен к устаревшим и не рекомендуется для использования, однако он пока распознается практически всеми версиями браузеров. Dreamweaver предоставляет выбор: продолжать использовать тэг <center>, или перейти на рекомендованную консорциумом W3C конструкцию <div align="center">. Тут уже дело вкуса. Однако опять же для приверженцев максимального уменьшения размера кода стоит заметить, что, безусловно, использование <center> им подходит больше.

Code Rewriting исправление ошибок и настройка записи специальных символов

Установив нужные флажки в этом окне настройки, вы позволите Dreamweaver'у автоматически исправлять некоторые часто встречающиеся ошибки в коде. Тем, кто плохо знаком с HTML, следует обязательно установить все флажки.

Исправлять неправильно вложенные или незакрытые тэги. Иногда при написании кода вручную допускаются нарушения взаимной вложенности тэгов. Если по неопытности вы напишете конструкцию типа <b><i>особо важный текст</b></i>, то браузер не сможет верно интерпретировать такую запись. Установка этого флажка позволяет Dreamweaver'у автоматически исправлять подобные ошибки. Также, если этот флажок установлен, Dreamweaver автоматически добавит закрывающий тэг в тех местах, где он необходим, а вы забыли его добавить. Наиболее распространенная ошибка такого типа - вставка внешнего файла скрипта без закрывающего тэга (правильно: <script src="/spravki/2_life_ukaz/05_d/my.js"></script>; неправильно: <script src="/spravki/2_life_ukaz/05_d/my.js">).

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

Выдавать предупреждение при удалении или исправлении тэгов. Этот флажок должен быть обязательно установлен у начинающих, которые хотят как следует разобраться в HTML и научиться писать код руками. Ведь если Dreamweaver будет "молча" исправлять ваши ошибки, вы никогда о них не узнаете и будете продолжать ошибаться.

Никогда не исправлять код в файлах с перечисленными расширениями. По умолчанию флажок установлен, и перечислены расширения .asp, .cfm, .cfml, .ihtml, .js, .jsp, .php, .php3. Вам, возможно, потребуется дополнить этот список. Упаси вас бог снять этот флажок и забыть об этом! В результате однажды может наступить день, когда недельная работа вашего напарника-программиста будет безвозвратно угроблена одним нажатием клавиш "Ctrl+S". Дело в том, что файлы с такими расширениями обычно содержат программный код, не поддающийся стандартной логике HTML. Поэтому любые автоматические исправления могут погубить страницу.

Кодирование специальных символов в URL-адресах. Если в URL встречаются неразрешенные символы, Dreamweaver перекодирует их в специальные. Например, пробел кодируется как %20. Перекодирование некоторых символов в значениях атрибутов с использованием амперсанда. Если в значениях атрибутов встретятся символы <,>,&,", Dreamweaver заменит их на <,>,&,", соответственно.