Лого Флэша Потрошителя
 
Новости · Статьи · Прототипы · Компоненты · Персоналии · Глоссарий · Идеальный клип · Что делать  
Настройка Dreamweaver MX: 3 часть
27.07.2002 24.09.2002
<< Назад 12 • 3 • 4 Вперед >>

Определение подсказок кода (code hints)

Чтобы определить всплывающие меню с подсказками по ходу написания исходного кода в Dreamweaver, редактируйте файл CodeHints.xml. В общем, для этого лучше специально написать расширение (extension), чем редактировать файл вручную; смотрите "Расширение Dreamweaver" (Help > Extending Dreamweaver) для получения более подробной информации.

Задание документов по умолчанию

Папка DocumentTypes/NewDocuments содержит документы по умолчанию для любого типа документа, который можно создать в Dreamweaver. Когда вы воздаете новый документ, выбирая пункт меню File > New и выбираете какой-либо пункт из категорий "Basic Page", "Dynamic Page", или "Other", Dreamweaver создает новый документ на базе соответствующего документа по умолчанию из этой папки. Чтобы изменить появляющийся по умолчанию документ заданного типа, редактируйте в этой папке соответствующий документ.

Примечание: Если вы хотите, чтобы все страницы вашего сайта содержали общие элементы (такие как копирайт) или были одного формата, лучше для этих целей использовать шаблоны (templates) и библиотечные элементы (library items), чем изменять документы по умолчанию. Узнать больше о шаблонах и библиотеках элементов можно в Справке Dreamweaver (Help > Using Dreamweaver).

Настройка дизайнов страниц (page designs)

Dreamweaver предоставляет целый ряд готовых стилевых решений CSS, наборов фреймов и дизайнов страниц. Вы можете создавать страницы, базирующиеся на этих дизайнах, выбирая пункт меню File > New. Чтобы настроить доступные дизайны, редактируйте файлы в папках BuiltIn/css, BuiltIn/framesets, BuiltIn/Templates и BuiltIn/TemplatesAccessible. Заметьте, что дизайны, перечисленные в категориях "Page Designs" и "Page Designs (Accessible)", в действительности являются файлами шаблонов; больше узнать о шаблонах можно в Справке (Help > Using Dreamweaver). Вы также можете создать собственные дизайны страниц, добавляя файлы в папки, находящиеся в папке "BuiltIn". Чтобы создать описание файла, появляющееся в диалоговом окне New Document, создайте файл Design Notes (в соответствующей папке _notes), отвечающий файлу с дизайном страницы.

Создание и модификация панелей инструментов (toolbars)

Вы можете переупорядочивать или удалять пункты в панелях инструментов, поставляемых вместе с Dreamweaver (таких, как панели инструментов "Document" и "Standard"), редактируя файл Toolbars/toolbars.xml. Чтобы создать новую панель инструментов, вам обычно нужно создать XML-файлы как для определения элементов управления (кнопок) в панели инструментов, так и для определения команд, выполняющих действия, связанные с этими элементами управления. Больше о создании панелей инструментов и редактировании файла toolbars.xml вы узнаете из "Расширения Dreamweaver" (Help > Extending Dreamweaver)

Создание новых типов документов

Конфигурационные файлы Dreamweaver определяют расширения файлов, модели сервера и другую информацию для каждого типа документа, распознаваемого Dreamweaver. Чтобы добавить новый тип документа в Dreamweaver, или чтобы изменить информацию по уже известным типам документов, либо редактируйте файл DocumentTypes/MMDocumentTypes.xml, либо создайте другой XML-файл, используя тот же формат. Обычно изменять и создавать такие файлы путем написания расширений предпочтительнее, чем редактировать файлы вручную; см. "Расширение Dreamweaver" (Help > Extending Dreamweaver).

Настройка Tag Chooser

Файлы конфигурации Dreamweaver предоставляют метаданные для организации группирования тэгов, которые появляются в окне Tag Chooser. Редактируя файл TagChooser.xml (в подпапке из каталога TagLibraries), вы можете перегруппировывать существующие тэги и группировать новые. Обычно изменять и создавать такие файлы путем написания расширений предпочтительнее, чем редактировать файлы вручную; см. "Расширение Dreamweaver" (Help > Extending Dreamweaver).

Настройка внешнего вида диалоговых окон

Форматы диалоговых окон для объектов, команд и сценариев поведения заданы как HTML-формы; они находятся в HTML-файлах в папке Configuration в директории приложения Dreamweaver. Редактируете эти формы так же, как редактируете любые другие формы в DW. См. Справку к Dreamweaver.

Примечание: Помните, что в многопользовательской операционной системе нужно редактировать копии конфигурационных файлов в вашей пользовательской папке, а не основные конфигурационные файлы; см. "О настройке Dreamweaver в многопользовательских средах".

Чтобы изменить внешний вид диалогового окна:

  1. В Dreamweaver, выберите пункт меню Edit > Preferences, затем выберите категорию Code Rewriting;
  2. Отключите опцию "Rename Form Items when Pasting" (Переименовывать элементы форм при вставке). Отключение этой опции гарантирует, что элементы форм сохранят свои оригинальные имена, когда вы копируете и вставляете их через буфер обмена;
  3. Нажмите ОК, чтобы закрыть окно диалога Preferences;
  4. На вашем жестком диске найдите подходящий .htm файл в папке Configuration/Objects, Configuration/ Commands, или Configuration/Behaviors;
  5. Создайте копию этого файла где-либо вне папки Configuration;
  6. Откройте копию в Dreamweaver, отредактируйте форму в нем и сохраните файл;
  7. Закройте Dreamweaver;
  8. Скопируйте измененный файл назад в папку Configuration поверх оригинального файла. (Отличная идея — сначала сделать резервную копию оригинала, чтобы можно было потом вернуть все назад);
  9. Снова запустите DW, чтобы увидеть изменения.

Изменяйте лучше то, как выглядит окно диалога, а не то, как оно работает; новое окно должно содержать те же самые типы элементов форм с прежними именами, чтобы информация, которую Dreamweaver получает от диалогового окна, могла быть использована тем же образом. Например, объект Comment принимает текст от текстового поля в диалоговом окне, затем использует простую JavaScript функцию для превращения этого текста в HTML-комментарий и вставляет комментарий в ваш документ. Форма, описывающая соответствующее диалоговое окно, хранится в файле Configuration/Objects/Invisibles/Comment.htm. Вы можете открыть этот файл и изменить размер или другие атрибуты текстового поля, но если вы целиком удалите тэг textarea, или измените значение его атрибута name, объект Comment больше не будет работать правильно.

Изменения HTML-форматирования, принятого по умолчанию

Чтобы изменить основные настройки форматирования исходного кода, используйте категорию Code Format диалогового окна Preferences. Чтобы изменить формат отдельных тэгов и атрибутов, используйте Редактор Библиотеки Тэгов (Tag Library Editor, Edit > Tag Libraries). См. Справку к Dreamweaver.

Вы можете также редактировать форматирование тэга путем ручного редактирования .vtm-файла, соответствующего этому тэгу (ищите в подпапке конфигурационной папки Tag Libraries), но намного легче изменять форматирование с помощью самого Dreamweaver.

Если вы добавляете или удаляете .vtm-файл, вы должны редактировать файл TagLibraries.vtm; Dreamweaver игнорирует любые .vtm-файлы, не означенные в файле TagLibraries.vtm. (Редактируйте этот файл в текстовом редакторе, а не в DW.) См. "Расширение Dreamweaver" (Help > Extending Dreamweaver).

Работа с профилями броузера

Профили броузера — это файлы, которые Dreamweaver использует при проверке ваших документов, когда вы запускаете процесс проверки в целевом броузере (обычно F12 для IE и Ctrl+F12 для NN — прим. перев.) (См. Справку к Dreamweaver). Каждый профиль содержит информацию о HTML-тэгах и атрибутах, которые поддерживает конкретный броузер. Профиль броузера может также содержать предупреждения, сообщения об ошибках и предложения по подстановке тэгов.

Профили броузера хранятся в папке Configuration/BrowserProfiles в директории приложения Dreamweaver. Вы можете редактировать существующие профили или создавать новые с помощью Dreamweaver или текстового редактора (типа BBEdit, HomeSite, Notepad, или SimpleText). Нет необходимости закрывать Dreamweaver перед редактированием или созданием профилей броузера.

О форматировании профиля броузера

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

  • Первая строка зарезервирована под имя профиля. Она должна заканчиваться одиночным переносом строки. Название этой строки появляется в диалоговом окне "Target Browser Check" (Проверка в целевом броузере) и в соответствующем отчете. Оно должно быть уникальным.
  • Вторая строка зарезервирована для обозначения PROFILE_TYPE=BROWSER_PROFILE. Dreamweaver использует эту строку для того, чтобы определять документы, являющиеся профилями броузера. Не изменяйте и не перемещайте эту строку.
  • Два дефиса (--) в начале строки указывают на комментарий, это означает, что данная строка будет полностью проигнорирована в процессе проверки в целевом броузере. Комментарии должны начинаться в самом начале строки, — т.е. нельзя размещать два дефиса в середине строки.
  • Нужно использовать пробел в следующих местах: перед закрывающей угловой скобкой (>) в строке !ELEMENT, после открывающей скобки в списке значений для атрибута, перед закрывающей скобкой в списка значений, а также до и после символа вертикальной черты (|) в списке значений.
  • Нужно использовать восклицательный знак без пробела перед каждым из следующих слов: ELEMENT, ATTLIST, Error, и msg (!ELEMENT, !ATTLIST, !Error, !msg).
  • Вы можете включать !Error и !Warning в поля !ELEMENT или !ATTLIST.
  • !msg сообщения могут содержать только простой текст (plain text).
  • HTML-комментарии (<!---->) не могут быть перечислены как тэги в профиле броузера, потому что они создают помехи при синтаксическом разборе. Dreamweaver не сообщает об ошибках комментариев, потому что все броузеры их поддерживают.

Синтаксис для записи тэга следующий:

<!ELEMENT htmlTag NAME="tagName ">
<!ATTLIST htmlTag
unsupportedAttribute1 !Error !msg="The unsupportedAttribute1
attribute of the htmlTag tag is not supported.Try using
supportedAttribute1 for a similar effect."
supportedAttribute1
supportedAttribute2 (validValue1 |validValue2 |validValue3)
unsupportedAttribute2 !Error !msg="Don ’t ever use the
unsupportedAttribute2 attribute of the htmlTag tag!"
>

Показанные в этом примере синтаксиса элементы определены следующим образом:

htmlTag — тэг, как он есть в HTML-документе.

tagName — пояснительное имя для тэга; например, для тэга HR — "Horizontal Rule" ("Горизонтальная черта"). Атрибут NAME необязателен. Если задано, tagName используется в сообщениях об ошибках; если вы не предоставляете имя, в сообщениях об ошибках используется htmlTag.

unsupportedAttribute — атрибут, который не поддерживается. Любые тэги или атрибуты, не упомянутые явно как поддерживаемые, считаются неподдерживаемыми. Определяйте неподдерживаемые тэги или атрибуты только в том случае, когда вы хотите создать свое собственное сообщение об ошибке.

supportedAttribute — атрибут, поддерживаемый htmlTag. Только тэги, перечисленные без обозначения !Error, считаются поддерживаемыми броузером.

validValue — показывает значение, поддерживаемое атрибутом.

Следующий пример показывает запись для тэга APPLET (для Netscape Navigator 3):

<!ELEMENT APPLET Name="Java Applet">
<!ATTLIST APPLET
Align (top |middle |bottom |left |right |absmiddle |
absbottom |baseline |texttop)
Alt
Archive
Class !Warning !msg="This browser ignores the CLASS attribute for the APPLET
tag."
Code
Codebase
Height
HSpace
ID !Warning !msg="This browser ignores the ID attribute for the APPLET tag.
Use NAME instead."
Name
Style !Warning !msg="This browser ignores the STYLE attribute for the APPLET
tag."
VSpace
Width
>

Создание и редактирование профиля броузера

Создавайте новый профиль броузера, редактируя копию одного из существующих. Например, чтобы создать профиль для будущей версии Microsoft Internet Explorer, вы можете открыть профиль для его самой свежей версии, добавить любые новые тэги или атрибуты, введенные в новой версии, и сохраните его как профиль для новой версии.

Примечание: Перед созданием профиля для новой версии броузера, проверьте на сайте Macromedia Exchange для Dreamweaver, просто узнать, не выложила ли Macromedia профиль броузера, который вы можете скачать и установить с помощью Менеджера Расширений (Extension Manager).

Чтобы создать или отредактировать профиль броузера:

  1. Откройте существующий профиль в текстовом редакторе. Если вы создаете новый профиль, то откройте профиль, имеющий максимальное сходство с профилем, который вы намереваетесь создать, затем сохраните файл под новым именем.
  2. Если вы создаете новый профиль, измените в файле название в первой строке текста. (Два профиля не могут иметь одинаковые имена.)
  3. Добавляйте новые тэги и атрибуты, которые известны вам как поддерживаемые броузером, используя синтаксис, показанный в разделе "О форматировании профиля броузера". Если вы не хотите получать сообщения об ошибках по поводу частично не поддерживаемого тэга, добавьте его в список поддерживаемых тэгов. Когда сделаете это, сохраните профиль в отдельном файле с новым именем (типа "Browsername x.x limited"). Давая новому профилю новое имя, вы предохраняете оригинальный профиль, и оставляете в нем только те имена, которые действительно поддерживаются.
  4. Удалите любые тэги или атрибуты, не поддерживаемые броузером. Этот шаг, вероятно, не является необходимым, если вы создаете профиль для новой версии Netscape Navigator или Internet Explorer, потому что броузеры редко прекращают поддержку старых тэгов.
  5. Добавьте любые нужные сообщения об ошибках соответственно синтаксису, показанному в разделе "О форматировании профиля броузера".

    Профили, которые идут вместе с Dreamweaver, перечисляют все поддерживаемые тэги для указанных броузеров. Чтобы добавить для тэга нужное сообщение об ошибке, добавьте, !msg="message" после !Error. Например, эта информация появляется в профиле броузера для Netscape Navigator 3.0 (вместе с другими атрибутами, не показанными здесь):

    <!ELEMENT HR name="Horizontal Rule">
    <!ATTLIST HR
    COLOR !Error
    >


    Чтобы добавить необходимое сообщение, введите !msg= и ваше сообщение, в кавычках:

    <!ELEMENT HR name="Horizontal Rule">
    <!ATTLIST HR
    COLOR !Error !msg="Internet Explorer 3.0 supports the COLOR tag in
    horizontal rules,but Netscape Navigator 3.0 does not."
    >
  6. Вы можете использовать !Error для всех ошибочных ситуаций, или использовать !Warning для показа того, что тэг будет проигнорирован, но на самом деле не вызовет ошибки.

 

Настройка Dreamweaver:
<< Назад 12 • 3 • 4 Вперед >>

[новое окно]>

Дэдлайн

 

Примечания:
Нет примечаний

Статус документа
: публикация
>>> Статьи · Прототипы · Компоненты · Персоналии · Глоссарий · Что делатьНаверх
  © Разработка: Ростислав Сирык · О проекте "Флэш Потрошитель" · Архивы сайта

Настройка DW MX

Содержание | Краткое меню:

Настройка DW MX в многопользовательских смстемах

Изменение типа файла по умолчанию

Изменение панели вставки

Создание простого объекта

Изменение ассоциаций FTP

Настройка меню DW MX

Настройка подсказок кода

Задание документов по умолчанию

Настройка дизайнов страниц

Создание и модификация панелей инструментов

Создание новых типов документов

Настройка Tag Chooser

Настройка внешнего вида диалоговых окон

Изменение HTML-форматирования по умолчанию

Работа с профилями броузера

Расширение DW MX

Настройка интерпретации нестандартных тэгов

FlexiPedia