Diferencia entre revisiones de «Tutorial ETE/Formato basico de texto/Negritas cursivas y encabezados»

De WikiEducator
Saltar a: navegación, buscar
m (Comienzo de la traducción)
m (Continuación de la traducción)
Línea 13: Línea 13:
 
{{tip|Una vez que haya dominado los fundamentos del formato de texto, una buena manera de aprender nuevas características de formato es encontrar una página con una característica de diseño que te gusta, y hacer clic en la pestaña "editar" para ver el wikitexto que se utilizó para esa particular característica de texto.}}
 
{{tip|Una vez que haya dominado los fundamentos del formato de texto, una buena manera de aprender nuevas características de formato es encontrar una página con una característica de diseño que te gusta, y hacer clic en la pestaña "editar" para ver el wikitexto que se utilizó para esa particular característica de texto.}}
  
----
+
== Usando la barra de herramientas del editor enriquecido ==
  
 +
Cuando estabas editando tu página de usuario en la la actividad de la "primera edición", puedes haber notado que la barra de herramientas contiene una serie de botones gráficos como estos:
  
== Referencias ==
+
[[Imagen:Rich text editor toolbar.png|frame|center|767px|Barra de herramientas del editor enriquecido ]]  
* [http://wikieducator.org/Wikieducator_rich_text_editor_tutorials/Basic_text_formatting Version en ingles]
+
  
 +
<br> Esta barra de herramientas se utiliza para agregar formato simple a tu contenido. Después de activar el editor enriquecido, mueve el puntero del ratón sobre los botones gráficos para resaltar cada función. Toma en cuenta que cuando se mantiene el puntero sobre un botón, un texto aparecerá describiendo la función de cada botón gráfico. <br>
  
== Notas de traducción ==
+
<br>
{{Nota|
+
* }}
+
  
 +
El formato básico es un proceso de dos pasos:
  
----
+
# Resaltar el texto al que desea dar formato y,
 +
# hacer clic en el botón gráfico correspondiente en la barra de herramientas para el formato que deseas aplicar.
  
 +
<br>
  
  
 +
{{Tip|Para utilizar la barra de herramientas tendrás que utilizar el ratón para ''resaltar y seleccionar el texto'' en el que deseas aplicar el formato. Para resaltar y seleccionar una parte del texto, haz clic y manten pulsado el botón izquierdo del ratón mientras mueves el ratón sobre el texto que deseas seleccionar. El texto resaltado se convertirá en un color diferente; suelta el botón cuando se haya puesto en relieve la selección de texto a la que deseas aplicar el formato.
 +
}}
  
 +
== Negrita, cursiva y subrayado ==
  
== Using the rich editor toolbar  ==
+
Una vez que hayas seleccionado el texto, puedes hacer clic en:
  
When you were editing your User page in the "first edit" activity, you may have noticed that the toolbar contains a series of graphic buttons like this:  
+
* El botón "negrita", [[Imagen:Rich text editor bold text.png]], para poner en '''negrita''' a la selección;
 +
* El botón "cursiva", [[Imagen:Rich text editor italics text.png]], para poner en ''cursiva'' a la selección;
 +
* El el botón "subrayado", [[Imagen:Rich text editor underline text.png]], para <u>Subrayar</u> la selección;
  
[[Image:Rich text editor toolbar.png|frame|center|767px|Rich text editor toolbar]]
+
Tu formato aparecerá automáticamente cuando estés en el modo de edición enriquecido, pero no se guardará automáticamente. Para guardar el trabajo, deberás hacer clic en el botón "Grabar la página" situado en la parte inferior de la pantalla.
  
<br> This toolbar is used to add simple formatting to your content. After enabling the Rich Editor, move your mouse pointer over the graphic buttons to highlight each feature. Note that when you hold your pointer over a button, text will appear describing the function of each graphic button. <br>
 
  
<br>
 
  
Basic formatting is a two step process:
 
  
#Highlighting the text you want to format, and
+
----
#Clicking the corresponding graphic button in the toolbar for the format you want to apply.
+
 
 +
 
 +
== Referencias ==
 +
* [http://wikieducator.org/Wikieducator_rich_text_editor_tutorials/Basic_text_formatting/Bold_italics_and_headings  Version en ingles]
 +
 
 +
 
 +
== Notas de traducción ==
 +
{{Nota|
 +
* }}
 +
 
 +
 
 +
----
 +
 
  
<br>
 
  
{{Tip|To use the toolbar you will need to use your mouse to ''highlight and select the text'' upon which you wish to apply the formatting. To highlight and select a piece of text, click and hold with your left mouse button while moving your mouse across the text you wish to select. The highlighted text will turn into a different colour; release the button when you have highlighted the selection of text to which you would like to apply formatting.
 
}}
 
  
== Bold, italics and underline  ==
 
  
Once you have your text selected you can click on:
 
  
*the "Bold" button, [[Image:Rich text editor bold text.png]], to '''bold''' the selection;
 
*the "Italics" button, [[Image:Rich text editor italics text.png]], to ''italicize'' the selection;
 
*the "Underline" button, [[Image:Rich text editor underline text.png]], to <u>underline</u> the selection;
 
  
Your formatting will automatically appear when you are in the rich editing mode, but it is not automatically saved. To save your work you need to click on the "Save page" button at the bottom of the screen.
 
  
 
{{Actividad|Title='''Bold''' and ''Italics'' text activity|
 
{{Actividad|Title='''Bold''' and ''Italics'' text activity|

Revisión de 17:54 6 ago 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




En esta subsección cubrimos enfoques de la edición de texto enriquecido para el formato de texto. Muchos nuevos miembros prefieren utilizar la barra de herramientas del editor enriquecido, porque no es necesario recordar el código wiki (sintaxis). Sin embargo, la experimentación con el método wikitexto te ayudará a entender cómo funciona el wiki. A medida que te familiarices más con la edición wiki podrás desarrollar tus propias preferencias y los accesos directos para tareas regulares.

Icon present.gif
Tip: Una vez que haya dominado los fundamentos del formato de texto, una buena manera de aprender nuevas características de formato es encontrar una página con una característica de diseño que te gusta, y hacer clic en la pestaña "editar" para ver el wikitexto que se utilizó para esa particular característica de texto.


Usando la barra de herramientas del editor enriquecido

Cuando estabas editando tu página de usuario en la la actividad de la "primera edición", puedes haber notado que la barra de herramientas contiene una serie de botones gráficos como estos:

Archivo:Rich text editor toolbar.png
Barra de herramientas del editor enriquecido


Esta barra de herramientas se utiliza para agregar formato simple a tu contenido. Después de activar el editor enriquecido, mueve el puntero del ratón sobre los botones gráficos para resaltar cada función. Toma en cuenta que cuando se mantiene el puntero sobre un botón, un texto aparecerá describiendo la función de cada botón gráfico.


El formato básico es un proceso de dos pasos:

  1. Resaltar el texto al que desea dar formato y,
  2. hacer clic en el botón gráfico correspondiente en la barra de herramientas para el formato que deseas aplicar.



Icon present.gif
Tip: Para utilizar la barra de herramientas tendrás que utilizar el ratón para resaltar y seleccionar el texto en el que deseas aplicar el formato. Para resaltar y seleccionar una parte del texto, haz clic y manten pulsado el botón izquierdo del ratón mientras mueves el ratón sobre el texto que deseas seleccionar. El texto resaltado se convertirá en un color diferente; suelta el botón cuando se haya puesto en relieve la selección de texto a la que deseas aplicar el formato.


Negrita, cursiva y subrayado

Una vez que hayas seleccionado el texto, puedes hacer clic en:

Tu formato aparecerá automáticamente cuando estés en el modo de edición enriquecido, pero no se guardará automáticamente. Para guardar el trabajo, deberás hacer clic en el botón "Grabar la página" situado en la parte inferior de la pantalla.





Referencias


Notas de traducción

(Comment.gif:

  • )









Icon activity.jpg

Bold and Italics text activity

In this activity we'll use the rich editor toolbar.

  • Go to the sandbox page you created under your User page. (Complete the activity on the previous page if you have not created your sandbox.)
  • Click on the edit tab.
  • Click the blue Rich Editor link to enable the rich editor (if it is disabled).
  • In the edit window, type or copy the following sentence or something similar:
This word is bold and this word is italics.

Notice how the edit view (shown in the edit window) and preview (shown above the edit window) look the same. You should not need to preview bold or italics text in the future.

  • Click on the Save page button to save your work.




Congratulations you have formatted your first text in WikiEducator. You can also view the short screen movie instructions on how to do this.

Headings and subheadings

==


Makgongoana Henry Monyela ==

Creating headings and subheadings is as simple as italicising text. The headline pulldown menu (shown to right) displays the format for the available headings and subheadings for use with selected text. First you highlight the text you want to display as a heading. Once you have the headline menu options visible, click on the option of your choice to select it.
  • Select Heading 1 for a Level 1 heading
  • Select Heading 2 for a Level 2 subheading
  • Select Heading 3 for a Level 3 subheading, etc.
  • Normal will revert back to normal paragraph text display.


Icon present.gif
Tip: Note that the Heading format is applied to a line of text. It cannot be used for displaying individual words within a line of text at the desired heading level.


Let's try making a heading in your sandbox.



Icon activity.jpg

Creating a heading (or section)

  • Go to the sandbox you created under your User page.
  • Click on the edit tab.
  • Click the blue Rich Editor link to enable the rich editor (if it is disabled).
  • Type (or copy) the following into the edit area: "My first header".
  • Highlight the text you just typed.
  • Click dropdown arrow on the headline menu (see figure above) and select the "Heading 2" option to change the typed text to a level 2 heading.
  • Click the Show preview button.

Notice how the edit view and preview look the same. You should not need to preview new headings in the future.

  • On a new line, type: "My second subheading".
  • Highlight the text you just typed.
  • Click the dropdown arrow on the headline menu and select the "Heading 3" option to change the typed text to a level 3 subheading.
  • Click on the Save page button to save your work.




Congratulations, you have created your first heading and subheading. Hopefully, you are becoming comfortable with using the rich text editor. You can also view a short screen movie on how to create a heading in your sandbox.

A sneak peek at the wikitext

If you are interested in formatting some text using wikitext you will find instructions in the Wikieducator tutorial for standard wiki markup. Once you are familiar with some of the basic formatting syntax, you may find it quicker and easier to just type this syntax into the edit mode text area rather than highlighting, selecting and clicking on the buttons. To take a sneak peak at the wikitext that creates the formatting and headings you just made, click on the "Wikitext" button in the rich editor toolbar on your sandbox page.


Plantilla:PrevNext