Diferencia entre revisiones de «Usando Etiqueta»

De MoodleDocs
m (tidy up)
(tidy up)
 
(No se muestran 15 ediciones intermedias del mismo usuario)
Línea 1: Línea 1:
{{Pendiente de traducir}}
{{Urgente de traducir}}
 
{{Etiqueta}}
{{Etiqueta}}
A label is a versatile module 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 from Web 2.0 widgets.
Esta página explora las maneras en que una [[Etiqueta]] puede ser usada en su curso Moodle.
==Adding images to a label==
 
Una etiqueta es un recurso versátil que puede servir como un espaciador entre recursos en una página de curso. Puede proporcionar un espacio para incrustar ''banners'', archivos de sonido o video, o para mostrar código.
 
==Añadir sonido o video a una etiqueta==
If multimedia filters are enabled, a label 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 [[Editor Atto]] you can record short audio (2) or video (3) clips directly into the label.
 
[[File:LabelAudioVideo.png|center]]
 
==Añadir código a una etiqueta==
 
'''Note:''' The success in adding code to a label depends both on the type of code and the permissions of the user.


===Drag and drop images===
An example of this is the ability to embed a Google map into a label.  
''Note: this does not work with IE 9, Safari 6 or below or earlier versions of Firefox)'' {{Nuevas características de Moodle 2.5}}
*Go to Google maps (or wherever you can get your embed code and copy it.
*Media drag and drop must be enabled in ''Administration > Site administration > Plugins > Activity modules > Label''
*Follow the instructions for [[Configuraciones_de_módulo_etiqueta| añadir una Etiqueta]]
*With the editing turned on, drag your image into the section you want it to appear.
*Expand the toolbar and click the code icon:
*In the box that follows, choose "add image"
*It will appear embedded in a label.


{|
[[File:LabelCodeView.png|center]]
| [[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!]]
|}


===Conventional method===
*This brings up the screen in code (HTML) view.
*Follow the instructions for [[Configuraciones_de_módulo_etiqueta| adding a label]]
*Paste the code you got from Google maps (or other site) into this screen
*Click the image icon in the [[Editor_HTML|editor de texto]]
[[File:CodeL.png|center]]
[[File:Imageinlabel.png]]
*Click "Find or upload an image"
*Choose and upload your image using the filepicker.(Details on how to do this[[Selector_de_archivos| aquí]])
*Leave Common module settings at "show" if you wish the label to be visible
*Click "Save and return to course"
*Click "Save and return to course"


[[File:Labelbanner2.png]]
[[File:EmbeddedMap.png|center]]
 
==Adding text to a label==
===Conventional  method===
As the label uses the [[Editor de texto]] it is straightforward to enter text and other required symbols and equations. It is however possible also to drag and drop text directly into a label.


===Drag and drop text===
==Añadir imágenes a una etiqueta==
''Note: this does not work with IE, Safari 6 or below and is unreliable with Firefox''
If you already have a label available and are using the [[Editor Atto]] you can drag and drop an image directly into the label.
*Drag and drop upload of text/links must be enabled in ''Administration > Site administration > Development > Experimental > Experimental settings''
*Alternatively, you can create a label as you drag an image directly onto the course page:
*Select the text you wish to use, for example in a Word document.
** Turn on the editing and in the box that follows, choose 'Add image'. It will appear embedded in a label.
*With the editing turned on, drag the text over to the section you want it to appear.
**In the box that follows, choose "add image"
*From the box that appears, choose "add a label" and then "upload".


{|
{|
|[[File:textdragdrop1.png|thumb|Text selected from a Word document is dragged over]]
| [[File:dragdrop1.png|thumb|Arrastre una imagen hacia su página de curso]]
|[[File:textdragdrop2.png|thumb|Choose "add a label" (or page if you prefer)]]
|[[File:dragdrop2.png|thumb|Elija "añadir imagen.."]]
|[[File:textdragdrop3.png|thumb|And here it is!]]
|[[File:dragdrop3.png|thumb|¡Y funciona!]]
|}
|}


==Adding a link to a label==
Note that if you cannot drag and drop images then ask your admin to check the site settings for Label.
===Conventional  method===
 
As the label uses the [[Editor de texto]] it is straightforward to click the "link" icon and enter your linked URL. It is however possible also to drag and drop links directly into a label.
==Adding text and links to a label==
As the label uses the [[Editor de texto]] 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.


===Drag and drop links===
===(Experimental) Drag and drop ===
''Note: this does not work with IE, Safari 6 or below and is unreliable with Firefox''  
''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''  
*Drag and drop upload of text/links must be enabled in ''Administration > Site administration > Development > Experimental > Experimental settings''  
*Open up a new window with the URL you wish to link to. Select the link in the browser bar.
* '''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.
*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".
*From the box that appears, name the link  and then click "upload".


{|
{|
|[[File:linkdragdrop1.png|thumb|Select your URL]]
|[[File:textdragdrop1.png|thumb|El texto seleccionado desde un documento de Word es arrastrado]]
|[[File:linkdragdrop2.png|thumb|Name the link]]
|[[File:textdragdrop2.png|thumb|Elija "añadir una etiqueta" (o una página, si lo prefiere)]]
|[[File:linkdragdrop3.png|thumb|Here it is!]]
|[[File:textdragdrop3.png|thumb|¡Y funciona!]]
|}
|}


==Adding sound or video to a label==
If multimedia filters are enabled, a label is a neat way of displaying sound or video in an inline player on the course page.
*Follow the instructions for [[Configuraciones_de_módulo_etiqueta| añadiendo un aetiqueta]]
*Click the media icon in the [[Editor_HTML|editor de texto]]
[[File:Addmedia.png]]


*Click "Find or upload an sound,video or applet"
{|
*Choose and upload your sound or video file using the filepicker.(Details on how to do this[[File_picker| here]])
|[[File:linkdragdrop1.png|thumb|Seleccione su URL]]
*Note: You can search youtube for a video to embed if your admin has enabled the youtube repository.
|[[File:linkdragdrop2.png|thumb|Póngale nombre al enlace]]
*Leave Common module settings at "show" if you wish the label to be visible.
|[[File:linkdragdrop3.png|thumb|¡Y funciona!]]
*Click "Save and return to course"
|}
 
[[File:Videoinlabel.png]]
 
==Adding code to a label==
An example of this is the ability to embed a Google map into a label.
*Follow the instructions for [[Label_module_settings| adding a label]]
*Expand the toolbar and click the HTML icon in the [[Editor_HTML|editor de texto]]
 
[[File:Codelabel.png]]
 
*This brings up the screen in code (HTML) view.
*Paste the code you grabbed from Google maps into this screen
*Scroll down and click "Update"
[[File:Addcode.png]]
 
*Leave Common module settings at "show" if you wish the label to be visible.
*Click "Save and return to course"
 
[[File:Googlemaplabel.png]]


Note: The success in adding code to a label depends both on the type of code and the permissions of the user. (Details to follow)
==Vea también==
* [http://youtu.be/C6wZaC5gOHk The Moodle Label Resource] MoodleBites video on YouTube


==See also==
Using Moodle forum discussions:
Using Moodle forum discussions:
*[http://moodle.org/mod/forum/discuss.php?d=165626 Right align not behaving as desired]
*[http://moodle.org/mod/forum/discuss.php?d=165626 Right align not behaving as desired]


[[Category:Nuevas características de Moodle 2.5]]
[[Categoría:Nuevas características de Moodle 2.5]]


[[de:Textfelder nutzen]]
[[de:Textfelder nutzen]]
[[en:Using Label]]
[[en:Using Label]]

Revisión actual - 22:43 8 feb 2021

Nota: Urgente de Traducir. ¡ Anímese a traducir esta muy importante página !.     ( y otras páginas muy importantes que urge traducir)


Esta página explora las maneras en que una Etiqueta puede ser usada en su curso Moodle.

Una etiqueta es un recurso versátil que puede servir como un espaciador entre recursos en una página de curso. Puede proporcionar un espacio para incrustar banners, archivos de sonido o video, o para mostrar código.

Añadir sonido o video a una etiqueta

If multimedia filters are enabled, a label 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 Editor Atto you can record short audio (2) or video (3) clips directly into the label.
LabelAudioVideo.png

Añadir código a una etiqueta

Note: The success in adding code to a label 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 label.

  • Go to Google maps (or wherever you can get your embed code and copy it.
  • Follow the instructions for añadir una Etiqueta
  • Expand the toolbar and click the code icon:
LabelCodeView.png
  • 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

Añadir imágenes a una etiqueta

If you already have a label available and are using the Editor Atto you can drag and drop an image directly into the label.

  • Alternatively, you can create a label 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 a label.
    • In the box that follows, choose "add image"
Arrastre una imagen hacia su página de curso
Elija "añadir imagen.."
¡Y funciona!

Note that if you cannot drag and drop images then ask your admin to check the site settings for Label.

Adding text and links to a label

As the label uses the Editor de texto 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".
El texto seleccionado desde un documento de Word es arrastrado
Elija "añadir una etiqueta" (o una página, si lo prefiere)
¡Y funciona!


Seleccione su URL
Póngale nombre al enlace
¡Y funciona!

Vea también

Using Moodle forum discussions: