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

Материал из База знаний Центра ПУСК МФТИ
перевод
мНет описания правки
Строка 11: Строка 11:
[[File:LabelAudioVideo.png|center]]
[[File:LabelAudioVideo.png|center]]


==Adding code==
==Добавление html-кода==
 
'''Примечание''': успех добавления кода зависит как от типа кода, так и от разрешений пользователя.
'''Note:''' The success in adding code depends both on the type of code and the permissions of the user.
Примером этого может служить возможность встраивания карты Google в текстовую или мультимедийную область.
 
An example of this is the ability to embed a Google map into a Text or media area.
*Go to Google maps (or wherever you can get your embed code and copy it.
*Go to Google maps (or wherever you can get your embed code and copy it.
*Follow the instructions for [[Text or media area settings| adding a Text or media area]]
*Follow the instructions for [[Text or media area settings| adding a Text or media area]]

Версия от 17:16, 23 июня 2025

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

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

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

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

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

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

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

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

  • Go to Google maps (or wherever you can get your embed code and copy it.
  • Follow the instructions for adding a Text or media area
  • Expand the toolbar and click the code icon:
  • This brings up the screen in code (HTML) view.
  • Paste the code you got from Google maps (or other site) into this screen
Файл:CodeL.png
  • Click "Save and return to course"
Файл:EmbeddedMap.png


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.

  • 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"
Файл:Dragdrop1.png
Drag an image onto your course page
Файл:Dragdrop2.png
Choose "add image.."
Файл:Dragdrop3.png
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

  • 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.
  • 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.

  • With the editing turned on, drag the URL over to the section you want it to appear.
  • From the box that appears, name the link and then click "upload".
Файл:Textdragdrop1.png
Text selected from a Word document is dragged over
Файл:Textdragdrop2.png
Choose "add a label" (or page if you prefer)
Файл:Textdragdrop3.png
And here it is!


Файл:Linkdragdrop1.png
Select your URL
Файл:Linkdragdrop2.png
Name the link
Файл:Linkdragdrop3.png
Here it is!

es:Usando Área de texto y medios