Создание и редактирование страниц в визуальном редакторе. Баннеры видов спорта. Как работать с визуальным редактором

21.02.2019

Сегодня не просто престижно иметь свой сайт (англ. site, web-site) — совокупность веб-страниц, доступных в сети Интернет, которые объединены как по содержанию, так и навигационно. Работает формула: если вас нет в Сети — вас нет вообще.Повышается уровень информационной культуры и коммуникационных связей среди людей, которые привыкают находить любую нужную информацию в Интернете и доверять ей, хотя она не всегда первична, качественной и достоверной.

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

Если обратить внимание на сайты, предлагающие работу, то около минимум 5 вакансий в неделю посвящены поиску главных редакторов веб-проектов, веб-журналистов, веб-копирайтеров, редакторов сайтов, веб-редакторов, контент-менеджеров, контент-редакторов и т. п. Отметим, что функциональные обязанности этих специалистов и требования к ним очень похожи.

Веб-редактор. Слово «веб» (web) в переводе с английского означает «паутины» и является стержневым словом в словосочетании «World Wide Web». Употребляется в переносном смысле «сеть», «система», «инфраструктура». Под «World Wide Web» (синонимы: WWW, Web) понимают графический сервис Интернета, предназначенный для гипертекстового связывания мультимедиа документов в Сети.

Понятие «веб-редактор» имеет два значения.

1. Программа, которая создает HTML-код из специальной упрощенной разметки, позволяющей пользователю проще форматировать текст.

2. Тот, кто редактирует веб-документы, или специалист по организации работы по подготовке к публикации гипертекстовых документов.

Ввиду того, что термин «веб-редактор» имеет два значения, по нашему мнению, его не следует применять во избежание недоразумений.

Рассмотрим теперь названия с ключевым словом «контент». Ввиду того, что Большой толковый словарь украинского языка не дает определения этого слова, которое является заимствованием, обратимся к словарю английского языка: контент (англ. content) — содержание. Применительно к Интернету » контент «- это любое информационно важное (содержательное) наполнение информационного ресурса (например, сайта) — текстовые, графические, мультимедийные элементы информации, которые пользователь может загрузить на диск компьютера с соблюдением соответствующих законности, как правило, только для личного пользования. Кроме того, в понятие контент входят заголовок сайта, описание и ключевые слова, которые прописывают в дескрипторах Title, Description, Keywords.

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

В целом, говоря об информации в Интернете, следует употреблять термин «веб-контент». Имея в виду информационное наполнение сайта, надо применять словосочетание «контент сайта».

На сайтах по поиску работы чаще встречается название контент-менеджер-дословно управленец содержанием. Википедия дает такое определение: «термин контент-менеджер обозначает род человеческой деятельности — редактор сайта».

Приведем еще одно определение, найденное в интернете: «контент-менеджер — это физическое лицо, наполняет сайт контентом с помощью административного веб-интерфейса» (системы управления контентом сайта (англ. Content management system (CMS)). То есть о редактирование речь не идет. В то время, когда «контент-менеджмент — управление содержанием сайта, понимает под собой редактирования динамической информации (форумов, новостей, специальных предложений и т. д) и периодическую актуализацию статической информации страниц. Контент-менеджмент необходим для привлечения все большего числа потенциальных клиентов на сайт и для постоянного его улучшения как бизнес-инструмент «. Следовательно, все же ключевое слово в определении этого вида деятельности — редактирование.

По нашему мнению, название «контент-менеджер» не соответствует функциональным обязанностям, в которые входит именно редактирование и веб-адаптация информационного наполнения, а не только управление им, то есть размещение на сайте.

Срок контент-редактор синонимично употребляется с рассмотренным выше, но, как мы видим, именно его выбрали для названия отдельного раздела на сайтах по поиску работы. Такое определение найдено в интернете: «контент-редакторы сайтов — это люди, которые занимаются написанием статей, пресс-релизов, новостей, описанием услуг, заголовков и всего текста, который можно изменять или обновлять на сайте. Система управления сайтом помогает им собственными руками вносить информацию и изменения в любое время «.

Дефиниция «контент-редактор» достаточно четко характеризует деятельность лица, ответственное за наполнение сайта. Однако, в отличие от таких названий должностей, как редактор сайта (веб-проекта, Интернет-ресурса), не может употребляться как синоним главного редактора сайта.

Кроме того, главного редактора сайта еще называют главным веб-редактором Интернет-издания, администратором сайта, руководителем веб-проекта, шеф-редактором.

Редактор электронного издания — это человек, который отвечает за текстовое, графическое и звуковое наполнение сетевого издания. В обязанности редактора электронного издания входит: литературное редактирование материалов журналистов, подготовка материалов на сайт; переработка уже существующих материалов в новый; поиск соответствующих графических изображений для иллюстрации статьи и обработка их для использования в Интернете, размещение текстовой и графической информации через системы управления контентом сайта CMS; управление RSS потоками на сайте; обработка текстов комментариев пользователей сайта и модерирование форумов, участие в обсуждениях на форуме как выразителя позиции редакции.

Сам термин «редактор электронного издания» недостаточно раскрывает суть специальности, так как согласно ГОСТ 73.83-2001 электронное издание — это электронный документ (группа электронных документов), которые прошли редакционно-издательскую обработку, предназначенные для распространения в неизменном виде, имеющие выходные сведения. Однако, понятие «электронные издания» включает в себя тексты книг, журналов и газет, распространяемые в любом текстовом или другом формате, например в гипертекстовом (HTML) или одном из форматов архивации (ZIP, ARJ, RAR, WINZIP т.д.). Следовательно, не все сайты в Сети являются электронными изданиями, например, Интернет-магазины, корпоративные, информационные порталы, социальные сети, блоги и т.д., но все они требуют редакторской обработки.

Ввиду того, что специфика рассматриваемого нами специальности заключается в аккумуляции знаний из нескольких областей, чаще всего этот специалист объединяет в себе знания двух разновидностей традиционного редакторского специальности: редактора-издателя и литературного редактора (что на практике бумажных изданий, как правило, невозможно), а также черты смежных профессий — журналиста, фотографа, дизайнера, верстальщика, машинистки, корректора, местами программиста, также менеджера по изучению аудитории и оптимизации сайта, PR-менеджера и т.п., — в зависимости от объема, тематического направления и других особенностей сайта. Главная цель такого специалиста — эффективное донесение качественной информации до целевой аудитории.

Итак, универсальный специалист, который отвечает за информационную составляющую сайтов и, фактически, является целой редакцией в одном человеке, должен называться редактором сайта. Среди всего множества терминов и понятий именно эта дефиниция имеет четкую и понятную каждому интерпретацию: редактор сайта — это специалист, который отвечает за информационное наполнение совокупности веб-страниц, доступных в сети Интернет, которые объединены как по содержанию, так и навигационно.

Какие тайны может рассказать нам seo блог Арбайтена? Читайте и все узнаете сами!

При создании новой страницы ей присваивается название draft_xxxxxxxxxx. Идентификатор страницы является частью ее адреса, поэтому желательно сменить его на более осмысленный вариант.

Обратите внимание! Для задания идентификатора можно использовать латинские буквы (A-Z, a-z), цифры(0-9), нижнее тире(_) и дефис(-).

Создание страниц на сайте JustClick возможно с использованием конструктора страниц и в визуальном редакторе.

По умолчанию включен конструктор страниц. Чтобы перейти к работе в визуальном редакторе необходимо кликом мыши переключиться на него.

Вид страницы изменится. Она станет такой, как выглядит при редактировании страницы, ранее созданной в визуальном редакторе.

Дальнейшая работа с вновь создаваемой и редактируемой страницами абсолютно одинакова.

Основные параметры

На вкладке основные параметры настраивается вид страницы. Для работы со страницей используется стандартный текстовый редактор JustClick, однако помимо него добавлено много дополнительных возможностей.

Шаблон страницы

По умолчанию в системе содержится несколько шаблонов страницы.

Шаблоны default.html, wide.html, adaptive.html содержат рамочку вокруг страницы и ссылку на JustClick в нижней части.

Шаблоны default.html и wide.html имеют фиксированную ширину (первый уже, второй шире). Шаблон adaptive.html меняет ширину в зависимости от размера экрана.

Обратите внимание! Текст и блоки внутри страницы могут так же менять взаимное расположение при изменении ширины страницы.

Шаблон empty.html представляет собой абсолютно пустую страницу, может использоваться для создания собственных шаблонов.

Шаблон image.html предназначен для создания страницы с фоновым изображением. При его выборе появится окно с предупреждением:

После нажатия на кнопку ОК появятся дополнительные поля.

Клик по кнопке Выбрать файл откроет окно файлового менеджера, где можно выбрать картинку из загруженных или загрузить новую.

Поле Положение контента

Шаблон youtube.html позволяет задать видеофон для страницы. Вы можете записать продающий ролик, выложить его на Youtube, а потом вставить его в качестве фона.

При выборе этого шаблона вы увидите окно с предупреждением:

После нажатия кнопки ОК откроются дополнительные поля

В поле ID видео YouTube необходимо ввести буквенно-цифровой код видеоролика.

Все записи на YouTube имеют адрес вида

www.youtube.com/watch?v=ADVK7AmdTNw

Необходимо ввести часть адреса, которая находится после знака «равно». В нашем примере это

ADVK7AmdTNw

Поле Положение контента позволяет задать расположение содержимого страницы относительно картинки.

Обратите внимание! Если вы выбрали шаблон с фоновой картинкой или видео, не стоит перегружать страницу текстом или другими элементами. Например, продающий текст может быть в записанном видеоролике, а на странице расположена только форма подписки или заказа.

Боковая панель

Боковая панель позволяет добавить специальные элементы на страницу.

Вставка макета для контента

Клик по верхней кнопке открывает окно:

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

Графические кнопки

Вторая сверху кнопка позволяет выбрать кнопки заказа продукта:

Необходимо ввести адрес страницы оплаты и выбрать кнопку, при клике на которую будет осуществляться переход на эту страницу.

Графические блоки

Третья сверху кнопка предназначена для вставки графических блоков – рамок и фоновой заливки отдельных элементов страницы.

Используя кнопки вверху, можно выбрать вид готового блока (простой или графический). Либо переключиться в Конструктор и задать вид блока самостоятельно.

Можно задать ширину блока, цвет фоновой заливки, тип, толщину и цвет границы блока, а так же скругление углов.

Графические элементы

Четвертая кнопка предназначена для вставки графических элементов – стрелок, лент, маркеров, гарантий и т.п.

Это библиотека готовых рисунков – элементов выделения и внимания, которые повышают конверсию страницы.

Необходимо выбрать нужную группу элементов, кликнув по синей кнопке в верхней части окна, а потом выбрать отдельный элемент.

Графические заголовки

Следующая кнопка служит для вставки графических заголовков – типовых продающих призывов, выполненных в виде картинки.

Маркеры

Следующая кнопка позволяет создать красивый маркированный список – с графическими элементами вместо стандартных бюллетов.

Необходимо выбрать маркер из выпадающего списка и задать количество пунктов в списке.

Мультимедиа

Следующая кнопка позволяет вставить на страницу видео или аудио без использования html (в визуальном режиме).

Необходимо указать идентификатор видеоролика или адрес аудиозаписи, выбрать внешний вид плеера.

Чекбоксы в нижней части окна позволяют включить/отключить автовоспроизведение ролика, скрыть/показать элементы управления, разрешить/запретить полноэкранный режим.

Таймер

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

Таймер будет виден только на реальной странице. В режиме предпросмотра он не отображается.

Формы подписки

Последняя кнопка позволяет вставить любую ранее сохраненную форму подписки.

Нужная форма выбирается из выпадающего списка.

Настройка таймера

Клик по кнопке Установить открывает форму настройки таймера.

В верхней части с помощью радиокнопки необходимо выбрать тип таймера:

с абсолютным временем окончания (например, в случае проведения распродажи, которая закончится в 0ч00м заданного дня);
с относительным временем окончания, тут возможны 2 варианта:
- отсчет времени идет с момента захода на страницу;
- отсчет времени идет с момента отправки письма (эта опция используется в автоматической серии писем, например, когда мы предлагаем что-то купить со скидкой новым подписчикам).

Окно текстового редактора позволяет настроить вид страницы после окончания действия таймера. Например, можно скопировать из верхнего окна созданную страницу. А вместо таймера добавить фразу, что акция закончена и выставить цену без скидки.

Сплит-тестирование

Сплит-тестирование (А/В тестирование) позволяет выбрать вариант с лучшей конверсией путем анализа отклика аудитории на изменение какого-либо элемента страницы.

Клик по заголовку Вариант №… позволяет свернуть/развернуть текущий вариант страницы. Это удобно для переключения между вариантами страницы.

Для проведения А/В тестирования необходимо кликнуть на кнопку Добавить вариант . Под первым вариантом добавится аналогичное окно редактора, позволяющего ввести второй вариант страницы. Аналогичным образом можно добавить 3-й, 4-й и т.д. варианты.

Обратите внимание. Суммарное значение в окне вероятность показа должно составить 100%. Т.е. если мы тестируем 2 варианта, выставляем по 50%, если 3 – 33%, 33% и 34% и так далее.

Дополнительно

Вкладка дополнительно позволяет задать код в секции страницы. Например, именно здесь размещается код ретаргетинга. Также на этой вкладке включается «защита роликов YouTube»

Кроме того, здесь же можно подключить комментарии из Facebook и ВКонтакте.

Чтобы отображать комментарии на странице, необходимо проставить галочку в чекбоксе разрешить и указать ID Facebook , либо APIID Вконтакте .

ID Facebook

По умолчанию, аккаунты пользователей в Facebook имеют адрес вида:

https://www.facebook.com/profile.php?id=100000110123456

Цифры после знака «равно» и будут пользовательским ID в Facebook.

Если вы сделали себе желаемый адрес аккаунта в Facebook вида:

https://www.facebook.com/профиль_facebook

https://graph.facebook.com/профиль_facebook

Вы увидите следующую информацию

цифры в первой строчке будут искомым ID.

APIID Вконтакте

Чтобы получить APIID Вконтакте, необходимо создать приложение.

27.12.2013

CMS "1С-Битрикс: Управление сайтом " – это не только инструмент для разработки сайтов, но и рабочее пространство для контент-менеджера. В этой статье вы найдете 12 простых советов о том, как контент-менеджер может сделать сайт на "1С-Битрикс" лучше: удобнее для посетителей, более посещаемым, красивым и профессиональным.

С помощью CMS "1С-Битрикс: Управление сайтом" вы можете публиковать информацию на статических страницах и в элементах инфоблоков. В обоих случаях при редактировании вам помогает визуальный редактор, который автоматически расставляет теги в HTML-коде при вводе текста.

Контролируйте исходный код сообщения. Визуальный редактор не всегда правильно интерпретирует вводимую информацию, кроме того, при копировании блоков текста в режиме визуального редактирования появляется "мусор", который может быть незаметен вам, но проявится у ваших читателей, если они используют другой браузер.
Используйте оформление из стилей сайта. Так у ваших текстов будет единый внешний вид и ничто не будет отвлекать читателя от восприятия информации.
Пишите грамотно, внимательно прочитывайте тесты перед публикацией, исправляйте все ошибки. Привлеките профессионального редактора или корректора, если вашей квалификации недостаточно.
Не ставьте точку в конце заголовка. Не забывайте ставить точки в конце предложений в тексте сообщения. Разделяйте слова в предложении одним пробелом. Помните, что пробел ставится после запятой, а не до нее.
Выработайте единый стиль оформления теста для сайта и всегда его придерживайтесь. Если работаете над сайтом не в одиночку, запишите проавила в виде стандарта и потребуйте от остальных членов команды его выполнения. В частности, в стандарте должны быть записано, какие кавычки и тире использовать (есть разные варианты), как оформлять списки (перечни), открывать ли внутренние ссылки в новом окне и т.д.
Делайте однотипные сообщения примерно одного размера. Например, определите, что все описания товаров в интернет-магазине должны состоять из 3 абзацев теста. Если есть необходимость в публикации дополнительной информации по какому-то товару, сделайте это отдельной статьей.
Готовьте картинки для ваших сообщений заранее – обрежьте или уменьшите их до нужных размеров, сохраните в формате, который знаком большинству браузеров. Сохраняйте картинки в файлах с "говорящими" названиями, но используя строчные латинские буквы и цифры, с символом подчеркивания вместо пробелов. Используйте медиа-библиотеку "1С-Битрикс: Управление сайтом" для хранения всех картинок.
Делайте картинки "кликабельными", если это подразумевается в содержании сообщения или в изображении на картинке.
Избегайте соблазна превратить сообщение в "SEO-текст". Такие тексты вызывают чувство брезгливости у тех, кто их пытается прочесть. Возможно, чрезмерное употребление ключевых слов даст вашему сайту некоторый дополнительный приток посетителей, но, как только читатель поймет, что тесты на сайте написаны не для него, а для поисковых роботов, вы потеряете его навсегда.
Помните, что заголовок сообщения будет проиндексирован поисковиками, делайте заголовки информативными и уникальными в пределах вашего сайта. Например, для заголовка описания товара в интернет-магазине подойдет развернутое наименование товара по прайс-листу.
Не забывайте также о заголовке окна браузера. В идеале он должен формироваться автоматически (или вручную) из заголовка сообщения и общего заголовка сайта. Например, для интернет-магазина StoreRU может быть быть такой заголовок описания товара GoodRU: "Купить GoodRU в магазине StoreRU с доставкой".
Постарайтесь окружить сообщение связанной с ним информацией. Так, на странице с описанием товара могут быть анонсы, ведущие на страницы новостей по этому товару или производителю. Этот прием позволит одновременно удержать посетителя на сайте, а также повысит позиции сайта в поиске без применения искусственных методов "продвижения".