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

Материал из База знаний Центра ПУСК МФТИ
мНет описания правки
перевод
Строка 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]]





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

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

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

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

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

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

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

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

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

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


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