Редактирование страниц
Итак, мы открыли старую или создали новую Web-страницу в Dreamweaver MX. Что дальше? Начнем с базовых понятий. В Dreamweaver MX вы можете работать со страницей в одном из трех или четырех режимов (зависит от типа Web-страницы):
□ текстовый, или Code View — предназначен для работы с исходным кодом страницы;
□ визуальный, или Design View — обеспечивает предварительный просмотр и редактирование страницы, как в графическом редакторе — с помощью интуитивных "рисовальных" методов;
□ смешанный, или Code and Design —сочетает два предыдущих режима в одном окне, которое делится на две части. В одной части — исходный код, в другой — визуальное отображение страницы;
□ визуальный с подключением к серверу, или Live Data View — то же самое, что визуальный, но обеспечивает выполнение серверных сценариев и работу приложений, связанных с сервером.
Если вы не собираетесь использовать серверные технологии, такие, как ASP, JSP, PHP или ColdFusion, вы будете использовать только три первых режима. Чтобы выбрать режим работы с помощью меню, просто найдите его название в группе меню View или щелкните по соответствующей кнопке на панели Document (Документ) (рис. 2.2). Для быстрого переключения между текстовым и визуальным режимом можно использовать комбинацию клавиш <Ctrl>+<’> (эта клавиша находится перед цифрой 1 на большинстве клавиатур).
Если вы привыкли работать непосредственно с исходным кодом, вам больше подойдет текстовый режим. Набор и редактирование кода в Dreamweaver происходит практически так же, как и в любом другом текстовом или HTML-редакторе. Все служебные слова в исходном коде выделяются особенным цветом в зависимости от своего типа.
В Dreamweaver MX появилось несколько замечательных инструментов для работы с кодом, которые вы сможете оценить по достоинству, как, к примеру, Tag Inspector — инспектор тегов. Кроме того, вы можете подключить свой любимый редактор для работы с кодом и вызывать его из Dreamweaver
|
Рис. 2.2. Кнопки на панели Document, предназначенные для переключения режимов работы: 1 — Code View, 2 — Design View, 3 — Code and Design View, 4 — Live Data View |
Если вам больше нравится наглядный визуальный режим, вы можете работать только в нем — Dreamweaver генерирует очень качественный код и автоматически заботится о совместимости между различными моделями всякий раз, как почувствуете необходимость. Об этом и других аспектах работы с кодом вы можете прочесть в главе 4.браузеров. Работая в визуальном режиме, вы набираете текст, добавляете и изменяете картинки так, как это делается в современных графических или текстовых редакторах (к примеру, тот же Microsoft Word).
Многие инструменты в Dreamweaver ориентированы на работу прежде всего в визуальном режиме. Поэтому, в большинстве случаев, в этой книге речь будет идти о работе именно в этом режиме. Текстовому режиму, то есть работе с кодом, посвящена отдельная глава 4.