Практически все тексты для Web создаются с помощью языка HTML. Язык разметки HTML имеет свой синтаксис, который необходимо знать, если вы хотите оформить свой текст, сделать его более удобным для чтения другими людьми. Но основные операции по форматированию можно делать без знания HTML! В этом вам поможет WYSIWYG (что видишь, то и получишь) редактор TinyMCE, который дает достаточно широкие возможности по форматированию текста, вставке рисунков, ссылок, работе с таблицами. Вы сразу же можете визуально оценить, каков будет результат. В HTML-редакторе можно так же, как в MS Word, использовать некоторые горячие клавиши (например, Ctrl+B для выделения текста полужирным). На рисунке представлен внешний вид HTML-редактора.
Инструменты форматирования текста
Рабочее поле
Рис. 3.2. HTML редактор
Внешний вид иконок редактирования похож на аналогичные инструменты других текстовых редакторов, например MS Word. Поэтому, даже неопытный пользователь может легко создавать учебные материалы, согласно собственному дизайнерскому решению. Опишем назначение инструментов на панели редактирования:
Таблица 3.2. Назначение кнопок HTML редактора
Кнопка
|
Действие/пояснение
|
|
Задается шрифт. Доступно девять шрифтов: Trebuchet, Arial, Courier Nev, Georgia, Tahoma, Times New Roman, Verdana, Impact, Wingdings
|
|
Задается размер шрифта. Доступно 7 размеров: 1(8pt), 2(10pt), 3(12pt), 4(14pt), 5(18pt), 6(24pt), 7(36pt)
|
|
Задается стиль оформления. Данные стили преимущественно используются для оформления заголовков различного уровня. Доступны следующие стили: Абзац, Адрес, Форматированный, Заголовок 1-6
|
|
Отменить действие(ctrl+Z)
Повторить(ctrl+Y)
|
|
Найти и найти и заменить. Открывается дополнительное окно поиска или замены.
|
|
Включить/выключить редактор на весь экран.
Не всегда удобно редактировать тексты в относительно небольшом окне. Для этого вы можете воспользоваться режимом редактирования во весь экран. При этом WYSIWYG редактор с вашим текстом откроется на весь экран. Кроме того, в этом режиме становится доступной панель работы с таблицами.
|
|
Стандартные инструменты оформление текста: полужирный(ctrl+B), курсив(ctrl+I), подчеркнутый(ctrl+U), зачеркнутый(ctrl+S), нижний индекс, верхний индекс соответсвенно.
|
|
Выравнивание текста: по левому, по центру и по правому краю соответственно.
|
|
Добавление маркированного, нумерованного списка. Уменьшение, увеличение отступа
|
|
Задается цвет шрифта и цвет фона соответственно.
|
|
Направление текста слева направо и справа налево соответсвенно.
|
|
Очистить грязный код, удалить форматирование, вставить только текст, вставить из MS Word.
|
|
Удалить форматирование текста
|
|
Вставить только текст
|
|
Вставить из MS Word. При нажатии на кнопку открывается дополнительно окно, в которое можно вставить скопированный из Word текст при помощи комбинациии клавиш Ctrl+V. Текст вставляется с теми же настройками форматирования. (т.е. полужирный, курсив и т.д.)
|
|
Вставка/редактирование, удаление ссылки и запретить автоматическое связывание для выделенного фрагмента.
Для вставки ссылки вам необходимо сначала выделить текст/картинку, который потом будет являться ссылкой, и заполнить поля в открывшемся окне.
|
|
Втавить рисунок. Открывается дополнительное окно указщания изображения и настройки отображения. Ниже остановимся на этом поподробнее.
|
|
Втавить/редактировать Moodle Media. Можно вставить музыку, видео.
|
|
Вставить неразрывный пробел
|
|
Вставить специальный символ. Открывается окно со специальными символами. Такими как ±, ≠, ≤, ©, ÷ и д.р.
|
|
Вставить таблицу. Открывается окно указания количества столбцов, строк и стиля оформления таблицы.
|
|
Запустить редактор HTML кода. Возможности WYSIWYG редакторов не безграничны, иногда надо более тонко управлять вашими текстами. Это уже можно сделать, только зная язык разметки HTML. Для любых текстов, создаваемых с помощью WYSIWYG редактора, вы можете посмотреть его исходный html-код и внести изменения. При нажатии на эту кнопку вы переходите в режим редактирования исходного кода.
|
|
Проверка правописания. Нажав на стрелку направленную вниз выпадает список, в котором можно задать язык проверки.
|
Рассмотрим дополнительно работу с некоторыми кнопками, при нажатии на которые открываются дополнительные окна с параметрами.
Достарыңызбен бөлісу: |
