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)
 
(3 revisiones intermedias por el mismo usuario no mostrado)
Línea 9: Línea 9:
  
  
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.
+
En esta ''subsección'' cubriremos 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.
  
 
{{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>
+
{{Actividad|Title=Actividad de texto en '''Negrita''' y''cursiva''|
  
<br>  
+
En esta actividad vamos a utilizar la barra de herramientas del editor enriquecido. <br><br>
 +
* Ve a tu página de prácticas o [[Especial:Mi Página/Mi arenero | arenero]] que has creado bajo tu [[Especial:Mi Página | Página de usuario]]. (Completa la [[Tutorial ETE/Formato basico de texto/Creando mi arenero | actividad]] en la página anterior si no has creado todavía tu arenero.) <br>
 +
* Haz clic en la pestaña '''editar'''.  <br>
 +
* Haz clic en enlace azul '''Editor enriquecido''' para activar el editor visual (si éste está desactivado).
 +
* En la ventana de edición, escriba o copia la siguiente frase o algo similar:
 +
:: Esta palabra está en negrita y esta otra en cursiva.
 +
* Destaca la palabra que deseas que aparezca en negrita y haz clic en el botón '''Negrita''', [[Image:rich text editor bold_text.png]].<br>
 +
* Destaca la palabra que desees que aparezcan en cursiva y haz clic en el botón '''cursiva''', [[Image:rich text editor italics_text.png]]<br>
 +
* Haz clic en el botón '''Mostrar previsualización''' en la parte inferior de la pantalla.
 +
Observa cómo la vista de edición (que aparece en la ventana de edición) y una vista previa (que se muestra por encima de la ventana de edición) tienen el mismo aspecto. No tendrás la necesidad de usar ua vista previa para el texto en '''negrita''' o ''cursiva'' en el futuro.
 +
* Haz clic en botón de '''Grabar la página''' para guardar tu trabajo.}}
  
Basic formatting is a two step process:
+
 +
¡Felicitaciones, has formateado tu primer texto en WikiEducator!. También puedes ver las instrucciones en la [[{{BASEPAGENAME}}/Muestrame como 2 | pantalla pequeña]] sobre cómo hacer esto.
  
#Highlighting the text you want to format, and
+
== Los Títulos y subtítulos ==
#Clicking the corresponding graphic button in the toolbar for the format you want to apply.
+
  
<br>  
+
== '''''Makgongoana Henry Monyela''''' ==
 +
[[Image:Rich text editor heading menu.png|thumb|240px|El menú desplegable de títulos]] La creación de Títulos y subtítulos es tan simple como darle formaato de cursiva al texto. El menú de título desplegable (mostrado a la derecha) muestra el formato disponible para los títulos y subtítulos para su uso con el texto seleccionado. Primero, resalta el texto que deseas mostrar como un título. Una vez que tengas visibles las opciones del menú título, haz clic en la opción de tu elección para seleccionarla. <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.
+
* Selecciona la rúbrica 1 para una posición de nivel 1
}}
+
* Selecciona la rúbrica 2 para un nivel 2 de subpartida
 +
* Selecciona la rúbrica 3 para un nivel 3 de subpartida, etc. <br>
 +
* Normal regresará a párrafo normal el texto mostrado.
  
== Bold, italics and underline  ==
+
<br>
  
Once you have your text selected you can click on:
+
{{Tip|Tenga en cuenta que el formato del título se aplica a una línea de texto. No se puede utilizar para la visualización individual de palabras dentro de una línea de texto en el nivel de título que desea.}}
  
*the "Bold" button, [[Image:Rich text editor bold text.png]], to '''bold''' the selection;
+
Vamos a tratar de poner un título en tu arenero.
*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=Creación de un título (o sección) |
  
In this activity we'll use the rich editor toolbar.<br><br>
+
* Ve a la párgina de prácticas o [[Especial:Mi Página/Mi arenero | arenero]] que has creado bajo tu [[Especial:Mi Página|Página de usuario]]. <br>
* Go to the [[Special:MyPage/My sandbox |sandbox]] page you created under your [[Special:MyPage|User page]]. (Complete the [[Wikieducator_rich_text_editor_tutorials/Basic_text_formatting/Create_my_sandbox#Activity_to_create_a_Sandbox_.28or_practice_area.29|activity]] on the previous page if you have not created your sandbox.)<br>
+
* Haz clic en la pestaña '''editar'''. <br>
* Click on the '''edit''' tab.<br>
+
* Haz clic en el enlace azul del '''Editor enriquecido''' para activar el editor visual (si está desactivado).
* Click the blue '''Rich Editor''' link to enable the rich editor (if it is disabled).  
+
* Escribe (o copia) lp siguiente en el área de edición: "Mi primera sección". <br>
* In the edit window, type or copy the following sentence or something similar:  
+
* Resalta el texto que acabas de escribir.
::This word is bold and this word is italics.
+
* Haz clic en la '''flecha desplegable''' en el menú '''título''' (véase la figura de arriba) y selecciona la opción  "Título 2" opción para cambiar el texto escrito a un nivel 2 de la sección. <br>
* Highlight the word you want to appear in bold and click on the '''Bold''' button, [[Image:rich text editor bold_text.png]].<br>
+
* Haz clic en el botón '''Mostrar previsualización'''.
* Highlight the word you want to appear in italics and click on the '''Italics''' button, [[Image:rich text editor italics_text.png]]<br>
+
* Click on the '''Show preview''' button at the bottom of the screen.  
+
  
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.  
+
Observe cómo la vista de edición y la vista previa tienen el mismo aspecto. No será necesario obtener una vista previa de las nuevas líneas de título (o sección)en el futuro.
* Click on the '''Save page''' button to save your work.}}  
+
* En una línea nueva, escribe: "Mi segundo subtítulo".
 +
* Resalta el texto que acabas de escribir.
 +
* Haz clic en la '''flecha desplegable''' en el menú '''título''' y selecciona la opción "Título 3" para cambiar el texto escrito a un nivel 3 de la subsección.
 +
* Haz clic en botón de '''Grabar la página''' para guardar tu trabajo.}}
  
Congratulations you have formatted your first text in WikiEducator. You can also view the short [[{{BASEPAGENAME}}/Show me how2|screen movie]] instructions on how to do this.
 
  
== Headings and subheadings  ==
+
¡Felicitaciones, has creado tu primera sección y subsección!. Con suerte, te estás sintiendo cómodo con el uso del editor de texto enriquecido. También puedes ver una corta [[{{BASEPAGENAME}}/Show me how3|pantalla de cine]] acerca de cómo crear una partida en tu página de prácticas o arenero.
  
==  
+
== Un vistazo al wikitexto ==
----
+
'''''Makgongoana Henry Monyela''''' ==
+
[[Image:Rich text editor heading menu.png|thumb|240px|The headline pulldown menu]] 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.<br>
+
  
*Select Heading 1 for a Level 1 heading
+
Si estás interesado en dar formato a algún texto utilizando el wikitexto, encontrarás las instrucciones en el 
*Select Heading 2 for a Level 2 subheading
+
[[Tutorial/Formato_basico_de_texto/Negritas_cursivas_y_encabezados | Tutorial WikiEducator ]] para el texto estándar de wiki. Una vez que estés familiarizado con algunas de las sintaxis de formato básico, puede que te resulte más rápido y fácil tener que teclear esta sintaxis en el área de texto en modo de edición, en lugar de resaltar, seleccionar y hacer clic en los botones. Para darle un vistazo al wikitexto que crea el formato y las partidas que acabas de hacer, haz clic en el botón "Wikitexto" en la barra de herramientas del editor enriquecido en tu página prácticas o arenero.
*Select Heading 3 for a Level 3 subheading, etc.<br>
+
*Normal will revert back to normal paragraph text display.
+
  
<br>
 
  
{{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.}}  
+
<br> {{Ant-Sig|{{BASEPAGENAME}}/Creando mi arenero | {{BASEPAGENAME}}/Viñetas y listas numeradas}}
  
Let's try making a heading in your sandbox.
 
  
{{Actividad|Title=Creating a heading (or section)|
 
  
* Go to the [[Special:MyPage/My sandbox |sandbox]] you created under your [[Special:MyPage|User page]]. <br>
 
* Click on the '''edit''' tab.<br>
 
* 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".<br>
 
* 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.<br>
 
* 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 [[{{BASEPAGENAME}}/Show me how3|screen movie]] on how to create a heading in your sandbox.
 
  
== A sneak peek at the wikitext  ==
+
== Referencias ==
 +
* [http://wikieducator.org/Wikieducator_rich_text_editor_tutorials/Basic_text_formatting/Bold_italics_and_headings  Version en ingles]
  
If you are interested in formatting some text using wikitext you will find instructions in the [[Wikieducator tutorial/Basic Text Formatting/Bold Italics and Headings|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.
 
  
<br> {{prevNext|Wikieducator rich text editor tutorials/Basic text formatting/Create my sandbox|Wikieducator rich text editor tutorials/Basic text formatting/Bullets and numbered lists}}
+
== Notas de traducción ==
 +
{{Nota|
 +
* Por verificar enlaces --[[Usuario:J vidals|Jorge Vidals]] 07:29 6 ago 2010 (UTC)}}

Última revisión de 20:29 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 cubriremos 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.



Icon activity.jpg

Actividad de texto en Negrita ycursiva

En esta actividad vamos a utilizar la barra de herramientas del editor enriquecido.

  • Ve a tu página de prácticas o arenero que has creado bajo tu Página de usuario. (Completa la actividad en la página anterior si no has creado todavía tu arenero.)
  • Haz clic en la pestaña editar.
  • Haz clic en enlace azul Editor enriquecido para activar el editor visual (si éste está desactivado).
  • En la ventana de edición, escriba o copia la siguiente frase o algo similar:
Esta palabra está en negrita y esta otra en cursiva.

Observa cómo la vista de edición (que aparece en la ventana de edición) y una vista previa (que se muestra por encima de la ventana de edición) tienen el mismo aspecto. No tendrás la necesidad de usar ua vista previa para el texto en negrita o cursiva en el futuro.

  • Haz clic en botón de Grabar la página para guardar tu trabajo.




¡Felicitaciones, has formateado tu primer texto en WikiEducator!. También puedes ver las instrucciones en la pantalla pequeña sobre cómo hacer esto.

Los Títulos y subtítulos

Makgongoana Henry Monyela

Archivo:Rich text editor heading menu.png
El menú desplegable de títulos
La creación de Títulos y subtítulos es tan simple como darle formaato de cursiva al texto. El menú de título desplegable (mostrado a la derecha) muestra el formato disponible para los títulos y subtítulos para su uso con el texto seleccionado. Primero, resalta el texto que deseas mostrar como un título. Una vez que tengas visibles las opciones del menú título, haz clic en la opción de tu elección para seleccionarla.
  • Selecciona la rúbrica 1 para una posición de nivel 1
  • Selecciona la rúbrica 2 para un nivel 2 de subpartida
  • Selecciona la rúbrica 3 para un nivel 3 de subpartida, etc.
  • Normal regresará a párrafo normal el texto mostrado.


Icon present.gif
Tip: Tenga en cuenta que el formato del título se aplica a una línea de texto. No se puede utilizar para la visualización individual de palabras dentro de una línea de texto en el nivel de título que desea.


Vamos a tratar de poner un título en tu arenero.



Icon activity.jpg

Creación de un título (o sección)

  • Ve a la párgina de prácticas o arenero que has creado bajo tu Página de usuario.
  • Haz clic en la pestaña editar.
  • Haz clic en el enlace azul del Editor enriquecido para activar el editor visual (si está desactivado).
  • Escribe (o copia) lp siguiente en el área de edición: "Mi primera sección".
  • Resalta el texto que acabas de escribir.
  • Haz clic en la flecha desplegable en el menú título (véase la figura de arriba) y selecciona la opción "Título 2" opción para cambiar el texto escrito a un nivel 2 de la sección.
  • Haz clic en el botón Mostrar previsualización.

Observe cómo la vista de edición y la vista previa tienen el mismo aspecto. No será necesario obtener una vista previa de las nuevas líneas de título (o sección)en el futuro.

  • En una línea nueva, escribe: "Mi segundo subtítulo".
  • Resalta el texto que acabas de escribir.
  • Haz clic en la flecha desplegable en el menú título y selecciona la opción "Título 3" para cambiar el texto escrito a un nivel 3 de la subsección.
  • Haz clic en botón de Grabar la página para guardar tu trabajo.




¡Felicitaciones, has creado tu primera sección y subsección!. Con suerte, te estás sintiendo cómodo con el uso del editor de texto enriquecido. También puedes ver una corta pantalla de cine acerca de cómo crear una partida en tu página de prácticas o arenero.

Un vistazo al wikitexto

Si estás interesado en dar formato a algún texto utilizando el wikitexto, encontrarás las instrucciones en el Tutorial WikiEducator para el texto estándar de wiki. Una vez que estés familiarizado con algunas de las sintaxis de formato básico, puede que te resulte más rápido y fácil tener que teclear esta sintaxis en el área de texto en modo de edición, en lugar de resaltar, seleccionar y hacer clic en los botones. Para darle un vistazo al wikitexto que crea el formato y las partidas que acabas de hacer, haz clic en el botón "Wikitexto" en la barra de herramientas del editor enriquecido en tu página prácticas o arenero.







Referencias


Notas de traducción

(Comment.gif:

  • Por verificar enlaces --Jorge Vidals 07:29 6 ago 2010 (UTC))