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

Редактирование HTML-кода

В режиме Source (Исходный код) вы можете просматривать HTML-код своего документа, проверять синтаксис HTML, исправлять ваш код или даже строить Web-страницы с самого начала, используя только HTML. Если вы уже закаленный программист HTML с хорошими профессиональными, навыками в области этого языка и использовали ориентированные на текст редакторы HTML, режим Source (Исходный код) будет для вас очень полезен. Работа в режиме исходного кода подобна работе в текстовом редакторе HTML. Вы можете создавать новый документ и открывать уже существующие в Adobe GoLive, HTML или текстовые документы. Вы можете печатать или вставлять текст из других документов, а также производить и сохранять изменения.

Во время работы в режиме Source (Исходный код), вы можете отбуксировывать пиктограммы HTML-элементов из Objects Palette (Палитра объектов) в текст вашего HTML-кода и использовать их как редактируемые теговые шаблоны. После того как вы вставали элемент, вы можете редактировать его атрибуты и значения атрибутов, в то время как в окне будут отображаться вводимые данные и основные ошибки.

Возможно также перетащить даже цвет из области окна предварительного просмотра палитры цветов и опустить его на выбранном теге в вашем HTML-коде. При этом искомый тег получит параметр цветового оформления с правильным указанием цвета.

Точно также можно перетягивать страницы или URL из окна сайта, чтобы создать ссылку.

В режиме Source (Исходный код) можно и нужно применять базовые команды для форматирования текста из меню Type (Тип) к выделенному тексту на вашей странице. Чтобы отформатировать текст, в режиме Source (Исходный код) – Иллюстрированный самоучитель по Adobe GoLive 6 › Начинаем строить Web-сайт › Редактирование HTML-кода – реализуйте одно из перечисленных действий:

  • либо выделите абзац и потом выберите команду из одного из подменю Type (Тип);
  • либо дважды щелкните мышью на тексте, чтобы высветить одно слово, или же удерживая нажатой левую кнопку мышки, потащите ее, чтобы выделить большую область текста. Выберите нужную форматирующую команду из меню Type (Тип).

Есть несколько кнопок, которые отвечают за выделение синтаксиса и перенос текста. Возможно, вы уже видели их, путешествуя по рабочему окну. Давайте познакомимся с ними поближе.

  • Кнопка Colorize Nothing (Выключение выделения синтаксиса) – Иллюстрированный самоучитель по Adobe GoLive 6 › Начинаем строить Web-сайт › Редактирование HTML-кода – деактивирует выделение синтаксиса, показывая исходный код HTML в заданном по умолчанию цвете текста.
  • Кнопка Colorize Detailed (Детальное выделение синтаксиса) – Иллюстрированный самоучитель по Adobe GoLive 6 › Начинаем строить Web-сайт › Редактирование HTML-кода – активирует выделение синтаксиса.,
  • Кнопка Colorize Media and Links (Выделение средств информации и ссылок) – Иллюстрированный самоучитель по Adobe GoLive 6 › Начинаем строить Web-сайт › Редактирование HTML-кода – высвечивает только графические "изображения и ссылки на них.
  • Кнопка Colorize URLs (Подсвечивание URL) – Иллюстрированный самоучитель по Adobe GoLive 6 › Начинаем строить Web-сайт › Редактирование HTML-кода – высвечивает сноски на другое страницы и ресурсы в Web.
  • Кнопка Colorize Server Side Code (Подсвечивание кода, выполняющегося на сервере) высвечивает на Web-странице текст кода, который выполняется на стороне сервера, например ASP-код.
  • Кнопка Line Numbers (Отображать номера строк) – Иллюстрированный самоучитель по Adobe GoLive 6 › Начинаем строить Web-сайт › Редактирование HTML-кода – показывает номера строк кода.

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

Если вы выбираете специфический HTML-код и начинаете проверку синтаксиса, вы можете отметить, какие теги и атрибуты не поддерживаются установками браузера или специфичны для Adobe GoLive. Когда вы выбираете установку браузера из меню согласования браузеров, лист несогласованности появляется в поле ошибок, выделяя потенциальные проблемы.

Нажатием кнопки Start Check Syntax (Проверка синтаксиса) – Иллюстрированный самоучитель по Adobe GoLive 6 › Начинаем строить Web-сайт › Редактирование HTML-кода – на панели инструментов исходного режима вы проверяете синтаксис на всей странице. В том случае, если ошибки в HTML-коде будут обнаружены, Adobe GoLive выделит их цветом.

После правки кода еще раз нажмите на кнопку Check Syntax (Проверить синтаксис), чтобы удостовериться, что ни одной ошибки на вашей странице не осталось.

Adobe GoLive позволяет вам обрабатывать HTML-код, который вы ввели сами, переформатируя его автоматически с абзацами и переносами строк, изменением положения тегов и атрибутов, и расставляя кавычки для значений атрибутов в соответствии с установками Web (о том, какую роль в Adobe GoLive играют "установки Web" будет рассказано немного позже).

Чтобы обработать HTML-код, переключитесь в режим Layout (Макет) и выполните команду меню Edit › Rewrite Source Code (Редактирование › Переписать исходный код).

Режим Source (Исходный код) обладает рядом свойств, которые влияют на проведение проверки HTML-кода, методы работы с ним и его внешний вид в окне редактора.

Доступ к основным свойствам режима Source (Исходный код) можно получить из меню Edit › Preferences (Правка) Свойства), открыв вкладку Source (Исходный код).

Установки, доступные на данной вкладке, включают и выключают поддержку drag and drop (режима перетаскивания объектов мышью) и контролируют, каким образом HTML-код появляется в Окне исходного кода. Панель предварительного просмотра в диалоговом окне показывает вам, как будет выглядеть текст с установками, которые, вы выбрали.

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