Главная &nsp; Ссылки    Код баннера   

Редакторы:    Текстовые    Визуальные    Графические    Векторные    3D-графика
Самоучители:     GoLive    Homesite     Amaya   

Учебник Adobe Golive


1 2 3 4 5 6 ... 8 9 10 11 12 13 14 15 16 17 18 19



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


Outline Editor (Редактор эскиза)- предлагает обширные возможности по редактированию кода и навигации в его пределах. Для перемещения- используйте клавиши со стрелками.
  • Клавиша < > отмечает объект над выделенной областью.
  • клавиша < >- нижний объект.
    Если курсор находится в текстовом поле, то стрелки двигают указатель в переделах поля.
  • Чтобы передвигаться по листу атрибутов тегов, используются клавиши со стрелками. Клавиша < > -выбирает объект над выделенным вами объектом
  • клавиша < > — нижний.
  • - Чтобы развернуть или свернуть выбранный тег, нажмите клавишу Enter (в Windows) или ReturaX (в Mac OS). Это возможно , когда речь идет о парных тегах.
  • - показать всплывающее меню атрибута тега, щелкните мышью на треугольник справа от имени элемента.
  • активировать следующее по порядку текстовое поле нажмите кнопку табуляции.
  • активизировать предыдущее текстовое поле нажмите комбинацию клавиш Shift + Tab .
  • удалить выбранный элемент-используйте клавишу .
  • активировать выскакивающее меню выбора тега - нажмите клавишу 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 на его сайте http://www.W3C.org.

    Чтобы переключить формат отображения тегов, выберите парный тег в окне документа в режиме эскиза. Нажмите кнопку Toggle Binary (Переключиться на парный) на панели инструментов. По умолчанию отображаются обе части парных тегов. Эта команда меняет отображение только выделенного тега. HTML — язык, постоянно расширяющийся, и новые тега создаются часто. Чтобы гарантировать, что ваши Web-страницы всегда используют последние технологии, Adobe GoLive предоставляет вам возможность ввести имена новых тегов и отредактировать их атрибуты. Это можно сделать, в режиме макета перетянув пиктограмму Tag (Тег) —— из Objects Palette (Палитра объектов) —— в ваше окно документа. Текстовые макросы помогут экономить время, если вы часто используете редакторы HTML, JavaScript , WebObjects, встроенные в Adobe GoLive.

    Чтобы вставить автоматизированный исходный код. Введите имя макроса и нажмите Shift + Ctrl + M (в Windows) или Command + M (в Мае OS). Эта комбинация клавиш вставит в то место, где находится курсор, содержимое соответствующего макроса. Текстовые макросы нечувствительны к регистру букв, а это значит, что вы можете при вводе их имен путать буквы верхнего или нижнего регистра. Вы можете изменять текстовые макросы. Для этого следует сначала открыть нужный исходный файл с помощью Adobe GoLive или текстового редактора, а потом редактировать его содержимое. Текстовые макроопределения должны иметь следующий базовый формат:
    Имя Макроса [Разграничитель] СoдержаниеМакроса[Разграничитель]
    Первый элемент в макроопределении — это имя макроса, которое вы вводите в соответственном редакторе, прежде чем нажать Shift + Ctrl + M (в Windows) или Command + M (в Mac OS). За исключением пробелов и позиций табуляции, вы можете использовать любую комбинацию знаков для имени макроса, но должны ограничиться использованием букв и цифр. Отделенный знаком пробела, второй элемент определяет содержание макроса, т.е. текст, который собственно будет вставлен. Элемент содержания должен быть заключен в два идентичных разграничительных знака. Когда вы заставляете Adobe GoLive вставить текстовый макрос, интерпретатор макросов будет рассматривать первый знак после пробела как разграничитель и искать второй подобный знак, чтобы определить, где кончается содержание макроса. пример показывает правильный синтаксис.
  • Макрос № 1. Meta-author //
  • Макрос № 2. Author "John Smith"

    При вставке макроса meta-author Adobe GoLive будет автоматически искать второй макрос с именем author и вставлять его содержимое в определенное заранее место первого макроса, так что в результате получится:
    МЕТА NAME="author" CONTENT-"John Smith"

    Если вызываемый макрос содержит ссылку на вызвавший его макрос, возникнет феномен так называемой "циклической ссылки". Как поведет себя Adobe GoLive, столкнувшись с такой ситуацией? Оказывается вот как. Встретив ссылку на макрос, уже встречавшийся ранее, Adobe GoLive разорвет цепочку вставки, подставив в место содержимого последнего макроса его имя.
  • Вот пример: macrosa "A to $macrosb$" macrosb "В to $macrosc$" macrosc "С to $macrosa$"

    Adobe GoLive игнорирует циклическую ссылку назад к макросу macrosa и вставляют вместо этого наименование макроса. вы можете использовать три контрольных знака, чтобы отметить, что происходит, когда текстовый макрос вставлен:
  • - одиночные кавычки отмечают выделение;
  • - вертикальнаячертауказывает место вставки;
  • - знаки доллара используются, чтобы ссылаться на Другие текстовые макросы.

    может возникнуть ситуация, когда потребуется создать макрос, содержащий в себе один из этих символов. Например, синтаксис JavaScript требует, чтобы текстовые строки были заключены в одиночные кавычки. Этот конфликт решается путем замени знаков кавычек знаками процента (%) (или любыми другими подходящими знаками). Текстовый макрос инструмент Adobe GoLive имеет три встроенных ключевых слова, которые позволяют вам переименовывать контрольные знаки. Selection (выделение)- дает вам возможность переименовать маркеры выделения, если одинарные кавычки не позволены.
  • Например:
    Selection = % Macros /Write.document.write('%what%')/

    В данном примере символ (%) играет роль маркера выделения. Сaret (знак вставки)- позволяет вам переименовать маркер места вставки, если вертикальная черта не позволена, например, потому, что она используется для выражения поразрядной операции логического сложения или (OR) в JavaScript
  • Caret =»%
    Macro (макрос) позволяет вам переименовать знаки долларов заключающие между собой имя макроса.
  • Macro = %

    Adobe GoLive позволяет сохранять части Web-страницы как фрагменты HTML, т. е. куски уже готового HTML-кода, которые не закреплены в структуре страницы. Фрагменты HTML могут быть использованы в построении динамических страниц с использованием WebObjects. Вы можете сохранять части вашей страницы ,как отрезки кода в окне сайта или как компоненты, которые могут быть вновь использованы и динамически обновлены в соответствии с новыми данными в Adobe GoLive.
    Чтобы создать фрагмент HTML, выполните команду меню File | New (Файл | Новый) для создания нового документа. Затем вставьте в него часть вашей Web-страницы, которую вы хотите сохранить как фрагмент HTML. Щелкните на пиктограмму страницы в верхнем левом углу окна документа. В меню Window (Окно) выберите команду Inspector (Инспектор) и перейдите на вкладку. Удалите пометки напротив тегов html head , title body, чтобы частично или полностью стереть основную структуру страницы. Затем сохраните новый документ.
    Adobe GoLive стирает из исходного кода теги html , head , title (если они пустые) и body, оставляя все другие теги и атрибуты в пределах тега body нетронутыми.
    Теперь у вас есть готовый фрагмент чистого HTML-кода, который можно вставлять в другие разрабатываемые страницы.





    Вперёд


  • Используются технологии uCoz