Информационный сайт

 

Реклама
bulletinsite.net -> Книги на сайте -> Программисту -> Бурсов М.В. -> " Основы работы с HTML-редактором Dreamweaver" -> 4

Основы работы с HTML-редактором Dreamweaver - Бурсов М.В.

Бурсов М.В., Домненко В.М., Гаврилин Д.А., Николаев Д.Г. Основы работы с HTML-редактором Dreamweaver — СПб.: ГИТМО, 2002. — 104 c.
ISBN 5-7577-0092-0
Скачать (прямая ссылка): osnrabshtm2002.pdf
Предыдущая << 1 .. 2 3 < 4 > 5 6 7 8 9 .. 29 >> Следующая

Рис. 2.1. Рабочее пространство Dreamweaver
На рисунке 2.1 представлен вид программы после запуска. Не удивляйтесь, если у вас она будет выглядеть немного по-другому - внешний вид основного
9
2. HTML-редактор Macromedia Dreamweaver_
10
окна и состояние дополнительных панелей может зависеть от различных настроек. На рисунке главное окно программы разделено на две части: область исходного кода документа и поле его визуального представления. Область, в которой отображается исходный код, может быть скрыта, при этом поле документа будет занимать все окно. Может быть обратная ситуация - поле визуального представления документа отключено, а включено только отображение исходного кода. Вы можете настраивать рабочее пространство программы таким образом, чтобы ваша работа с ней была максимально удобной и эффективной.
Программа Dreamweaver, являясь визуальным HTML-редактором, также позволяет переключаться в режим ручного редактирования кода, осуществляя взаимосвязь между визуальным представлением страницы и ее исходным кодом. Для переключения между режимами отображения и редактирования HTML-документа предназначены три первые кнопки на панели инструментов:
- исходный код;
JfiEJ - исходный код / поле документа (окно делится на две части);
- поле документа.
Все основные действия при создании и редактировании HTML-страницы производятся в поле документа. Как известно, кроме текстовой информации HTML-документ может содержать различные графические и мультимедийные элементы. Для удобства вставки таких элементов предназначена панель объектов Objects (рис. 2.1). С помощью кнопок, расположенных на этой панели, можно быстро вставить различные объекты (изображения, таблицы, Flash-анимация) в редактируемый документ.
Любой HTML-документ можно представить как совокупность таких элементов как слово, абзац, изображение, ячейка таблицы и других. Все они имеют некоторые общие свойства (например, такие как выравнивание), но в то же время, каждый объект обладает присущими только ему свойствами, параметрами и настройками. Для быстрого доступа к редактированию параметров объекта предназначена панель свойств Properties (рис. 2.1). В зависимости от текущего выделенного объекта она изменяет свой внешний вид - предлагается просмотреть и при необходимости изменить набор свойств именно этого объекта.
При работе со сложными страницами полезным инструментом является панель History (рис. 2.1). В список на этой панели заносятся все действия, выполняемые в ходе редактирования, начиная с момента открытия файла (по умолчанию сохраняется 50 последних операций). Используя панель History, можно отменить, повторить, сохранить выделенный диапазон операций.
В нижнем правом углу программы расположен навигатор панелей (рис. 2.1). Он позволяет показывать/прятать дополнительные панели инструментов.
Как и в большинстве программ Windows, все основные команды и операции можно выполнить различными способами - через панели инструментов, пункты меню или по комбинации клавиш. Не исключение и описываемые здесь действия, поэтому не нужно слепо ими руководствоваться.
2.1. Идеология и рабочее пространство программы
Следует выбирать такой способ выполнения действий, который является для вас наиболее удобным и сделает вашу работу быстрой и эффективной.
2.2. Подготовка редактора Dreamweaver к работе
Для того, чтобы сделать работу с редактором эффективной и комфортной, нужно определить значение некоторых параметров. Чтобы вызвать настройку
параметров программы, нужно в главном меню открыть пункт Edit, а в нем
выбрать пункт Preferences... (Edit=>Preferences...)
После этого на экране отображается окно редактирования параметров работы (рис. 2.2). В левой части окна отображаются категории возможных настроек, а в правой - параметры выбранной категории.
В категории General собраны общие настройки программы. В категориях Code Colors, Code Format, Code Rewriting задаются параметры, определяющие отображение и редактирование непосредственно HTML-кода. Параметры работы с таблицами стилей задаются в категории CSS Styles. В категории File Types / Editors приводятся в соответствие типы файлов и их
Важным моментом, на котором следует остановиться подробнее, является подготовка редактора Dreamweaver к работе с русскоязычными документами.
Общепринятым, стандартным языком в компьютерных технологиях является английский язык. Поэтому при размещении англоязычных документов в Internet не возникает никаких затруднений. Но как только речь заходит о
Рис. 2.2. Диалоговое окно редактирования параметров работы редактора Dreamweaver
внешние редакторы.
11
2. HTML-редактор Macromedia Dreamweaver_
Рис. 2.3. Диалоговое окно редактирования параметров работы редактора Dreamweaver
В списке Default Encoding указывается какая-либо из Cyrillic кодировок. Наиболее употребительными являются Cyrillic (KOI8-R) и Cyrillic (Windows-1251). Какую из них выбрать зависит от настроек сервера, на котором планируется размещать HTML-документы. Следует заметить, что при работе с документами в кодировке Cyrillic (KOI8-R) в редакторе Dreamweaver версии 4 могут возникнуть проблемы, когда текст воспроизводится в неверной
Предыдущая << 1 .. 2 3 < 4 > 5 6 7 8 9 .. 29 >> Следующая
Реклама
Авторские права © 2009 AdsNet. Все права защищены.
Rambler's Top100