Иллюстрированный самоучитель по Adobe GoLive 6

Редактирование 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 (Тег) – Иллюстрированный самоучитель по Adobe GoLive 6 › Начинаем строить Web-сайт › Редактирование HTML-кода – из Objects Palette (Палитра объектов) – Иллюстрированный самоучитель по Adobe GoLive 6 › Начинаем строить Web-сайт › Редактирование HTML-кода – в ваше окно документа.

Если Вы заметили ошибку, выделите, пожалуйста, необходимый текст и нажмите CTRL + Enter, чтобы сообщить об этом редактору.