Diferencia entre revisiones de «Tutorial ETE/Paginas nuevas y enlaces/Enlaces externos»

De WikiEducator
Saltar a: navegación, buscar
m (Continuación de la traducción)
m (Continuación de la traducción)
Línea 29: Línea 29:
 
<br>  
 
<br>  
  
== Uso del botón "Insertar/Editar Vínculo" en la barra de herramientas del Editor enriquecido  ==
+
== Uso del botón "Insertar/Editar Vínculo" en la barra de herramientas del editor enriquecido  ==
  
 
Al utilizar el editor enriquecido (visual), podrás agregar un enlace mediante el uso del botón "Insertar/Editar Vínculo", destacado en color azul en la barra de herramientas de abajo.  
 
Al utilizar el editor enriquecido (visual), podrás agregar un enlace mediante el uso del botón "Insertar/Editar Vínculo", destacado en color azul en la barra de herramientas de abajo.  
Línea 42: Línea 42:
 
Este es un proceso de dos pasos:
 
Este es un proceso de dos pasos:
  
 +
#''Escribe el título para tu enlace'' (es decir, las palabras que deseas mostrar al usuario para el enlace externo en lugar de la "fea" URL).
 +
#* Elige una descripción apropiada, una frase o el título para tu enlace, por ejemplo, "Sitio Web exe".
 +
#* Escribe esta descripción del enlace directamente en la ventana de edición, al igual que lo harías con un texto nuevo.
 +
# [[Imagen:Caja de dialogo para enlace del ETE.png diálogo | thumb]]''Introduce la dirección del sitio web'' (URL).
 +
#* Destaca la descripción que escribiste en el paso 1 anterior (como lo hiciste en el [[Tutorial_ETE/Formato_basico_de_texto/Negritas cursivas y títulos#Usando la barra de herramientas del editor enriquecido | tutorial anterior]]).
 +
#* Una vez que la descripción del texto se ha resaltado, haz clic en el botón "Insertar/Editar Vínculo" en la barra de herramientas del editor visual  (ver imagen superior).
 +
#* El  cuadro de diálogo "Vínculo" se muestra, éste incluye un campo de texto para introducir la dirección URL completa (incluyendo el prefijo "http://") del enlace externo. La figura de la derecha muestra la URL '''<nowiki> http://www.exelearning.org </nowiki>'''  de la campo de texto "Vínculo".
  
  
<br>
 
  
== Notas de traducción  ==
+
El resultado de este procedimiento es un enlace subrayado de color azul y en la ventana de edición. Cuando obtienes una vista previa o guardas la página, el enlace al sitio web eXe se muestra como sigue:
  
{{Nota|
+
[http://www.exelearning.org eXe Web Site]
}}  
+
{{Clear}}  
  
<br>
+
==== Pruébalo tu mismo  ====
  
== Referencias  ==
+
La mejor manera de ver cómo funciona esto es insertando un enlace externo en tu página de pruebas.
  
*[http://wikieducator.org/Wikieducator_rich_text_editor_tutorials/New_pages_and_links/External_links Version en inglés]
 
 
----
 
 
 
 
#''Type the title for your link'' (that is, the words that you want to display to the user for the external link instead of the "ugly" URL).
 
#*Decide on an appropriate description, phrase or title for your link, for example "eXe Web Site".
 
#*Type this description of the link directly in the edit window, just like you would enter new text.
 
#[[Image:Rich text editor link dialog box.png|thumb]]''Enter the web site address'' (URL).
 
#*Highlight the description you typed in step 1 above (like you did in the [[Wikieducator rich text editor tutorials/Basic text formatting/Bold italics and headings#Using_the_Rich_Editor_Toolbar|previous tutorial]]).
 
#*Once the text description is highlighted, click on the "Insert/Edit Link" button in the Rich Editor toolbar (shown above).
 
#*The "Link" dialog box appears, which includes a text field for entering the full URL (including the "http://" part) of the external link. The figure to the right shows the '''<nowiki>http://www.exelearning.org</nowiki>''' URL in the "Link" text field.
 
 
The result of this procedure is a blue-coloured, underlined link in the edit window. When you preview or save the page the link to the eXe web site displays like this:
 
 
[http://www.exelearning.org eXe Web Site] {{Clear}}
 
 
==== Try this yourself  ====
 
 
The best way to see how this works is to insert an external link on your sandbox page.
 
  
 
{{Actividad| '''Creating an external link to Google or web site of your choice'''  
 
{{Actividad| '''Creating an external link to Google or web site of your choice'''  
Línea 93: Línea 78:
 
* Click the '''Save page''' button to save your edit to the published view in the wiki.
 
* Click the '''Save page''' button to save your edit to the published view in the wiki.
 
* Test to see if your link is working properly.}}  
 
* Test to see if your link is working properly.}}  
 +
 +
 +
 +
<br>
 +
 +
== Notas de traducción  ==
 +
 +
{{Nota|
 +
}}
 +
 +
<br>
 +
 +
== Referencias  ==
 +
 +
* [http://wikieducator.org/Wikieducator_rich_text_editor_tutorials/New_pages_and_links/External_links Version en inglés]
 +
 +
----
 +
 +
 +
 +
 +
  
 
<br> {{Puntos clave|'''A few things worth remembering'''
 
<br> {{Puntos clave|'''A few things worth remembering'''

Revisión de 17:14 7 mar 2010

YoAmoEs.jpg Esta página requiere ser traducida al Español
Tu ayuda y retroalimentación son bienvenidos.
Por favor consulta la página del Equipo de Traducción.
YoAmoEs.jpg




{{#wetitle:}} 
Road Works.svg Trabajo en proceso, espera cambios frecuentes. Tu ayuda y retroalimentación son bienvenidos.
Ver página de charlas.
Road Works.svg


Al enlace de una página en WikiEducator con otro sitio web se le llama enlace externo, porque el vínculo direccionará al usuario a un sitio externo. En esta sección, les mostraremos dos formas de conectar tu contenido del wiki hacia sitios web externos.


Escribiendo la dirección completa de la Web

Si escribes la dirección web completa (es decir, la dirección URL, incluido el prefijo "http://") en la ventana de edición, el wiki de forma automática la reconocerá como un enlace externo y se mostrará la dirección completa cuando se guarda la página para verla publicada. Por ejemplo:

http://www.oerfoundation.org

Toma en cuenta que el wiki tratará este texto como un enlace en forma automática (como se ha hecho con la dirección URL anterior) y se mostrará la dirección completa, incluyendo la parte "http://". Sin embargo, este formato no se recomienda, ya que las direcciones URL son simples, con nombres raros y con frecuencia no proporcionan información sobre el contenido de un sitio.

Icon present.gif
Tip: Ya debes de haber notado que el wiki es sensible a mayúsculas cuando creaste tu cuenta de usuario. Es importante recordar esto cuando se crean vínculos, porque el prefijo "http://" debe de estar en minúscula para que el wiki lo reconozca como un enlace externo.




Icon activity.jpg

Actividad

Crear un enlace externo escribiendo la URL completa
  1. Ve a tu página de pruebas.
  2. Haz clic en la pestaña "editar" y activa el editor enriquecido (si éste no está habilitado).
  3. Escribe la URL completa de una página web, por ejemplo: http://www.google.com
  4. Guarda la página.
  5. Si haz hecho esto correctamente, deberás de tener un enlace a Google (o a el sitio web que hayas introducido) mostrado como: http://www.google.com





Uso del botón "Insertar/Editar Vínculo" en la barra de herramientas del editor enriquecido

Al utilizar el editor enriquecido (visual), podrás agregar un enlace mediante el uso del botón "Insertar/Editar Vínculo", destacado en color azul en la barra de herramientas de abajo.


Puesto en relieve el botón "Insertar/Editar Vínculo", en la segunda fila de la derecha

Te recomendamos que utilices este método para insertar enlaces externos, ya que proporciona una descripción de uso amigable de la página web externa.


Instrucciones

Este es un proceso de dos pasos:

  1. Escribe el título para tu enlace (es decir, las palabras que deseas mostrar al usuario para el enlace externo en lugar de la "fea" URL).
    • Elige una descripción apropiada, una frase o el título para tu enlace, por ejemplo, "Sitio Web exe".
    • Escribe esta descripción del enlace directamente en la ventana de edición, al igual que lo harías con un texto nuevo.
  2. Introduce la dirección del sitio web (URL).
    • Destaca la descripción que escribiste en el paso 1 anterior (como lo hiciste en el tutorial anterior).
    • Una vez que la descripción del texto se ha resaltado, haz clic en el botón "Insertar/Editar Vínculo" en la barra de herramientas del editor visual (ver imagen superior).
    • El cuadro de diálogo "Vínculo" se muestra, éste incluye un campo de texto para introducir la dirección URL completa (incluyendo el prefijo "http://") del enlace externo. La figura de la derecha muestra la URL http://www.exelearning.org de la campo de texto "Vínculo".


El resultado de este procedimiento es un enlace subrayado de color azul y en la ventana de edición. Cuando obtienes una vista previa o guardas la página, el enlace al sitio web eXe se muestra como sigue:

eXe Web Site


Pruébalo tu mismo

La mejor manera de ver cómo funciona esto es insertando un enlace externo en tu página de pruebas.



Icon activity.jpg

Actividad

Creating an external link to Google or web site of your choice

Have a go at creating an external link on your sandbox page.

  • Click on the link to your user page (remember it's located in the top right of the screen if you are logged in) and navigate to your sandbox page.
  • Click on the "edit" tab and and enable the Rich Editor (if it is not enabled).
  • Type the following text: "A good search engine" (or alternative title / name for your external link, for instance, "My organisation's homepage" to link to your organisation's web site).
  • Using your mouse, highlight the text you just typed, which serves as the title for your external link, (e.g. "A good search engine" or "My organisation's homepage").
  • Click on the Insert/Edit Link button.

The Link dialog box displays.

  • Enter the full URL for the external web site in the Link text field. For Google, you would enter http://www.google.com.
  • Click the OK button.

The link displays in blue and underlined in the edit window.

  • Click the Save page button to save your edit to the published view in the wiki.
  • Test to see if your link is working properly.






Notas de traducción




Referencias







Icon key points.gif

Puntos clave

A few things worth remembering

Deciding which words, letters or concepts you would like to display to the user as the hyperlink text (the blue link that displays in published mode) needs careful thinking.

  • You may want to display your organisation's full name as a link to their home page, rather than the abbreviated form of their name which is used in the web site address, for example the title "The New York Times" for the abbreviated website address of http://www.nytimes.com/ .
  • You may want the link description to be part of a sentence. For instance: An external wiki link is an example of a hyperlink. Here the word "hyperlink" goes to an external page called "http://en.wiktionary.org/wiki/hyperlink", which is a page that defines "hyperlink".
  • Avoid using the word "here" to link to external pages. For example:
Do: "You may want to read more about cats."
Don't: "To find out more about cats go here."


Tips on editing external links

  1. If you need to change the title or description of an external link, you do not need to click on the "Insert/Edit Link" button. Move the cursor to a position within the link (the blue, underlined text in the editing window) and add/remove characters until you are satisfied with the result.
  2. You can create a link without first entering the title or description. In this case, you would start by clicking the "Insert/Edit Link" button without highlighting a block of text. The result will be a link with the URL (without the "http://" part included) automatically used as the title. You can now edit the title of the link as described in point 1 above.
  3. If you need to change the URL, position the cursor within the external link (the blue, underlined text in the editing window), click on the "Insert/Edit Link" button, and modify the URL to the desired result.
  4. You can open, edit or remove a link via the context menu. Position your cursor within the external link. If using Linux or Windows click the right-mouse button; if using Macintosh hold down the 'Control' key and click with the mouse. Select the relevant option from the menu that displays.
  5. If you enter the web site address for an external link and the resultant link displays as red text in the published view, check for a typing error in the URL. (Red links indicate an internal link for a new page in the wiki and therefore this cannot be a valid external link). Always type the full URL address, including the "http:// prefix, using lower case letters.
  6. To see how to create an external link using wikitext, see the original Wikieducator tutorial on external links.