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

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

жүктеу/скачать 1,67 Mb.

бет	7/18
Дата	17.06.2018
өлшемі	1,67 Mb.
	#42945
түрі	Руководство

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

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

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

жүктеу/скачать 1,67 Mb.

Достарыңызбен бөлісу:

1 2 3 4 5 6 7 8 9 10 ... 18