Diferencia entre revisiones de «Tutorial ETE/Paginas nuevas y enlaces/Enlaces externos»
m (Creación de página) |
m (Inicio de traducción) |
||
Línea 5: | Línea 5: | ||
{{TEP}} | {{TEP}} | ||
− | + | 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. <br> | |
Línea 17: | Línea 17: | ||
---- | ---- | ||
+ | |||
+ | |||
+ | |||
+ | == Typing the full web address == | ||
+ | |||
+ | If you type the full web address (that is the full URL including the "http://" prefix) in the edit window, the wiki will automaticaly recognise this as an external link and will display the raw web address when saved for the published view. For example:<br> | ||
+ | |||
+ | http://www.oerfoundation.org | ||
+ | |||
+ | Note that the wiki will automatically treat this text as a link (as has been done with the URL above) and it will display the raw web address, including the "http://" part. However, this format is generally not recommended, as raw URLs are ugly and often provide no information about the content of a site. | ||
+ | |||
+ | {{Tip|You may have noticed that the wiki is case sensitive when creating your user account. It is important to remember this when creating links because the "http://" part must be in lowercase for the wiki to recognize it as an external link.}} | ||
+ | |||
+ | {{Actividad|'''Create an external link by typing the full URL''' | ||
+ | |||
+ | # Go to your [[Special:MyPage/My_sandbox|sandbox]] page. | ||
+ | # Click on the "edit" tab and enable the rich editor (if it is not enabled). | ||
+ | # Type the full URL of a website, for example: '''<nowiki>http://www.google.com</nowiki>''' | ||
+ | # Save your page. | ||
+ | # If you have done this correctly, you should have a link to Google (or the website you have entered) displayed as: http://www.google.com}} | ||
+ | |||
+ | == Using the "Insert/Edit Link" button on the Rich Editor toolbar == | ||
+ | |||
+ | When using the Rich Editor, you can add a link by using the "Insert/Edit Link" button, highlighted in the toolbar below. | ||
+ | |||
+ | <br> [[Imagen:Rich text editor link button.png|thumb|center|573px|Highlighted "Insert/Edit Link" button, in the second row on the right]] | ||
+ | |||
+ | We recommend that you use this method for inserting external links because it provides a user-friendly description of the external web page. | ||
+ | |||
+ | ==== Instructions ==== | ||
+ | |||
+ | This is a two step process: | ||
+ | |||
+ | #''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|413px|The "Link" dialog box]]''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''' | ||
+ | |||
+ | Have a go at creating an external link on your sandbox page.<br><br> | ||
+ | * Click on the link to your [[Special:MyPage|user page]] (remember it's located in the top right of the screen if you are logged in) and navigate to your [[Special:MyPage/My sandbox|sandbox page]].<br> | ||
+ | * 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 <nowiki>http://www.google.com</nowiki>. | ||
+ | * 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.}} | ||
+ | |||
+ | <br> {{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 "[http://www.nytimes.com/ 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 [http://en.wiktionary.org/wiki/hyperlink 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 [[w:cats|cats]]." | ||
+ | :Don't: "To find out more about cats go [[w:cats|here]]."}} | ||
+ | |||
+ | == Tips on editing external links == | ||
+ | |||
+ | #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. | ||
+ | #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. | ||
+ | #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. | ||
+ | #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. <br> | ||
+ | #If you enter the web site address for an external link and the resultant link displays as <font color="red">red text</font> 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 "<nowiki>http://</nowiki> prefix, using lower case letters. | ||
+ | #To see how to create an external link using wikitext, see the original Wikieducator tutorial on [[Wikieducator tutorial/New Pages and Links/External links#No_Description|external links]]. | ||
+ | |||
+ | <br> | ||
+ | |||
+ | {{Ant-Sig|{{BASEPAGENAME}}/Descripcion general|{{BASEPAGENAME}}/Enlaces internos}} |
Revisión de 07:45 7 mar 2010
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. |
{{#wetitle:}}
Trabajo en proceso, espera cambios frecuentes. Tu ayuda y retroalimentación son bienvenidos. Ver página de charlas. |
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.
Contenido
Notas de traducción
Referencias
Typing the full web address
If you type the full web address (that is the full URL including the "http://" prefix) in the edit window, the wiki will automaticaly recognise this as an external link and will display the raw web address when saved for the published view. For example:
http://www.oerfoundation.org
Note that the wiki will automatically treat this text as a link (as has been done with the URL above) and it will display the raw web address, including the "http://" part. However, this format is generally not recommended, as raw URLs are ugly and often provide no information about the content of a site.
Create an external link by typing the full URL
|
Using the "Insert/Edit Link" button on the Rich Editor toolbar
When using the Rich Editor, you can add a link by using the "Insert/Edit Link" button, highlighted in the toolbar below.
We recommend that you use this method for inserting external links because it provides a user-friendly description of the external web page.
Instructions
This is a two step process:
- 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.
- Enter the web site address (URL).
- Highlight the description you typed in step 1 above (like you did in the 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 http://www.exelearning.org 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:
Try this yourself
The best way to see how this works is to insert an external link on your sandbox page.
Creating an external link to Google or web site of your choice
Have a go at creating an external link on your sandbox page.
The Link dialog box displays.
The link displays in blue and underlined in the edit window.
|
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.
|
Tips on editing external links
- 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.
- 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.
- 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.
- 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.
- 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.
- To see how to create an external link using wikitext, see the original Wikieducator tutorial on external links.