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

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

• Настройки создаваемых слоев
• Настройка визуального режима создания таблиц
• Настройка расположения панелей и быстрого запуска
• Настройка браузеров, в которых вы будете проверять страницы
• Настройка функции быстрого редактирования тэгов
• Настройка управления сайтами
• Настройка статусной строки редактора

Приношу свои огромные извинения за то, что сегодня рассылка выходит без "Полезных советов" и "Руководства по HTML", а также за нерегулярный выход рассылки. Как всегда, проклятая нехватка времени :( В ближайшие дни попытаюсь исправиться.

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

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

Настройки редактора (продолжение, начало см. в выпусках ## 2, 3, 4)

Layers - настройки создаваемых слоев

Так же, как и в предыдущих разделах, настройки описаны по порядку - сверху вниз.

В связи с этими настройками хочется заметить, что слои все же лучше прописывать руками в текстовом редакторе Dreamweaver'a, т.к. средства работы со слоями у этого редактора довольно бедные (хотя намного богаче, чем у других визуальных редакторов).

1. Тэг, которым описывается новый слой. Интернет-консорциумом W3C рекомендовано описывать слои посредством тэга <div>. Тэг <span>, имеющий практически аналогичные свойства, рекомендован для выделения участков текста с нестандартным оформлением. В многоязычных документах рекомендуется также выделять тэгами <span> участки текста, написанные на языке, не являющемся основным языком документа. В этом случае <span> используется с атрибутом lang. На практике мало кто использует эту рекомендацию, так как истинно многоязычные документы встречаются редко. Если вы лишь изредка используете на странице иностранные слова, то незачем засорять ее лишними тэгами, к тому же это увеличит размер страницы и время ее форматирования браузером.
   Тэги <layer> и <ilayer> использовать для создания слоев не рекомендуется, т.к. они понятны только браузерам Netscape.
2. Видимость слоя "по умолчанию" (visibility). Доступны следующие значения: default - свойство visibility не прописывается в атрибуте style слоя; inherit - видимость наследуется у родительского элемента; visible - слой изначально видим; hidden - слой изначально невидим. Не забудьте, что вы всегда можете изменить это свойство после создания слоя, поэтому я обычно оставляю "default".
3. Ширина, высота, цвет и рисунок фона (Width, Height, Background Color, Background Image). Здесь вы можете прописать значения соответствующих свойств CSS, которые автоматически будут подставлены в атрибут style созданного слоя. Впоследствии вы сможете изменить эти значения, воспользовавшись панелью свойств объекта.
4. Nesting - буквально можно перевести как "гнездовье". Имеется в виду вложенность одного слоя в другой. Если вы установите этот флажок, то при создании нового слоя внутри области уже созданного, новый будет автоматически вложен внутрь созданного ранее. Это довольно неудобно, если вы собирались назначить слоям разные значения z-index, поэтому я никогда не устанавливаю этот флажок. Однако учтите, что если вы забудете прописать z-index, а слои при этом полностью или частично перекрывают друг друга, Netscape отобразит полную абракадабру - страница может очень сильно разъехаться, и никто не в силах предсказать, где именно будут отображены ваши слои.
5. Совместимость с Netscape 4 (Netscape 4 Compatibility). У браузеров Netscape есть пренеприятнейшее свойство: отображая слой, они запросто могут "потерять" какое-нибудь из его визуальных свойств - цвет фона, цвет и вид границы, и т.п. Наиболее часто это случается при изменении размера окна браузера, поэтому разработчики Dreamweaver'a добавили возможность вставлять в страницу при создании слоя скрипт, который заставит браузер полностью переформатировать страницу при изменении размера окна. Однако, поведение браузеров Netscape в работе со слоями настолько непредсказуемо, что этот скрипт помогает далеко не всегда, а иногда наоборот, переформатирование искажает отображение ранее верно показанного слоя. Поэтому я не пользуюсь этой возможностью.

Layout View (настройка визуального режима создания таблиц)

Этот вид настроек доступен только в четвертой версии Dreamweaver'a, т.к. в третьей отстутствует визуальный режим создания таблиц. На мой взгляд, это не лучшее из нововведений новой версии. Так же, как и слои, таблицы желательно редактировать все-таки руками. Ну, на худой конец, стандартными средствами Dreamweaver'a - чтобы не запутаться в уровнях вложенности и т.п. "Рисование" таблиц (примерно как в 97-2000 Word'e) - это уже излишняя визуализация, которая ни к чему хорошему не приводит. Если вы хотите все-таки изучить в дальнейшем HTML, вам не следует пользоваться режимом Layout View.

1. Автоматическая вставка гифов-распорок (Autoinsert Spacers). Вы можете выбрать, в каком случае вставлять в свободные ячейки прозрачные гифы-распорки: всегда, если размеры ячейки не указаны или указаны в процентах (When Making Autostretch Tables), или никогда (Never). Если вы выбрали все-таки автоматическую вставку, следует указать название файла распорки. Здесь, как говорится, "на вкус и цвет - товарищей нет", но я бы никогда не доверила визуальному редактору столь ответственное дело, как вставка и масштабирование распорок.
2. Настройка цветов подсветки таблиц. Если вы выберете редактирование таблиц в режиме "Layout View", то подсветка границ ячеек и таблиц будет производиться не так, как в обычном режиме. Данные настройки позволяют выбрать цвета подсветки. Не забудьте сделать их отличными от фона страницы, иначе ничего не будет видно!

Panels - Настройка расположения панелей и быстрого запуска

1. Какие панели инструментов показывать всегда на переднем плане (Always on Top). Разумнее всего отметить галочками все перечисленные панели.
2. Значки каких панелей инструментов поместить в "панель быстрого запуска", расположенную в конце "статусной строки" основного окна редактора (Show in Launcher). Поместите в Launcher панели, которыми вы наиболее часто пользуетесь, и уберите оттуда ненужные с помощью кнопок "+" и "-".

Preview in Browser - Настройка браузеров, в которых вы будете проверять страницы

С помощью кнопки "+" вы можете добавить в список любое количество внешних браузеров, но посредством горячих клавиш будут вызываться только два из них - Primary Browser с помощью клавиши F12, и Secondary Browser - сочетанием клавиш CTRL+F12. Остальные браузеры будут доступны через меню File, команду Preview in Browser.

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

Если у вас на компьютере установлен сервер или программа - эмулятор сервера, то вы можете поставить флажок напротив строки "Preview Using Local Server". Сервер частенько бывает нужен тем, кто отлаживает на локальной машине CGI-скрипты, использует технологию SSI - вставка на стороне сервера, и т.п. Если вы поставите эту галочку, а сервер у вас не установлен - ничего страшного, страницы будут отображаться, как обычно.

Quick Tag Editor - Настройка функции быстрого редактирования тэгов

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

В разделе его настроек можно установить два флажка - Apply Changes Immediately While Editing (применять изменения сразу же в процессе редактирования) и Enable Tag Hints (показывать подсказку в виде списка тэгов и атрибутов). Для второго флажка, если он установлен, есть возможность настроить задержку в секундах перед появлением подсказки.

Site - Настройка управления сайтами

В Dreamweaver'e есть встроенный FTP-клиент, позволяющий выкладывать страницы на сервер, не выходя из редактора. Большая часть настроек этого раздела являются настройками FTP-клиента.

1. Настройка отображения файлов в окне Site. Вы можете выбрать, с какой стороны отображать локальные файлы, а с какой - удаленные.
2. Настройка загрузки файлов, связанных с загружаемой страницей - изображений, Java-апплетов, Flash-роликов и т.п. (Dependent Files). Вы можете установить два флажка: Prompt on Get/Check Out (спрашивать при скачивании с сервера и проверке удаленных файлов) и Prompt on Put/Check In (спрашивать при загрузке на сервер и проверке локальных файлов). Если флажки не установлены, вместе со страницей всегда будут загружаться связанные с ней файлы. Это удобно, если вы не помните, какие именно картинки вы вставляли в страницу, где они лежат и т.п., да и не хотите задумываться над этим. Однако здесь имеется подводный камень: если вы удаляете какую-либо страницу с сервера, Dreamweaver удалит и все связанные с ней изображения. А ведь они могут использоваться вами и в других страницах! Поэтому лучше все же эти флажки установить.
3. Настройка длительности соединения FTP (FTP Connection). Вы можете установить этот флажок и назначить время, после которого Dreamweaver отключится от удаленного сервера при простое. Стоит заметить, что большинство FTP-серверов сами отключают удаленного пользователя после 5-10 минут простоя (как, например, by.ru, где расположен Webster), так что эта настройка может вам и не пригодиться.
4. Время ожидания ответа от FTP-сервера (FTP Time Out). Здесь вы должны указать максимальное время, в течение которого FTP-клиент будет пытаться "достучаться" до FTP-сервера. Обычно указанных по умолчанию 60 секунд вполне достаточно, однако если ваш сервер находится за границей, если у него медленный канал связи или повышенная загруженность, вам, возможно, придется увеличить время ожидания доступа.
5. Firewall Host и Firewall Port - если вы используете Firewall, пропишите в эти строчки нужные значения. Хотя с AtGuard у меня Dreamweaver'овский FTP так и не подружился.
6. Put Options. Вы можете установить здесь флажок "Сохранять страницы перед выкладыванием на сервер".
7. Define Sites - при нажатии на эту кнопку откроется диалоговое окно настройки сайтов, такое же, как и при вызове из меню "Site".

Status Bar - Настройка статусной строки редактора

В данном разделе настраивается статусная строка Dreamweaver'a. Никакого отношения к статусной строке браузера эти настройки не имеют!

1. Window Sizes - здесь отображаются стандартные размеры окон для различных разрешений. Несмотря на эти настройки, у меня статусная строка все равно всегда показывает фактический размер окна, не представленный в этом списке.
2. Connection Speed - предполагаемая скорость связи, для которой будет рассчитываться время загрузки страницы, отображаемое в статусной строке.
3. Launcher - установите флажок, если хотите, чтобы в статусной строке отображалась панель "быстрого запуска" (подробнее см. выше).

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

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

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

Перекодирование из HTML в текст осуществляется службой рассылок Subscribe.RU.