Использование области текста и медиа - История изменений

Breslav.ep: /* (Экспериментально) Перетаскивание */

2025-06-23T17:56:46Z

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

← Предыдущая версия		Версия от 17:56, 23 июня 2025
Строка 49:		Строка 49:
	*Включив редактирование, перетащите URL-адрес в раздел, который вы хотите отобразить.		*Включив редактирование, перетащите URL-адрес в раздел, который вы хотите отобразить.
	*В появившемся окне укажите название ссылки и нажмите «загрузить».		*В появившемся окне укажите название ссылки и нажмите «загрузить».
			[[:Категория:Resource]]
			[[Категория:Resource]]

Breslav.ep: перевод

2025-06-23T17:56:20Z

перевод

← Предыдущая версия		Версия от 17:56, 23 июня 2025
Строка 27:		Строка 27:


	~~==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~~]]		Если у вас уже есть доступная область текста и медиа и вы используете [[редактор Atto]], вы можете перетащить изображение напрямую.
	~~\|[[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~~.		[[Файл:Code карта загрузка.png\|альт=Code карта загрузка\|без\|мини\|350x350пкс]]
			Обратите внимание, что если у вас не получается перетаскивать изображения, то нужно попросить администратора проверить настройки платформы для области текста и мультимедиа.

	~~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"~~.

	{\|		=== (Экспериментально) Перетаскивание ===
	~~\|[[File~~:~~textdragdrop1~~.~~png\|thumb\|Text selected from a Word document is dragged over]]~~		''Примечание: это не работает с IE, Safari 6 или ниже и ненадежно в Firefox.''
	~~\|[[File:textdragdrop2~~.~~png\|thumb\|Choose "add a label" (or page if you prefer)]]~~		*Загрузка текста/ссылок перетаскиванием должна быть включена в разделе Администрирование > Разработка > Экспериментальный режим > Экспериментальные настройки.
	~~\|[[File~~:~~textdragdrop3~~.~~png\|thumb\|And here it is!]]~~		*Для текста: выберите текст, который вы хотите использовать, например, в документе Word.
	\|}		*При включенном редактировании перетащите текст в нужный раздел.
			*В появившемся окне выберите «добавить надпись», а затем «загрузить».
			Для ссылок: откройте новое окно с URL-адресом, на который вы хотите перейти. Выберите ссылку в строке браузера.
	{\|		*Включив редактирование, перетащите URL-адрес в раздел, который вы хотите отобразить.
	~~\|[[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]]~~

Breslav.ep: перевод

2025-06-23T17:23:55Z

перевод

← Предыдущая версия		Версия от 17:23, 23 июня 2025
Строка 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~~]]

Breslav.ep в 17:16, 23 июня 2025

2025-06-23T17:16:01Z

← Предыдущая версия		Версия от 17:16, 23 июня 2025
Строка 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]]

Breslav.ep: перевод

2025-06-23T17:10:28Z

перевод

← Предыдущая версия		Версия от 17:10, 23 июня 2025
Строка 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]]

Breslav.ep: Breslav.ep переименовал страницу Using Text and media area в Использование области текста и медиа: перевод

2025-06-23T17:06:37Z

Breslav.ep переименовал страницу Using Text and media area в Использование области текста и медиа: перевод

← Предыдущая версия	Версия от 17:06, 23 июня 2025
(нет различий)

Олег Давидович: 1 версия импортирована

2024-10-18T06:47:20Z

1 версия импортирована

← Предыдущая версия	Версия от 06:47, 18 октября 2024
(нет различий)

1>Germanvaleroelizondo: Added link to Spanish page

2023-01-02T19:20:28Z

Added link to Spanish page

Новая страница

{{Label}}
This page explores ways a [[Text and media area]] may be used in your Moodle course.

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)
*With the [[Atto editor]] you can record short audio (2) or video (3) clips directly into the area.

[[File:LabelAudioVideo.png|center]]

==Adding code==

'''Note:''' The success in adding code depends both on the type of code and the permissions of the user.

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.
*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]]

*This brings up the screen in code (HTML) view.
*Paste the code you got from Google maps (or other site) into this screen
[[File:CodeL.png|center]]
*Click "Save and return to course"

[[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''
*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]]
|[[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]]