2020-06-12
74
Если вы знакомы с языком разметки HTML и способны непосредственно работать с исходным кодом веб-страниц, вы можете вставлять в создаваемые страницы дополнительные элементы разметки (теги), атрибуты и сценарии JavaScript. Чтобы работать с HTML-кодом страниц, используйте один из способов, перечисленных ниже:
· Поместите текстовый курсор в то место, куда вы хотите вставить HTML-код, откройте меню "Вставка" и выберите пункт "HTML". В открывшемся диалоговом окне "Вставка HTML" введите разметку HTML и текст, а затем нажмите кнопку "Вставка". Содержимое поля ввода будет без изменений добавлено к исходному коду страницы в выбранном месте.
· Выберите элемент страницы, например таблицу, якорь с именем, изображение, ссылку или горизонтальный разделитель. Дважды щелкните по нему, чтобы вызвать диалоговое окно свойств элемента. В этом окне нажмите кнопку "Дополнительно", чтобы вызвать редактор дополнительных свойств. Вы можете использовать этот редактор для добавления и изменения атрибутов HTML, а также сценариев JavaScript и правил CSS относящихся к данному объекту.
|
|
|
· Откройте меню "Вид" и выберите пункт "HTML-код" или щелкните по вкладке "<HTML> Код" в нижней части окна Nvu. Если вы не видите вкладок в нижней части окна, откройте меню "Вид" и выберите пункт "Показать/скрыть". Отметьте пункт подменю "Панель режимов редактирования".
Использование редактора дополнительных свойств
Чтобы добавлять атрибуты HTML и сценарии JavaScript к объектам, размещенным на странице, например, таблицам, изображениям и разделителям, вы можете использовать редактор дополнительных свойств.
Примечание: Использовать этот режим рекомендуется пользователям, которые хорошо знакомы с языком HTML, атрибутами тегов и их возможными значениями.
Чтобы изменить свойства объекта при помощи редактора дополнительных свойств:
1. Из меню "Вид" выберите пункт "HTML-теги" или выберите вкладку "HTML-теги" в нижней части окна Nvu. В этом режиме редактирования все элементы разметки (теги) представлены желтыми прямоугольниками.
2. Дважды щелкните по прямоугольнику, представляющему нужный объект, чтобы вызвать его редактор дополнительных свойств.
3. Диалоговое окно редактора дополнительных свойств имеет три вкладки, на каждой из которых представлены свойства или атрибуты, заданные для текущего объекта в настоящий момент:
o HTML-атрибуты: Выберите эту вкладку, чтобы просматривать, добавлять и изменять дополнительные атрибуты элементов (тегов) HTML.
o Стилевое оформление: Выберите эту вкладку, чтобы просматривать, добавлять и изменять свойства стилевого оформления CSS (CSS - Cascading Style Sheets, каскадные таблицы стилей), заданные для данного элемента (тега) HTML при помощи атрибута <style>. Для получения дополнительных сведений по использованию CSS в Nvu смотритеНастройка Nvu.
|
|
|
o События JavaScript: Выберите эту вкладку, чтобы связывать сценарии JavaScript с различными событиями, определенными для данного элемента.
4. Чтобы изменить значение свойства или атрибута на любой из трех вкладок, выберите из таблицы нужный атрибут. Вы можете изменить значения атрибута, используя поле "Значение" в нижней части диалогового окна. Чтобы создать новый атрибут, введите его имя в поле "Атрибут" в нижней части диалогового окна или выберите имя атрибута из раскрывающегося списка. Новый атрибут будет автоматически добавлен в таблицу в тот момент, когда вы начнете ввод текста в поле "Значение". Чтобы удалить атрибут, выберите его из таблицы и нажмите кнопку "Удалить".
Примечание: Обязательные атрибуты отмечены в списке "Атрибут".
5. Нажмите "OK" чтобы применить изменения сделанные в диалоговом окне редактора дополнительных свойств.
6. Повторное нажатие "OK" закроет диалоговое окно редактора дополнительных свойств.
Помещая значение любого атрибута в исходный код страницы, Nvu автоматически заключает его в кавычки.
Проверка правильности HTML
Прежде чем вы опубликуете документ, разместив его на сервере, следует проверить его разметку на предмет соответствия стандартам языка HTML. Документы, отвечающие этим стандартам, с большей степенью вероятности будут корректно отображаться различными браузерами. Простой просмотр документа в вашем браузере еще не гарантирует соответствия документа стандартам и его корректного отображения в других браузерах.
Nvu предоставляет простой механизм для проверки того, соответствует ли ваш документ стандартам языка HTML, опубликованным Консорциумом WWW (World Wide Web Consortium, W3C). Nvu использует онлайновый сервис проверки HTML, который поддерживается Консорциумом и позволяет проверить на правильность синтаксис HTML-документа, а также предлагает рекомендации по исправлению ошибок.
Примечание: Для использования этой функции ваш компьютер должен быть подключен к Интернету.
Чтобы проверить синтаксис HTML вашего документа:
1. Откройте меню "Инструменты" и выберите пункт "Проверить HTML". Если ваш документ содержит несохраненные изменения, Nvu предложит сохранить документ перед проверкой.
2. Nvu откроет дополнительное окно с результатами проверки вашей страницы программой W3C Validation Service.
