TUTORIAL (Botones del cuadro de mensaje y BBCODE)

30
TUTORIAL Cómo usar los botones del cuadro de mensaje Cómo usar los BBCODE 1 PARA APRENDER PASO POR PASO

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

Page 1: 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

Page 2: TUTORIAL (Botones del cuadro de mensaje y BBCODE)

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

Page 3: TUTORIAL (Botones del cuadro de mensaje y BBCODE)

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

Page 4: TUTORIAL (Botones del cuadro de mensaje y BBCODE)

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

Page 5: TUTORIAL (Botones del cuadro de mensaje y BBCODE)

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

Page 6: TUTORIAL (Botones del cuadro de mensaje y BBCODE)

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.

Page 7: TUTORIAL (Botones del cuadro de mensaje y BBCODE)

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”.

Page 8: TUTORIAL (Botones del cuadro de mensaje y BBCODE)

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

Page 9: TUTORIAL (Botones del cuadro de mensaje y BBCODE)

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])

Page 10: TUTORIAL (Botones del cuadro de mensaje y BBCODE)

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

Page 11: TUTORIAL (Botones del cuadro de mensaje y BBCODE)

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.

Page 12: TUTORIAL (Botones del cuadro de mensaje y BBCODE)

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

Page 13: TUTORIAL (Botones del cuadro de mensaje y BBCODE)

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

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

Page 14: TUTORIAL (Botones del cuadro de mensaje y BBCODE)

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.

Page 15: TUTORIAL (Botones del cuadro de mensaje y BBCODE)

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.

Page 16: TUTORIAL (Botones del cuadro de mensaje y BBCODE)

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:

Page 17: TUTORIAL (Botones del cuadro de mensaje y BBCODE)

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

Page 18: TUTORIAL (Botones del cuadro de mensaje y BBCODE)

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.

Page 19: TUTORIAL (Botones del cuadro de mensaje y BBCODE)

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

Page 20: TUTORIAL (Botones del cuadro de mensaje y BBCODE)

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.

Page 21: TUTORIAL (Botones del cuadro de mensaje y BBCODE)

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.

Page 22: TUTORIAL (Botones del cuadro de mensaje y BBCODE)

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

Page 23: TUTORIAL (Botones del cuadro de mensaje y BBCODE)

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.

Page 24: TUTORIAL (Botones del cuadro de mensaje y BBCODE)

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.

Page 25: TUTORIAL (Botones del cuadro de mensaje y BBCODE)

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

Page 26: TUTORIAL (Botones del cuadro de mensaje y BBCODE)

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)

Page 27: TUTORIAL (Botones del cuadro de mensaje y BBCODE)

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

Page 28: TUTORIAL (Botones del cuadro de mensaje y BBCODE)

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

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

ESTILO DE FUENTE

Page 29: TUTORIAL (Botones del cuadro de mensaje y BBCODE)

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.

Page 30: TUTORIAL (Botones del cuadro de mensaje y BBCODE)

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