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

Материал из База знаний Центра ПУСК МФТИ
ВизуальныйВики-текст
1>Germanvaleroelizondo
м Added link to Spanish page
 
 
(не показано 6 промежуточных версий 2 участников)
Строка 1: Строка 1:
{{Label}}
{{Label}}
This page explores ways a [[Text and media area]] may be used in your Moodle course.
На этой странице рассматриваются способы использования [[Область текста и медиа (пояснение)|области текста и медиа]] в вашем курсе Moodle.


Text and media area is  a versatile resource that can serve a spacer between resources on a course page. It can provide a space for embedding banners, sound or video files or displaying code.
Текстовая и мультимедийная области ― это универсальный ресурс, который может служить разделителем между ресурсами на странице курса. В нем можно разместить баннеры, звуковые или видеофайлы или отобразить код.


==Adding sound or video==
== Добавление аудио или видео ==
If multimedia filters are enabled, a Text or media area is a neat way of displaying sound or video in an inline player on the course page.
Если включены мультимедийные фильтры, области текста и медиа ― это удобный способ отображения звука или видео во встроенном проигрывателе на странице курса.
*You can link to or upload audio and video from the media icon (1)
*Вы можете перейти по ссылке или загрузить аудио и видео с помощью значка мультимедиа (1).
*With the [[Atto editor]] you can record short audio (2) or video (3) clips directly into the area.
*С помощью [[Редактор Atto|редактора Atto]] вы можете записывать короткие аудио (2) или видео (3) клипы непосредственно в эту область.


[[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 или Яндекс в текстовую или мультимедийную область.
 
*Перейдите в Google Maps (или в любое другое место, где вы можете найти свой код для встраивания) и скопируйте его.  
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.
*Разверните панель инструментов и щелкните значок перехода на страницу кода (показан редактор Atto, но в редакторе TinyMCE последовательность действий та же самая):
*Follow the instructions for [[Text or media area settings| adding a Text or media area]]
*Expand the toolbar and click the code icon:


[[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.
*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]]
|[[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''
Если у вас уже есть доступная область текста и медиа и вы используете [[редактор Atto]], вы можете перетащить изображение напрямую.
*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".


{|
Кроме того, вы можете создать область текста и медиа, перетащив изображение непосредственно на страницу курса и выбрав в появившемся окне «Добавить медиа».
|[[File:textdragdrop1.png|thumb|Text selected from a Word document is dragged over]]
[[Файл:Code карта загрузка.png|альт=Code карта загрузка|без|мини|350x350пкс]]
|[[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]]
=== (Экспериментально) Перетаскивание ===
''Примечание: это не работает с IE, Safari 6 или ниже и ненадежно в Firefox.''
*Загрузка текста/ссылок перетаскиванием должна быть включена в разделе Администрирование > Разработка > Экспериментальный режим > Экспериментальные настройки.
*Для текста: выберите текст, который вы хотите использовать, например, в документе Word.
*При включенном редактировании перетащите текст в нужный раздел.
*В появившемся окне выберите «добавить надпись», а затем «загрузить».
Для ссылок: откройте новое окно с URL-адресом, на который вы хотите перейти. Выберите ссылку в строке браузера.
*Включив редактирование, перетащите URL-адрес в раздел, который вы хотите отобразить.
*В появившемся окне укажите название ссылки и нажмите «загрузить».
[[:Категория:Resource]]
[[Категория:Resource]]

Текущая версия от 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