Вы не зарегистрированы

Авторизация



Как можно оформить контент в Открытом классе?

Уважаемые коллеги! Вы часто задаете вопрос в наш форум поддержки: «Как создать красивую веб-страницу?». Давайте посмотрим, как это можно сделать, подразумевая под веб-страницей в Открытом классе любой контент, который создается на нашем сайте.
Единственное, о чем давайте договоримся сразу – это о том, что красота – понятие очень индивидуальное и многокомпонентное. Мы постараемся показать Вам те возможности, которые существуют на сайте, а как Вы ими будете пользоваться – каждый для себя решит сам.
 

 
Внимание! В связи с заменой визуального редактора для получения полного доступа к инструментам редактирования необходимо установить в поле "Формат ввода" (ссылка располагается под визуальным редактором) параметр "Полный HTML".
 
 

 

Итак, приступаем!
 
1.            Для создания контента в Открытом классе предназначен визуальный редактор, обладающий набором инструментов, очень похожим на привычные инструменты текстового редактора:
 
 
 
2.            Часто пользователи идут по такому пути: в привычном, хорошо знакомом текстовом редакторе MS WORD создают документ, «украшают» его – шрифты, цвета, стили, рисунки, таблицы, вставки различных объектов и т.д. После этого, копируют и просто вставляют в визуальный редактор. Мы КАТЕГОРИЧЕСКИ не рекомендуем этого делать!
От MS WORD, конечно, отказываться не надо, надо всего лишь грамотно его использовать. Лучше всего набрать информацию в MS WORD, причем обязательно при включенном режиме проверки орфографии. Это убережет Вас и от ошибок, и от опечаток. После того, как текст набран, снимите все форматирования. Затем копируете и вставляете в визинг-редактор только с использованием кнопки Вставить из Word.
 
 
Если Вы используете этот режим вставки, то из MS WORD не потянутся в Ваш контент ненужные стили и не произойдет нарушение структуры создаваемой странички. После успешной вставки в редактор Открытого класса  форматируйте средствами визинг-редактора.
Визинг-редактор позволяет создавать достаточно красивые страницы, используя следующие инструменты:
1.      выбор начертания шрифтов: жирный, курсив, подчеркивание;
2.      выбор вида шрифта: Times New Roman, Areal и т.д.;
3.      выбор размера шрифта: small, medium, lardge и т.д.
4.      выбор цвета текста и цвета фона;
5.      выбор форматирования: нормальный, заголовок, форматированный и т.д.;
6.      выбор расположения текста на странице: по левому краю, по середине, по правому краю, по ширине;
7.      свой текст Вы можете украсить смайликами;
8.      оживляет страничку графика, уместная по содержанию и качественная по исполнению (инструкция Как вставить изображение Вам поможет разобраться и в этом);
9.      при необходимости можно использовать списки, как нумерованные, так и маркированные;
10. можно вставить горизонтальную линию;
11. можно вставить специальные символы.
 
Вы убедились, что инструменты визинг-редактора очень похожи на инструменты MS WORD? Пожалуй, отличается только работа с изображениями.
 
3.            В случае, если Вам необходимо вставить таблицу, то такая возможность тоже существует:
 
При создании таблицы можно задать: количество строк и колонок (столбцов), ширину и высоту ячеек (в пикселях или процентах), размер бордюра (это внешняя рамка вокруг таблицы), промежуток (расстояние между ячейками), отступ (расстояние до начала текста в ячейке), название таблицы.
Уже созданную таблицу можно изменять. Для этого выделите ее правой клавишей мыши и поработайте с интересующим Вас параметром (ячейкой, колонкой, строкой или общими свойствами таблицы). Обратите внимание, что работая с меню Ячейка, Вы можете создавать таблицу сложной структуры.
 
4. Если Вам нужно вставить строку/столбец в таблицу, то это можно сделать всего за три шага:
 
 

4.1. Установите курсор в ту строку, после/перед которой хотите добавить новую строку (соответственно, предварительно войдя в режим изменения ) страницы.

4.2. Щелкните правой клавишей мышки в этой строке и в появившемся контекстном меню выберите пункт Строка => Вставить строку до или Строка => Вставить строку после:

Добавление строки
 

4.3. Строка появится, и Вы сможете наполнить ее содержимым:

Таблица с новой строкой
 

Если Вам надо вставить новый столбец, то Вы проделываете все то же самое:

4.4. То есть устанавливаете курсор мышки в тот столбец, до/после которого необходимо добавить новый столбец .

4.5. Щелкаете правой клавишей мышки в этом столбце и в появившемся контекстном меню выбираете пункт Колонка => Вставить колонку до или Колонка => Вставить колонку после:

Вставка столбца
 

4.6. Колонка появится, и Вы сможете наполнить ее содержимым:

Таблица с новой колонкой

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

5.1. Надо встать курсором мышки в ту ячейку, которую будем красить (если это несколько ячеек, то их все предварительно надо выделить) и вызвать контекстное меню (щелкнуть правой клавишей мыши). В появившемся контектсном меню выбрать пункт Ячейка, а в нем — Свойства ячейки:


 

5.2. В открывшемся окне Свойства ячейки выбираем пункт Цвет фона. Для этого нажимаем на кнопку Выберите:


 

5.3. Автоматически открывается окно с цветвой палитрой — в нем вы можете выбрать тот цвет, который вам необходим:



Если же нужного цвета нет, то можно вписать его значение самостоятельно (предварительно посмотрев его, например в Adobe Photoshop или Paint или любой другой графической программе):



Написанный вами цвет отобразится в поле Выбранный.
 

5.4. Теперь осталось только нажать на клавишу ОК столько раз, сколько попросят и ячейка (или ячейки) будут закрашены:

6.  Если Вам знакомы основы языка HTML, то можно воспользоваться кнопкой Источник на панели инструментов визинг-редактора. Нажав ее, у Вас появитьс возможность править непосредственно разметку Вашей странички, но советуем это делать только в том случае, если Вы уверены в своих силах.
 
Мы рассмотрели только основные возможности визинг-редактора, которые помогут Вам создавать красивые веб-странички. Экспериментируйте, изучайте остальные возможности – это позволит Вам делать Ваши страницы индивидуальными.
Но помните, что чувство меры – это не самое плохое качество человека!
 

 В качестве примеров можно привести страничек, созданных Юлией Залега:

www.openclass.ru/communities/32463

 www.openclass.ru/communities/32402

www.openclass.ru/communities/21946

www.openclass.ru/node/52405

Обратите внимание, что если Вы прикрепляете файл к контенту, то для того, чтобы у Вас была возможность сделать на него ссылку (например, в тексте), нужно сделать следующее:

  1. прикрепить файл;
  2. сохранить контент;
  3. зайти в контент на изменение;
  4. увидеть настоящий URL-адрес прикрепленного файла, который можно использовать при создании ссылки.

Успехов Вам в создании качественного и полезного контента!

Разделы инструкции, посвященные

 

работе с таблицей, разработала Ю. Залега,

 

сетевой методист, Красноярский край 

 

 

»  Tags for document: