TUTORIAL (Botones del cuadro de mensaje y BBCODE)

Post on 13-Jun-2015

444 views 2 download

Transcript of TUTORIAL (Botones del cuadro de mensaje y BBCODE)

Diapositiva 1 de x

TUTORIALCómo usar los botones del

cuadro de mensajeCómo usar los BBCODE

PARA APRENDER PASO POR PASO

PARA APRENDER PASO POR PASO Diapositiva 2 de x

Se recomienda tener abierto el foro

http://general6.foromx.org en el momento de estar

viendo este tutorial.

IR AL ÍNDICE

PARA APRENDER PASO POR PASO Diapositiva 3 de x

¿Para qué sirven estas opciones? Citar. Multicitar. Editar. Borrar Reportar

¿Para qué sirven los botones que están sobre el cuadro del mensaje? Cómo cambiar la letra (de color, de tamaño, de estilo, de tipo). Cómo acomodar el texto (a la izquierda, centrado, a la derecha, justificado). Cómo insertar viñetas, numeración y una línea divisoria. Citar. Código. Imagen. Obtener el link de una imagen desde un sitio web. Vínculo. Otros (Índice, exponente, spoiler,

desplazamiento horizontal, desplazamiento vertical,. Oscilar el modo de edición.

ÍNDICE

IR AL ÍNDICE

PARA APRENDER PASO POR PASO Diapositiva 4 de x

¿PARA QUÉ SIRVEN ESTAS OPCIONES?

IR AL ÍNDICE

3.- PREVISUALIZACIÓN → Así se verá tu mensaje.

1.- CITAR → Tomas el comentario del usuario.2.- Se agrega a tu propio comentario, entre las balizas [quote][/quote]. Esto significa aproximadamente “entrecomillado”.

3

PARA APRENDER PASO POR PASO

¿PARA QUÉ SIRVEN ESTAS OPCIONES?

4.- MULTICITA → Quiere decir que puedes citar los comentarios de varios usuarios, para responderles a cada uno en un mismo post, y así no hacer un post de respuesta para cada uno.

5.- RESPONDER → Se te abrirá la ventana

para escribir el mensaje.

6.- QUOTE → Los comentarios de los usuarios aparecen entre esas balizas.

7.- PREVISUALIZACIÓN → Así se verán los dos comentarios de los usuarios.

IR AL ÍNDICE Diapositiva 5 de x

PARA APRENDER PASO POR PASO

¿PARA QUÉ SIRVEN ESTAS OPCIONES?

IR AL ÍNDICE

8.- EDITAR → Es para que puedas modificarle, borrarle, o agregarle algo a tu comentario.

Diapositiva 6 de x

8

9

10

11

9.- Borras, agregas o cambias lo que desees en el texto de tu mensaje.

10.- PREVISUALIZACIÓN → Ves cómo quedó, todavía puedes seguir editando.11.- ENVIAR → Para que se registren los cambios.

PARA APRENDER PASO POR PASO

¿PARA QUÉ SIRVEN ESTAS OPCIONES?

IR AL ÍNDICE Diapositiva 7 de x

12.- BORRAR → Puedes borrar tu mensaje.

12

13

13.- INFORMACIONES → Se te preguntará que si estás seguro; si realmente lo quieres borrar, click en “Sí”. Si siempre no quieres, click en “no”.

PARA APRENDER PASO POR PASO

¿PARA QUÉ SIRVEN ESTAS OPCIONES?

IR AL ÍNDICE

14.- REPORTAR → Esto se usa en caso de que veas un mensaje de otro usuario, que viola las reglas del foro (por lo general sucede con palabras altisonantes, ofensivas, violentas, obscenas, indecorosas, o escribir en mayúsculas, o

por hacer spam <anuncios no solicitados> o flood <repetir el mismo mensaje varias veces>, etc.).

14

15.- HACER UN REPORTE DEL MENSAJE A UN ADMINISTRADOR O A UN MODERADOR → Como puedes ver, tienes todas las opciones para escribir tu mensaje.16.- REGISTRAR → Como siempre, debes dar click ahí para que el mensaje sea enviado.

Diapositiva 8 de x

15

16

PARA APRENDER PASO POR PASO Diapositiva 9 de xIR AL ÍNDICE

¿PARA QUÉ SIRVEN LOS BOTONES ARRIBA DEL CUADRO DE MENSAJE?Sirven para darle cuerpo, diseño y énfasis a tu mensaje.

NEGRITAS:1.- Escribe el texto y selecciónalo todo.

1

2.- Click en este botón (la palabra aparece en medio de las balizas [b][/b])

PARA APRENDER PASO POR PASO Diapositiva 10 de xIR AL ÍNDICE

¿PARA QUÉ SIRVEN LOS BOTONES ARRIBA DEL CUADRO DE MENSAJE?3.- Si abres la “previsualización”, verás esto:

3

4.- Y si le das click a este botón:5.- Verás esto en el cuadro de mensaje.

4

5

PARA APRENDER PASO POR PASO Diapositiva 11 de xIR AL ÍNDICE

¿PARA QUÉ SIRVEN LOS BOTONES ARRIBA DEL CUADRO DE MENSAJE?Sigue el mismo procedimiento para cada uno de los botones siguientes:

6

7 8

6.- ITÁLICA O CURSIVA.

7.-

SUBRAYADO.

8.- TACHADO.

PARA APRENDER PASO POR PASO Diapositiva 12 de xIR AL ÍNDICE

¿PARA QUÉ SIRVEN LOS BOTONES ARRIBA DEL CUADRO DE MENSAJE? 9.- CENTRADO.

10.- A LA DERECHA.

11.- A LA IZQUIERDA.

9

10

11

PARA APRENDER PASO POR PASO Diapositiva 13 de xIR AL ÍNDICE

¿PARA QUÉ SIRVEN LOS BOTONES ARRIBA DEL CUADRO DE MENSAJE? TEXTO JUSTIFICADO.

PARA APRENDER PASO POR PASO Diapositiva 14 de xIR AL ÍNDICE

¿PARA QUÉ SIRVEN LOS BOTONES ARRIBA DEL CUADRO DE MENSAJE?

INSERTAR UNA LÍNEA.

PARA APRENDER PASO POR PASO Diapositiva 15 de xIR AL ÍNDICE

¿PARA QUÉ SIRVEN LOS BOTONES ARRIBA DEL CUADRO DE MENSAJE?

CITAR un texto, un poema, un comentario, la letra de una canción, etc.

PARA APRENDER PASO POR PASO Diapositiva 16 de xIR AL ÍNDICE

¿PARA QUÉ SIRVEN LOS BOTONES ARRIBA DEL CUADRO DE MENSAJE?

1.- Lo escribimos o pegamos (copiado del navegador).

2.- Lo seleccionamos y click en este ícono:

3.- Lo previsualizamos.

4.- Lo publicamos.

3

2

1

INSERTAR UN CÓDIGO O ENLACE → A veces es necesario introducir un código o un enlace (link) pero necesitamos que no esté “activo”, o sea, que al hacer click en él, no se abra la ventana en el navegador:

PARA APRENDER PASO POR PASO Diapositiva 17 de xIR AL ÍNDICE

¿PARA QUÉ SIRVEN LOS BOTONES ARRIBA DEL CUADRO DE MENSAJE?INSERTAR UNA IMAGEN→1.- Click ahí:

2.- Se abre una ventanita para insertar un link directo (de los que comienzan con http).

1

PARA APRENDER PASO POR PASO Diapositiva 18 de xIR AL ÍNDICE

¿PARA QUÉ SIRVEN LOS BOTONES ARRIBA DEL CUADRO DE MENSAJE?

3INSERTAR UNA IMAGEN→ 3.- Pega el link en el cuadrito.4.- Le das click a OK.

4

5

6

5.- Al darle OK, te aparecerá este código en el cuadro de mensaje.

5.- Y acá la previsualización.

PARA APRENDER PASO POR PASO Diapositiva 19 de xIR AL ÍNDICE

¿PARA QUÉ SIRVEN LOS BOTONES ARRIBA DEL CUADRO DE MENSAJE?

CÓMO OBTENER EL LINK DE UNA IMAGEN QUE ESTÁ EN UN SITIO WEB.- A veces vemos una imagen que nos gusta y la queremos insertar.

7.- Haces click con el botón derecho del mouse sobre la imagen, y se despliega este menú.

8.- VER IMAGEN → Click ahí.

9.- Se ve la imagen.

10.- Copia el link que aparece en el navegador.

11.- Pégalo en el

cuadrito del

mensaje que te

apareció acá. 10

6

7

8

9

PARA APRENDER PASO POR PASO Diapositiva 20 de xIR AL ÍNDICE

¿PARA QUÉ SIRVEN LOS BOTONES ARRIBA DEL CUADRO DE MENSAJE?

CÓMO PONER UN VÍNCULO A UN TEXTO

2

3

1

1.- URL → Es el ícono de cadenita. 2.- Se abre una ventanita.

3.- Pega el enlace del sitio web.

PARA APRENDER PASO POR PASO Diapositiva 21 de xIR AL ÍNDICE

¿PARA QUÉ SIRVEN LOS BOTONES ARRIBA DEL CUADRO DE MENSAJE?

CÓMO PONER UN VÍNCULO A UN TEXTO 4

5

4.- Escribe el texto que desees.

5.- OK.- Para que la imagen se inserte al cuadro de texto.

PARA APRENDER PASO POR PASO Diapositiva 22 de x

¿PARA QUÉ SIRVEN LOS BOTONES ARRIBA DEL CUADRO DE MENSAJE?

CÓMO PONER UN VÍNCULO A UN TEXTO

IR AL ÍNDICE

7

6. Así aparece el código en el cuadro del mensaje.

7. Así aparece en la previsualización.

a. Texto con enlace.

b. Enlace sin texto.

6

7b

7a

PARA APRENDER PASO POR PASO Diapositiva 23 de xIR AL ÍNDICE

¿PARA QUÉ SIRVEN LOS BOTONES ARRIBA DEL CUADRO DE MENSAJE?

INSERTAR UNA LISTA CON VIÑETAS.

PARA APRENDER PASO POR PASO Diapositiva 24 de xIR AL ÍNDICE

¿PARA QUÉ SIRVEN LOS BOTONES ARRIBA DEL CUADRO DE MENSAJE?

INSERTAR UNA LISTA NUMERADA.

PARA APRENDER PASO POR PASO Diapositiva 25 de xIR AL ÍNDICE

¿PARA QUÉ SIRVEN LOS BOTONES ARRIBA DEL CUADRO DE MENSAJE?

CAMBIAR EDICIÓN → Como te pudiste dar cuenta, hay dos formas de ver el cuadro del mensaje:1.- Muestra las balizas.2.- Muestra el texto tal y como se verá ya publicado. En esta ventana de edición, el cuadro del mensaje aparece en un color más oscuro.

1

2

PARA APRENDER PASO POR PASO Diapositiva 26 de xIR AL ÍNDICE

¿PARA QUÉ SIRVEN LOS BOTONES ARRIBA DEL CUADRO DE MENSAJE?

COLOR DE FUENTE (LETRA)

PARA APRENDER PASO POR PASO Diapositiva 27 de xIR AL ÍNDICE

¿PARA QUÉ SIRVEN LOS BOTONES ARRIBA DEL CUADRO DE MENSAJE?

TAMAÑO DE FUENTE

PARA APRENDER PASO POR PASO Diapositiva 28 de xIR AL ÍNDICE

¿PARA QUÉ SIRVEN LOS BOTONES ARRIBA DEL CUADRO DE MENSAJE?

ESTILO DE FUENTE

PARA APRENDER PASO POR PASO Diapositiva 29 de xIR AL ÍNDICE

¿PARA QUÉ SIRVEN LOS BOTONES ARRIBA DEL CUADRO DE MENSAJE?ÍNDICE, EXPONENTE, SPOILER, DESPLAZAMIENTO HORIZONTAL, DESPLAZAMIENTO VERTICAL.

PARA APRENDER PASO POR PASO Diapositiva 30 de xIR AL ÍNDICE