< Назад
Вперед >
Вставка кода html
© by insert name here
Website Painter
Обзор
Содержание сайта
Визуальные редакторы.  Лист 6
Website Painter
Website Painter - визуальный редактор, т.е. основная работа по созданию веб-страниц и сайта в целом ведется в визуальном режиме, без каких-либо контактов с кодом.

Но в редакторе есть возможность работы с кодом в двух случаях:

Вставка объектов

Так как у любого редактора веб-страниц список вставляемых объектов ограничен, то возникает необходимость вставить на страницу такой объект, которого нет в списке вставляемых объектов (у
Website Painter этот список находится на панели Инструменты).
В таких случаях для вставки нового объекта на страницу прибегают к вставке кода этого элемента.


Вставка кода в код страницы

В визуальных редакторах веб-страниц не прусмотрено редактирование кода, хотя этот код зачастую и можно просмотреть. Чтобы в редакторе Website Painter просмотреть html-код создаваемой страницы или объекта, выделите страницу или объект (см. )в меню
Вид выберите Показать html-код.
Код, созданный самим редактором, не редактируется, но Вы можете добавить свой код. Код можно добавить к коду страницы или к коду отдельных объектов на странице.

Чтобы добавить свой код к коду страницы, выделите страницу (
подробнее о выделении страницы), в контекстном меню выберите Html-код. Откроется окно Редактировать код (размеры окна изменяются).

Таким образом вставляется и код других объектов, которые не значатся в списке вставляемых объектов редактора, например вставка кода списков или вставка счетчика посещаемости сайта (в нижнем колонтитуле).

Для этого щелкните по кнопке HTML-код на панели Инструменты, затем щелкните в окне редактирования. На страницу будет вставлена рамка с маркерами. Настройте размеры рамки и ее расположение на странице.

При двойном щелчке по рамке появится окно редактора html (окно
Редактировать код). Возможности редактора очень невелики - код придется создавать вручную. Целесообразней копировать и вставлять код, созданный в специальных html-редакторах.
Создав код (или вставив код через буфер обмена), щелкните по ОК. Объект будет вставлен на страницу, просмотреть его можно при предварительном просмотре.

Для примера на страницу вставлен код панели навигации.


Код можно вносить только в определенные области, которые выбираются в строке Дополнительный Html-код:
- в области заголовка <head>
- перед заголовком
- в области тела <body>
- дополнительные css свойства.

Таким образом можно вставить, например, мета-данные (описание страницы, ключевые слова и другое) в области заголовка, что требуется для поисковых систем.
Вставка кода в код объекта

Дополнительный код можно внести и в код отдельных вставленных объектов, при этом нужно выделить объект и в контекстном меню выбрать
Html-код.
Created with an unregistered version of WebsitePainter
(This text will not be visible anymore once you buy Website Painter)