Редактирование HTML-кода
Вы можете перетаскивать наиболее часто используемые элементы HTML из Objects Palette (Палитра объектов) и помещать их где-нибудь в окне Outline Editor (Редактор, эскиза), как вы бы сделали в режиме макета. После вставки элемента вы можете редактировать его атрибуты.
Совет
Эскиз, доступный в режиме Outline Editor (Редактор эскиза), содержит все составляющие элементы страницы HTML. Вы можете использовать эту структуру как шаблон и наполнять его своим содержанием.
В режиме Outline Editor (Редактор эскиза) отступы отмечают позицию объекта в пределах иерархии HTML. Элементы <head> и <body> тоже сдвинуты, чтобы показать, что они содержатся в элементе HTML. Элемент <head> в свою очередь содержит элемент <titie> с текстовым полем.
Начальные и конечные теги соединены вертикальными линиями, чтобы показать, что они являются дополняющими друг друга объектами.
Outline Editor (Редактор эскиза) предлагает обширные возможности по редактированию кода и навигации в его пределах.
- Для перемещения, используйте клавиши со стрелками. Клавиша ↑ отмечает объект над выделенной областью, а клавиша ↓, соответственно, нижний объект. Если курсор находится в текстовом поле, то стрелки двигают указатель в пределах поля.
- Чтобы передвигаться по листу атрибутов тегов, также используются клавиши со стрелками. Клавиша ↑ выбирает объект над выделенным вами объектом, а клавиша ↓, соответственно, – нижний.
- Чтобы развернуть или свернуть выбранный тег, нажмите клавишу Enter (в Windows) или ReturaX (в Mac OS). Это возможно лишь, тогда, когда речь идет о парных тегах.
- Чтобы показать всплывающее меню атрибута тега, щелкните мышью на треугольник справа от имени элемента.
- Чтобы активировать следующее по порядку текстовое поле, нажмите кнопку табуляции. Чтобы активизировать предыдущее текстовое поле, нажмите комбинацию клавиш SHIFT + Tab.
- Чтобы удалить выбранный элемент, используйте клавишу Backspace.
- Чтобы активировать выскакивающее меню выбора тега, нажмите клавишу Control (в Windows) или Command (в Mac OS),
- Чтобы вставить тег и определить его тип и атрибуты, используя панель инструментов Outline Еditor (Редактор эскиза), выберите в окне документа нужный элемент HTML, нажмите на кнопку New Tag (Новый тег) на панели инструментов и вставьте тег "без названия" под выбранным объектом. Дайте тегу имя, одним Из перечисленных ниже способов.
- Либо введите выбранное имя тега в текстовое поле тега без имени и нажмите клавишу Enter. Чтобы вводить теги напрямую, вы должны хорошо знать возможности выбранного браузера. Теги, не поддерживающиеся этим браузером, будут им проигнорированы при отображении документа.
- Либо, чтобы использовать тег из установок Web, снимите выделение с тега, затем нажмите клавишу CTRL (в Windows) или Command (в Mac OS) и выберите тег из списка в выскакивающем меню.
- Чтобы определить атрибут какого-либо тега, щелкните мышью на треугольник, который отображает и прячет атрибуты, и выберите необходимый атрибут из контекстного меню.
- Но чаще всего необходимо не только добавить некий атрибут, но и указать его значение. Для этого щелкните мышью на треугольник справа от атрибута и выберите значение из контекстного меню.
Внимание
Adobe GoLive не проверяет ошибки в синтаксисе Palette, которые вы можете ввести во время работы в режиме Outline Editor (Редактор эскиза). Для поиска ошибок вам необходимо переключиться в режим редактирования исходного кода.
Вы можете использовать панель инструментов режима Outline Editor (Редактор эскиза) для вставки текстовых полей, для ввода содержимого или комментариев на вашей Web-странице. Текст, введенный в поле комментариев HTML, не появляется на вашей Web-странице во время просмотра в окне браузера.
Чтобы вставить текстовое поле или поле комментария, в режиме Outline Editor (Редактор эскизов) выдадите элемент HTML и потом произведите одно из следующий действий:
- Чтобы вставить текст в вашу страницу, нажмите на кнопку New Text (Новый текст) на панели инструментов режима Outline Editor (Редактор эскиза).
- Чтобы вставить комментарии на вашей странице, нажмите кнопку New Comment (Новый комментарий) на панели инструментов режима редактора эскиза. Вы мажете поместить комментарии, в любое место вашего документа.
Комментарии появляются затемненными э режиме редактора эскиза, чтобы напомнить вам, что они не будут отображаться на вашей Web-странице, но остаются выбираемыми и редактируемыми.
Вы можете вставлять и редактировать атрибуты тегов, используя панель инструментов режима редактора эскиза. Атрибуты, как мы знаем, задают дополнительные свойства тегов. Чтобы вставить новый атрибут тега, выберите тег, куда вы хотите вставить атрибут и нажмите кнопку New Attribute (Новый атрибут) на панели инструментов. Бланк атрибута появляется под другими атрибутами тега. Осталось только ввести имя атрибута в текстовом поле и нажать клавишу Enter.
Внимание
Если вы не уверены, является ли атрибут правильным, вы можете проконсультироваться по этому поводу у консорциума W3C на его сайте www.W3C.org.
Чтобы переключить формат отображения тегов, выберите парный тег в окне документа в режиме эскиза. Нажмите кнопку Toggle Binary (Переключиться на парный) на панели инструментов. По умолчанию отображаются обе части парных тегов. Эта команда меняет отображение только выделенного тега.
HTML – язык, постоянно расширяющийся, и новые тега создаются часто. Чтобы гарантировать, что ваши Web-страницы всегда используют последние технологии, Adobe GoLive предоставляет вам возможность ввести имена новых тегов и отредактировать их атрибуты. Это можно сделать, в режиме макета перетянув пиктограмму Tag (Тег) – – из Objects Palette (Палитра объектов) – – в ваше окно документа.