Использование области текста и медиа: различия между версиями

Материал из База знаний Центра ПУСК МФТИ
← Предыдущая правка
ВизуальныйВики-текст
мНет описания правки
 
(не показаны 2 промежуточные версии этого же участника)
Строка 13: Строка 13:
==Добавление html-кода==
==Добавление html-кода==
  '''Примечание''': успех добавления кода зависит как от типа кода, так и от разрешений пользователя.
  '''Примечание''': успех добавления кода зависит как от типа кода, так и от разрешений пользователя.
Примером этого может служить возможность встраивания карты Google в текстовую или мультимедийную область.
Примером этого может служить возможность встраивания карты Google или Яндекс в текстовую или мультимедийную область.
*Go to Google maps (or wherever you can get your embed code and copy it.
*Перейдите в Google Maps (или в любое другое место, где вы можете найти свой код для встраивания) и скопируйте его.  
*Follow the instructions for [[Text or media area settings| adding a Text or media area]]
*Следуйте инструкциям по добавлению [[Область текста и медиа (пояснение)|области текста и медиа]].
*Expand the toolbar and click the code icon:
*Разверните панель инструментов и щелкните значок перехода на страницу кода (показан редактор Atto, но в редакторе TinyMCE последовательность действий та же самая):


[[File:LabelCodeView.png|center]]
[[File:LabelCodeView.png|center]]


*This brings up the screen in code (HTML) view.
*Откроется окно с кодом (HTML).  
*Paste the code you got from Google maps (or other site) into this screen
*Вставьте в это окно код, полученный с Google Maps (или другого сайта).
[[File:CodeL.png|center]]
[[Файл:Code карты.png|альт=Code карты|без|мини|900x900пкс]]
*Click "Save and return to course"
*Нажмите «Сохранить и вернуться к курсу». Получившаяся вставка выглядит следующим образом:
[[Файл:Code карта отображение.png|альт=Code карта отображение|без|мини|700x700пкс]]


[[File:EmbeddedMap.png|center]]




==Adding images==
== Добавление изображений ==
If you already have a Text or media area available and are using the [[Atto editor]] you can drag and drop an image directly.
Если у вас уже есть доступная область текста и медиа и вы используете [[редактор Atto]], вы можете перетащить изображение напрямую.
*Alternatively, you can create an area as you drag an image directly onto the course page:
** Turn on the editing and in the box that follows, choose 'Add image'. It will appear embedded in the area.
**In the box that follows, choose "add image"


{|
Кроме того, вы можете создать область текста и медиа, перетащив изображение непосредственно на страницу курса и выбрав в появившемся окне «Добавить медиа».
| [[File:dragdrop1.png|thumb|Drag an image onto your course page]]
[[Файл:Code карта загрузка.png|альт=Code карта загрузка|без|мини|350x350пкс]]
|[[File:dragdrop2.png|thumb|Choose "add image.."]]
Обратите внимание, что если у вас не получается перетаскивать изображения, то нужно попросить администратора проверить настройки платформы для области текста и мультимедиа.
|[[File:dragdrop3.png|thumb|And here it is!]]
|}
Note that if you cannot drag and drop images then ask your admin to check the site settings for Text and media area.


==Adding text and links==
== Добавление текста и ссылок ==
As the label uses the [[Text editor]] it is straightforward to enter text, links and other required symbols and equations.  
Поскольку в области текста и медиа используется текстовый редактор, легко вводить текст, ссылки и другие необходимые символы и формулы.


There is an experimental setting which the administrator must enable in  ''Administration > Site administration > Development > Experimental > Experimental settings'' which allows you to drag and drop text and links into labels.
Существует экспериментальная настройка, которую администратор должен включить в разделе Администрирование > Разработка > Экспериментальные настройки > Экспериментальные настройки, которая позволяет перетаскивать текст и ссылки в ярлыки.


===(Experimental) Drag and drop ===
=== (Экспериментально) Перетаскивание ===
''Note: this does not work with IE, Safari 6 or below and is unreliable with Firefox''  
''Примечание: это не работает с IE, Safari 6 или ниже и ненадежно в Firefox.''
*Drag and drop upload of text/links must be enabled in ''Administration > Site administration > Development > Experimental > Experimental settings''
*Загрузка текста/ссылок перетаскиванием должна быть включена в разделе Администрирование > Разработка > Экспериментальный режим > Экспериментальные настройки.
* '''For text:''' Select the text you wish to use, for example in a Word document.
*Для текста: выберите текст, который вы хотите использовать, например, в документе Word.  
*With the editing turned on, drag the text over to the section you want it to appear.
*При включенном редактировании перетащите текст в нужный раздел.  
*From the box that appears, choose "add a label" and then "upload".
*В появившемся окне выберите «добавить надпись», а затем «загрузить».
'''*For links:''' Open up a new window with the URL you wish to link to. Select the link in the browser bar.
Для ссылок: откройте новое окно с URL-адресом, на который вы хотите перейти. Выберите ссылку в строке браузера.
*With the editing turned on, drag the URL over to the section you want it to appear.
*Включив редактирование, перетащите URL-адрес в раздел, который вы хотите отобразить.  
*From the box that appears, name the link  and then click "upload".
*В появившемся окне укажите название ссылки и нажмите «загрузить».
 
[[:Категория:Resource]]
{|
[[Категория:Resource]]
|[[File:textdragdrop1.png|thumb|Text selected from a Word document is dragged over]]
|[[File:textdragdrop2.png|thumb|Choose "add a label" (or page if you prefer)]]
|[[File:textdragdrop3.png|thumb|And here it is!]]
|}
 
 
{|
|[[File:linkdragdrop1.png|thumb|Select your URL]]
|[[File:linkdragdrop2.png|thumb|Name the link]]
|[[File:linkdragdrop3.png|thumb|Here it is!]]
|}
 
[[es:Usando Área de texto y medios]]

Текущая версия от 17:56, 23 июня 2025

Main page ► Managing a Moodle course ► Resources ► Text and media area ► Использование области текста и медиа
Text and media area

На этой странице рассматриваются способы использования области текста и медиа в вашем курсе Moodle.

Текстовая и мультимедийная области ― это универсальный ресурс, который может служить разделителем между ресурсами на странице курса. В нем можно разместить баннеры, звуковые или видеофайлы или отобразить код.

Добавление аудио или видео

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

  • Вы можете перейти по ссылке или загрузить аудио и видео с помощью значка мультимедиа (1).
  • С помощью редактора Atto вы можете записывать короткие аудио (2) или видео (3) клипы непосредственно в эту область.

Добавление html-кода

Примечание: успех добавления кода зависит как от типа кода, так и от разрешений пользователя.

Примером этого может служить возможность встраивания карты Google или Яндекс в текстовую или мультимедийную область.

  • Перейдите в Google Maps (или в любое другое место, где вы можете найти свой код для встраивания) и скопируйте его.
  • Следуйте инструкциям по добавлению области текста и медиа.
  • Разверните панель инструментов и щелкните значок перехода на страницу кода (показан редактор Atto, но в редакторе TinyMCE последовательность действий та же самая):
  • Откроется окно с кодом (HTML).
  • Вставьте в это окно код, полученный с Google Maps (или другого сайта).
Code карты
  • Нажмите «Сохранить и вернуться к курсу». Получившаяся вставка выглядит следующим образом:
Code карта отображение


Добавление изображений

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

Кроме того, вы можете создать область текста и медиа, перетащив изображение непосредственно на страницу курса и выбрав в появившемся окне «Добавить медиа».

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

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

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

Существует экспериментальная настройка, которую администратор должен включить в разделе Администрирование > Разработка > Экспериментальные настройки > Экспериментальные настройки, которая позволяет перетаскивать текст и ссылки в ярлыки.

(Экспериментально) Перетаскивание

Примечание: это не работает с IE, Safari 6 или ниже и ненадежно в Firefox.
  • Загрузка текста/ссылок перетаскиванием должна быть включена в разделе Администрирование > Разработка > Экспериментальный режим > Экспериментальные настройки.
  • Для текста: выберите текст, который вы хотите использовать, например, в документе Word.
  • При включенном редактировании перетащите текст в нужный раздел.
  • В появившемся окне выберите «добавить надпись», а затем «загрузить».
Для ссылок: откройте новое окно с URL-адресом, на который вы хотите перейти. Выберите ссылку в строке браузера.
  • Включив редактирование, перетащите URL-адрес в раздел, который вы хотите отобразить.
  • В появившемся окне укажите название ссылки и нажмите «загрузить».
Категория:Resource
Источник — https://wiki.mipt.ru/index.php?title=Использование_области_текста_и_медиа&oldid=32088