Tutorial de edición de mensajes del foro

De Crisisenergetica, la enciclopedia libre.

Tabla de contenidos

Insertar un enlace en un mensaje

Hay tres formas distintas de añadir enlaces a un mensaje. Se expondrán de menor a mayor complicación.

Añadiendo sólo la dirección

Esta forma es la más sencilla aunque la menos vistosa. En la página de inserción/edición del mensaje se pincha en el botón "URL":

captura1ft5.jpg

Aparecerá un texto al final del mensaje con el siguiente literal:

[url]

A continación del texto se pega la URL destino, por ejemplo, Google:

[url]http://www.google.es

Por último, se vuelve pinchar sobre el botón "URL*" (el asterisco indica que hay una etiqueta url abierta), el cual insertará el literal [/url] al final del texto. El resultado será el siguiente:

[url]http://www.google.es[/url]


Este código anterior generará el siguiente resultado:

captura2ut2.jpg


Nótese cómo en la previsualización del mensaje aparece el enlace con el texto http://www.google.es. Esto puede suponer un problema pues hay enlaces muy largos y si se copian de este modo generarán un desplazamiento (scroll) horizontal, lo cual hace muy incómoda la lectura de la página. Para solucionar este incoveniente se pueden insertar enlaces cambiando el texto mostrado en pantalla, tal y como se verá en el siguiente punto.


Añadiendo una descripción al enlace

Al igual que en el caso anterior, el primer paso es pinchar sobre el botón "URL", el cual generará el literal [url] al final del mensaje. Sin embargo ahora es necesario modificar tal literal y añadirle lo siguiente para un crear un vínculo:

[url=http://www.google.es]Enlace a Google

Por último volver a pinchar sobre el botón "URL*", el cual generará el literal [/url] al final del texto. El resultado final será este:

[url=http://www.google.es]Enlace a Google[/url]

Y la vista por pantalla esta:

captura3gp5.jpg


Como se ve, esta forma es ligeramente más complicada que la anterior, básicamente consiste en añadir =dirección_del_enlace a la etiqueta [url] antes del cierre de corchete y a continuación añadir el texto que se quiera mostrar por pantalla. Así se soluciona el problema del posible desplazamiento horizontal de la pantalla, a parte de resultar mucho más elegante ver en un mensaje un texto que diga enlace a la noticia donde se pueda pinchar para consultar la página que no ver un literal http://loquesea.com/noticia?id=12343&style=443&color=FFAA00&referer=http%3A%2F%2Fwww.google.es ilegible y poco representativo.

Usando etiquetas HTML

Esta forma resulta la más compleja, aunque en cambio permite personalizar aún más el enlace y también será familiar para aquellos mínimamente acostumbrados al lenguaje HTML.

En esta ocasión se debe añadir todo el texto en el mensaje sin ayudas de ningún tipo. Por ejemplo, para añadir un enlace a Google se escribe lo siguiente en el cuerpo del mensaje:

<a href="http://www.google.es">Enlace a Google</a>

Lo cual producirá el siguiente resultado:

captura4vr8.jpg


El resultado es exactamente el mismo que en el punto anterior, aunque en este caso se pueden añadir más paramétros al enlace, como por ejemplo el elemento target:

<a href="http://www.google.es" target="_blank">Enlace a Google</a>

Este enlace, si bien por pantalla produce el mismo resultado, tiene la ventaja de que al pinchar sobre él abre una nueva pestaña (o ventana) del navegador, de forma que no se pierde en ningún momento la página original de Crisis Energética que se estaba consultando.

Como curiosidad, para pulsar sobre un enlace y abrir el resultado en una nueva pestaña usando Firefox o Internet Explorer 7 se debe usar el botón central del ratón (normalmente el correspondiente a la rueda del mismo) o en su defecto pulsar la tecla Control + botón izquierdo del ratón. Si se pulsa la tecla Mayúscula + botón izquierdo del ratón, el enlace se abre entonces en una nueva ventana.





Subir imágenes a un repositorio público e insertarlas en un mensaje

Si queremos insertar en un mensaje una imagen que tenemos en nuestro disco duro para que todo el mundo pueda verla, previamente habrá que subirla a un repositorio público de archivos. A continuación se detalla cómo subir imágenes a uno de esos repositorios más populares: ImageShack


Consideraciones previas sobre el tamaño y tipo de las imágenes a subir

La anchura (resolución) de la mayor parte de los monitores comienza como mínimo en 1024 píxeles, pero contando que muchas páginas tienen los márgenes derecho y/o izquierdo ocupados con información y navegabilidad del sitio, la anchura máxima de las imágenes que vamos a subir tiene que estar bastante lejos de la cifra anteriormente mencionada. Probablemente 700 píxeles sea un límite máximo aceptable. En caso de subir imágenes demasiado anchas la página tendría desplazamiento (scroll) horizontal, lo cual haría la lectura de los mensajes muy incómoda.

Si por cualquier motivo se necesitan subir imágenes más grandes, ImageShack genera automáticamente una previsualización más pequeña (thumbnail en inglés) que es la que se insertaría directamente en el mensaje para poder pinchar sobre ella y ver la imagen final en una pestaña (o ventana) distinta.

Sobre el formato de las imágenes hay muy poco que hablar: PNG o JPEG (GIF o TIFF en contadas ocasiones) por su relación calidad/tamaño en disco.


Subir una imagen a ImageShack

Una vez en la página de ImageShack pinchamos en el botón de "Examinar..." y seleccionamos la imagen que queremos subir de nuestro disco duro. Si el navegador está en inglés el botón será "Browse...".

captura5es8.jpg


Una vez hayamos seleccionado el fichero pulsamos sobre el botón "host it!". Comienza entonces a subirse la imagen al servidor, este proceso puede tardar más o menos en función del tamaño en disco de la imagen a subir y del tipo de conexión que tengamos a Internet. Normalmente, contando con una conexión de banda ancha, el proceso suele demorar unos breves segundos.

captura6bh5.jpg


Al finalizar el proceso de subir la imagen, saldrá una pantalla como esta:

captura7le5.jpg


Si la imagen que hemos subido tiene una resolución superior a 200x200 píxeles (que probablamente se dé en la mayor parte de los ocasiones) ImageShack automáticamente genera una previsualización. Dicha parte ocupa la parte superior de la pantalla (todos los cuadros de texto corresponden a Thumbnail). La parte inferior de la pantalla recoge los datos de la imagen original.


Insertar la imagen en el mensaje

Si la imagen que hemos subido no es demasiado grande (recuérdense las consideraciones previas) y se quiere insertar directamente en el cuerpo del mensaje, se selecciona el texto contenido dentro del campo Direct link to image y se copia en el portapapeles (botón derecho del ratón y Copiar).

captura8ji2.jpg


A continuación se vuelve a la pantalla donde estemos redactando el mensaje para el foro y pulsamos sobre el botón "Img"

captura9ts5.jpg


El cual insertará el literal [img] al final del texto. Acto seguido pegar el contenido del portapapeles (botón derecho del ratón y Pegar o la combinación de teclas Control + V) y volver a pulsar sobre el botón "Img*". El código resultante será:

[img]http://img367.imageshack.us/img367/1447/captura10qb6.jpg[/img]

Y por pantalla se verá:

captura11wo9.jpg


Lo anterior produce como resultado en el mensaje una imagen no enlazable (que no tiene vínculo al ponerse sobre ella) y es la forma más limpia de subir una imagen.


Un forma alternativa mucho más sencilla es seleccionar el texto contenido o bien en el cuadro Hotlink for forums (1) o bien en Hotlink for Websites, copiar su contenido y por último pegarlo en el mensaje.

captura12kz8.jpg


El caso anterior produce como resultado una imagen en el mensaje, aunque ahora será enlazable hacia ImageShack. El resultado más elegante lo produce el texto del cuadro Hotlink for Websites por no insertar un antiestético borde en la imagen en cuestión. El proceso anterior se vería de la siguiente forma en la pantalla de edición del mensaje:

captura13et7.jpg


Si la imagen que hemos subido es demasiado grande se hace necesario insertar en el mensaje la previsualización generada por ImageShack. Para ello copiar el texto contenido en el cuadro a la izquierda del literal Thumbnail for Websites. Dicho enlace contiene una previsualización (thumbnail) de la imagen que acabamos de subir.

captura14jr4.jpg


El resultado de pegar ese literal en un mensaje del foro sería este:

captura15pf0.jpg


Como se puede ver el proceso es muy sencillo, sólo ha sido subir la imagen, copiar el texto del cuadro Thumbnail for Websites y pegarlo en nuestro mensaje del foro. Con esto hemos conseguido insertar una imagen pequeña pero que es a su vez un enlace a la imagen original (grande). Con sólo hacer click con el ratón sobre la previsualización abrirá una nueva pestaña (o ventana) hacia la original.

Si la imagen que hemos subido no es superior a los 200X200 píxeles anteriormente mencionados, la pantalla resultante será más sencilla pues no tendrá el apartado de previsualización

Hay más repositorios públicos para subir imágenes, siendo el funcionamiento en todos ellos muy similar.





Insertar un vídeo en un mensaje

A continuación se explica cómo añadir vídeos de YouTube a un mensaje del foro. Afortunadamente es una tarea muy sencilla. Como ejemplo voy a utilizar un vídeo del compañero EdgarMex.

Lo primero de todo, por supuesto, visitar YouTube e ir hasta el vídeo, en el caso que nos ocupa la dirección es esta. En esa misma página se observa la casilla Insertar (en la versión inglesa de YouTube el campo se llama Embed):

captura16ai4.jpg


Lo único que hay que hacer es seleccionar todo el texto contenido en ese campo de texto y copiarlo (Control + C o botón derecho del ratón y Copiar), para a continuación ir a la página de Crisis Energética donde se esté insertando un nuevo mensaje en el foro y pegar el contenido (Control + V o botón derecho del ratón y Pegar)

El resultado de previsualizar el mensaje será este:

captura17yb3.jpg


Como se ve el proceso en muy sencillo, pues con estos dos pasos ya tenemos un vídeo plenamente funcional en nuestro mensaje, basta pulsar sobre el botón de reproducir (play) para poder visualizarlo.



Consejos

  • Resulta muy recomendable (por no decir prácticamente obligado) previsualizar el mensaje que estemos redactando antes de enviarlo. Para ello pulsar sobre el botón Previsualiza y si los resultados son los esperados entonces sí se puede publicar definitivamente el mensaje (pulsando en el botón Envía). De esta forma se ahorrarían casi el 100% de los errores (como imágenes enormes que descuadran toda la página, enlaces erróneos), los cuales tendrán que ser corregidos por un administrador de la página, siempre y cuando éste se haya percatado de tal error o algún otro usuario le avise.
  • Si se redacta un mensaje muy largo se corre el riesgo de padecer la Ley de Murphy en forma de pérdida definitiva del texto por una desconexión, corte de luz o cualquier otro suceso fortuito. La forma de evitar esto es muy sencilla, basta con copiar y guardar de vez en cuando todo el mensaje que estemos redactando en un Bloc de Notas (usuarios de Windows) o en Gedit o Kedit a los usuarios de GNU/Linux. De esta forma se puede recuperar siempre el texto rápidamente en caso de desastre sin falta de volver a escribir todo el mensaje. No es recomendable usar el procesador de textos Word para guardar el texto pues se corre el riesgo de que modifique ciertos caracteres (comillas dobles, listas) sin nuestro consentimiento, de tal forma que al pegar el texto produzca un mensaje con símbolos extraños o sencillamente erróneo.
Personal tools