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

17 Июн

Редактирование страниц

Итак, мы открыли старую или создали новую 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

clip_image002

Рис. 2.2. Кнопки на панели Document, предназначенные для переключения режимов работы: 1 — Code View, 2 — Design View, 3 — Code and Design View, 4 — Live Data View

Если вам больше нравится наглядный визуальный режим, вы можете работать только в нем — Dreamweaver генерирует очень качественный код и автоматически заботится о совместимости между различными моделями всякий раз, как почувствуете необходимость. Об этом и других аспектах работы с кодом вы можете прочесть в главе 4.браузеров. Работая в визуальном режиме, вы набираете текст, добавляете и изменяете картинки так, как это делается в современных графических или текстовых редакторах (к примеру, тот же Microsoft Word).

Многие инструменты в Dreamweaver ориентированы на работу прежде всего в визуальном режиме. Поэтому, в большинстве случаев, в этой книге речь будет идти о работе именно в этом режиме. Текстовому режиму, то есть работе с кодом, посвящена отдельная глава 4.

Leave a Reply

© 2012 Познавательное чтиво | Entries (RSS) and Comments (RSS)