Руководство по работе с курсом в системе дистанционного обучения Moodle


Работа в HTML – редакторе TinyMCE



бет7/18
Дата17.06.2018
өлшемі1,67 Mb.
түріРуководство
1   2   3   4   5   6   7   8   9   10   ...   18

Работа в HTML – редакторе TinyMCE


Практически все тексты для 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-код и внести изменения. При нажатии на эту кнопку вы переходите в режим редактирования исходного кода.



Проверка правописания. Нажав на стрелку направленную вниз выпадает список, в котором можно задать язык проверки.

Рассмотрим дополнительно работу с некоторыми кнопками, при нажатии на которые открываются дополнительные окна с параметрами.




Содержание 2 введение 3
Файлы на сервере»

Каталог: uploads -> doc -> 0ded
doc -> Ғарыш әлеміне саяхат
doc -> Сабақ тақырыбы: Шерхан Мұртаза «Ай мен Айша» романы Сабақ мақсаты: ҚР «Білім туралы»
doc -> Сабақтың тақырыбы Бала Мәншүк ( Мәриям Хакімжанова) Сілтеме
doc -> Ана тілі №2. Тақырыбы: Кел, балалар, оқылық Мақсаты
doc -> Сабақ жоспары «Сәулет және дизайн» кафедрасының арнаулы пән оқытушысы, ҚР «Еуразиялық Дизайнерлер Одағының» мүшесі: Досжанова Галия Есенгелдиевна Пәні: Сурет және сұңғат өнері
doc -> Сабақ Сабақтың тақырыбы : Кіріспе Сабақтың мақсаты : «Алаштану» курсының мектеп бағдарламасында алатын орны, Алаш қозғалысы мен Алашорда үкіметі тарихының тарихнамасы мен дерекнамасына қысқаша шолу
doc -> Тәрбие сағаттың тақырыбы: Желтоқсан жаңғырығы
doc -> Сабақтың тақырыбы : Әбунасыр Әл- фараби Сабақтың мақсаты
doc -> Сабақ жоспары Тақырыбы: Үкілі Ыбырай Мектеп:№21ом мерзімі
0ded -> Сабақтың тақырыбы: Алюминий және оның қосылыстары. Мақсаттары


Достарыңызбен бөлісу:
1   2   3   4   5   6   7   8   9   10   ...   18


©engime.org 2017
әкімшілігінің қараңыз

    Басты бет