Знакомство с Dreamweaver

Настройка Dreamweaver

Работа с текстом

Гиперссылки

Ссылки на изображения

Таблицы

Каскадные таблицы стилей

Творческое задание

Источники

<<Назад | На главную | Вперед >>

---

3.9. Работа с кодом HTML.

А что это там Dreamweaver делает за нашей спиной? Надо проверить!

Три режима отображения Web-страницы.

И первый вопрос, возникающий перед нами при попытке добраться до кода HTML,— собственно, как нам до него добраться? Очень просто. Ведь окно документа Dreamweaver может показывать редактируемую Web-страницу в трех режимах отображения.

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

Рис. 3.14. Кнопки переключения режимов отображения Web-страницы

Видно, что в данный момент нажата крайняя правая кнопка. Она включает режим отображения страницы, предлагаемый Dreamweaver по умолчанию. В этом режиме мы можем работать с Web-страницей по принципу WYSIWYG.

Теперь нажмем на среднюю кнопку, включающую режим отображения страницы и кода HTML. На рис. 3.15 видно, что из этого получится.

Рис. 3.15. Режим отображения страницы и кода HTML

Сейчас окно документа разделено на две части. В нижней части отображается сама Web-страница в режиме WYSIWYG, а в верхней — HTML-код нашей страницы. Такой режим очень полезен, когда нужно "отшлифовать" код, при этом держа перед глазами саму Web-страницу.

Мы можем перемещать мышью разделительную полосу, чтобы увеличить ту или иную часть окна.

Левая кнопка включает режим отображения кода HTML (рис. 3.16).

Рис. 3.16. Режим отображения кода HTML

Для переключения режимов отображения также можно использовать пункты-переключатели Design, Code and Design и Code меню View, соответственно. Кроме того, мы можем быстро переключаться между режимом отображения страницы и режимом кода, выбрав пункт Switch Views меню View.

---

<<Назад | На главную | Вперед >>