Al usar
la palabra fascinante se situa en su lugar y el ancla permanece por si queremos seguir introduciendo mas texto. A simple vista parece que no queda muy estético pero no os preocupeis ya que a la hora de publicar o previsualizar vuestro Post el ancla y el gran espacio no aparecen.
La otra manera es usar
, con esta conseguimos que el ancla desaparezca y que quede bien ordenado, como podeis ver en la siguiente imagen.
Al igual que hemos introducido un texto, también podriamos haber introducido una tabla o un grafico.
Las imágenes son un elemento esencial para dar vistosidad a nuestros Post, esta función nos permite insertar las imágenes que queramos.
Lo primero que debemos saber es la ubicación de nuestra imagen, ya que puede ser, que la tengamos almacenada en el disco duro, que la insertemos directamente de una página web, o que sea una imagen que hallamos subido con anterioridad a nuestro Blog a través de la opción Uploaded. Haré un ejemplo de inserción de una imagen con las distintas ubicaciones para que lo comprendais mejor.
Insertar una imagen desde desde una URL- página web
Lo primero que hacemos es pulsar en
y vemos que aparece la siguiente pantalla con las distintas opciones:
Como vemos en la imagen lo primero que aparece son las opciones generales.
Image URL: si conocemos la dirección URL de la imagen lo único que tenemos que hacer es escribirla, en caso de no conocerla hay que localizarla.
En mi caso voy a entrar en la pagina de http://www.mcomet.com/ y selecciono una imagen que me guste.
Una vez que estoy en la página voy a seleccionar la imagen de la película Ice Age, me gustan los dinosaurios jeje. Tener en cuenta que las imágenes de las páginas web pueden ir cambiando por lo que no siempre aparecen las mismas.
Con el ratón me posiciono en la imagen de Ice Age, después pulso el boton derecho del ratón y me sale un menú desplegable, en según que págna web o en que imagen, vereis una opción que es copiar dirección Url, si teneis esa opción es genial, ya que solo teneis que pulsar ahí, cerrar la página web de Mcomet y regresar a las opciones generales de la imagen.
En mi caso no existe, esto hace que sea un poco más complicado.
Por lo tanto lo que hago es pulsar en propiedades en este menu desplegable como veis en la siguiente imagen:
Al pulsar en Propiedades aparece la siguiente información de la imagen:
Como veis nos muestra toda la información relativa a la imagen. Lo que me interesa en realidad es la Dirección URL, así que el siguiente paso es marcar con el ratón la Dirección URL. Una vez hecho pulso nuevamente con el boton derecho del raton en la zona sombreada y en el siguiente menú pulso con el boton izquierdo del ratón en Copiar.
Tras Copiar desaparecen todos estos sub-menús.
Cierro la pagina web de MCOMET y regreso a las opciones generales de la inserción de imágenes.
En el cuadrado de Image URL pulso nuevamente con el boton derecho del ratón y elijo Pegar.
Veremos que despues de pulsar pegar, deja la dirección URL. Si la dirección es muy larga solo vereis la parte final. Podeis desplazaron con el cursor a la izquierda y a la derecha para ver la dirección completa.
Al introducir la dirección URL de la imagen vereis que además aparece un poco más abajo una previsualización, esto lo hace de forma automática y así nos aseguramos de que es la imagen correcta.
Como podeis ver en la siguiente imagen:
Image description, nos permite insertar una descripción detallada de la imagen, es opcional.
En mi caso voy a escribir: Portada de la pelicula Ice Age.
Title, nos permite insertar un titulo a nuestra imagen, también es opcional.
En mi caso voy a escribir: dino001
Bueno, ahora que ya hemos acabado podemos pulsar en Insert para insertar la imagen o a Cancel para anular lo que hemos hecho. En nuestro caso le damos a Insert.
Y vemos que desaparece esta pantalla y que nos muestra la de la edición del Post de la siguiente manera, con la imagen que hemos seleccionado.
Es importante saber que a lo largo del tiempo las imágenes de las páginas web pueden ser borradas por los autores, esto significa que es posible que en un futuro no se muestren en nuestros Post y que en vez de la imagen nos aparezca un cuadrado y una X roja. Cuando esto ocurre es fastidioso pero es el problema de depender de las páginas web.
Además de lo que hemos hecho hay más opciones que se pueden hacer con las imágenes para conseguir un acabado en nuestro Post perfecto, pero ya las explicare tan pronto veamos los otros dos metodos de introducir las imágenes. Ahora vamos con el siguiente.
Insertar una imagen desde nuestro PC
Antes vamos pulsar sobre la función
para que la imagen que hemos insertado de la película Ice Age se borre de la pantalla de edición de nuestro Post.
Ahora repetimos como antes y pulsamos sobre la función
, bien, vemos que vuelve a aparecer la pantalla con las opciones como antes:
En esta ocasión, en General, no ponemos una dirección URL en Image URL, en Image description voy a escribir: Naomi Beach Sep-2007, y en Title escribo: Beach001.
Ahora la parte que nos interesa es la de buscar en nuestro PC la imagen y eso lo encontramos en Upload. Os lo muestro en la imagen y voy aclarando cada flecha indicativa.
Voy a empezar por la flecha 6, aquí los desarrolladores del Bitcomet nos indican el tipo de archivo de imagen permitido para los Blog, y vemos que son los JPG, JPEG, GIF, JPE, PNG y BMP.
La flecha 5 nos muestra el numero de fotografias que hemos ido subiendo, en mi caso 339 y que ocupan 14 Mb. Bitcomet nos ofrece hasta 100 Mb de capacidad para subir imágenes, si sobrepasamos esa capacidad no podriamos subir más, claro que siempre cabe la posibilidad de ir borrando cosas antiguas.
Si conocemos el nombre y la ubicación en nuestro PC de la imagen que queremos subir la podemos introducir directamente donde indica la flecha 2, si no es así usaremos la opción de pulsar en Examinar como nos indica la flecha 3. Veremos que al pulsar se abre la pantalla de localización de archivos de nuestro PC, según la versión y el sistema operativo que tengais aparece de distintas formas.
En mi caso con Windows Vista Ultimate me aparece así:
En mi caso voy a buscar la imagen que se encuentra en la carpeta Caladier/imágenes/Asian y dentro de esta subcarpeta elijo la imagen 110783_c4b3.jpg haciendo doble click sobre ella. En vuestro caso buscar la imagen que querais.
Al hacer esto vemos que ha copiado la ruta en el rectangulo de la flecha 2, ya solo nos queda subir la fotografia al servidor de Bitcomet. Y para eso pulsamos en la flecha 4 que nos dice Upload.
Al pulsar Upload y tras unos segundos dependiendo del tamaño de la imagen, vemos que podemos previsualizar la imagen en Preview, y tambien vemos que le ha asignado una dirección URL ya que la imagen la hemos subido al servidor bitcomet. Otra cosa que cambia es que si subimos una imagen el titulo y la descripción son las originarias, y es ahora cuando podemos cambiarlo para nuestro Post. Por lo que podeis volver a escribir la decripción y el titulo.
Ya por último pulsamos en Insert. Y vemos el resultado:
La imagen ha quedado perfectamente insertada en nuestra zona de edición del Post.
Insertar imágenes subidas con anterioridad a Bitcomet
Igual que antes, vamos pulsar sobre la función
para que la imagen que hemos insertado se borre de la pantalla de edición de nuestro Post.
A lo largo del tiempo podemos ir subiendo imágenes al servidor de Bitcomet, bien para usarlas en nuestros Post, en nuestro Blog, o bien en mensajes que dejamos en los Blog de los amigos.
Lo normal es que estas imágenes sean subidas a través de la opción Uploaded que se encuentra ubicada en My Controls dentro de la página principal de nuestro Blog. Para aquellos que nunca habeis usado esta opción la explicaré brevemente.
En mi Blog se encuentra así:
En la barra de funciones, pulso en My Controls y posteriormente en la opción Uploaded, tras esto nos aparecerá una nueva pantalla similar a la siguiente:
Como veis, en la parte superior aparece el mismo sistema de busqueda Upload que ya hemos utilizado en el ejemplo anterior de nuestro Post. Lo que tendriamos que hacer es buscar las imágenes almacenadas en nuestro PC e ir añadiendolas. Como podeis observar yo he ido metiendo muchas. Como ya he dicho antes, la principal ventaja de subir imágenes al servidor de Bitcomet es que en ningún caso se borran cuando las insertamos en mensajes o en Post, a no ser claro que las borremos nosotros.
Todas las imágenes tiene una dirección Url, y podemos verla si nos posicionamos sobre una de las imágenes subidas y hacemos click con el ratón. Automaticamente aparece una nueva ventana con la imagen seleccionada y la dirección Url.
Lo unico que necesitamos es pulsar en Copy Url para que se copie, y posteriormente lo pegariamos donde quisieramos insertar esta imagen.
Bueno ahora que ya tenemos mas o menos claro como funciona el Uploaded, volvemos a nuestra pantalla de edición del Post y vamos a insertar una imagen desde el servidor.
Pulsamos sobre
se vuelven a abrir las opciones de las imagenes y en este caso pulsamos sobre My Pictures. Como os muestro en la siguiente imagen:
Y vemos que se abre otra ventana:
La zona 1 aparece con las imágenes que he ido incorporando, puedo ver más imágenes si desplazo verticalmente hacia abajo o hacia arriba la barra marcada como zona 5. Cuando tengo muchas imágenes, en mi caso ya tengo 340, puedo saltar de página de imágenes con la zona 4.
Si pulso sobre una imagen como en la zona 2 aparecera una nueva ventana que me permite copiar la dirección Url.
En nuestro caso la opción que usamos es pulsar sobre una imagen donde pone Use, como indico en la zona 3. Al hacerlo la pantalla desaparece y vemos que aloja la imagen en General.
Ahora que esta en General, lo único que tenemos que hacer es pulsar en Insert y la imagen se incorpora a nuestro Post.
Es sin duda muy sencillo incorporar imágenes desde My Pictures.
Las imágenes que vamos incorporando a nuestro Post tienen siempre las caracteristicas originales, en cuanto a tamaño, nombre y demás. Podemos cambiar la apariencia de nuestras imágenes para que el Post tenga un buen acabado.
Igual que antes, vamos pulsar sobre la función
para que la imagen que hemos insertado se borre de la pantalla de edición de nuestro Post.
Cambiar carateristicas de las imágenes
Volvemos a pulsar en
y vamos a incorporar nuevamente la imagen anterior desde My Pictures.
Ahora vamos a cambiar la apariencia de nuestra imagen por lo que pulsamos sobre Appearance y se abre la siguiente pantalla:
Voy a explicar lo que podemos hacer, lo primero es Alignment, esta opción esta relacionada con el texto y las posteriores imagen que utilizaremos en nuestro Post, y nos permite escribir el texto a la derecha, a la izquierda, arriba, abajo, en el medio, etc. Y lo mismo con las imágenes.
Al pulsar sobre
aparecen las opciones:
Baseline: esta opción es la que tiene por defecto nuestro editor, hace que el texto o la siguiente imagen se escriba a partir de la base de la imagen.
Top: Hace que la primera linea de nuestro texto o imagen se incorpore en la parte en la parte superior.
Middle: Lo mismo que en la anterior pero lo hace en el medio.
Bottom: Apariencia de boton.
Absolute Middle: Es función hade que la siguiente imagen aparezca totalmente centrada despues de esta.
Left: Que el texto o imagen siguientes aparezcan a la derecha de nuestra imagen.
es dedir nuestra imagen queda a la izquierda.
Right: Lo mismo que la anterior pero la imagen queda a la derecha.
Dimensions: Esto nos indica el tamaño de la imagen que vamos a incorporar.
Podemos variar la anchura y la altura de nuestra imagen, si además tenemos marcada la casilla Constrain proportions, no es necesario cambiar las dos dimensiones, con que cambiemos una, la otra se adapta proporcionalmente.
Vertical space: Aquí le indicamos el espacio que debe tener verticalmente la imagen, es decir, la separación entre lo escrito arriba y lo que tengamos escrito abajo. Por defecto es 5, pero podemos ampliarla o disminuirla.
Horizontal space: Hace lo mismo que la anterior pero con los espacios horizontales.
Border: Nos permite tener un marco en la imagen, por defecto no incorpora ninguno, y el número que pongamos en la casilla, indicara el grosor del marco. Si pongo un 1 el marco será fino, y si pongo un 2 o superior el marco sera mas grueso.
CLASS: Permite definir la ubicación, estilo, y asignar distintas funciones a la imagen, En total podemos elegir entre 131 opciones. Las opciones aparecen si hacemos un click sobre la zona - -Not Set- - o en
. Ya hemos tratado este tema cuando creamos un Link.
Style: Nos permite incluir una descripción del estilo de la imagen.
Una vez cambiado las caracteristicas de la imagen solo debeis pulsar en Insert para que los cambios surtan efecto.
Cuando incorporamos imágenes tenemos la posibilidad de cambiar las características posteriormente, a excepción de la opción Class y Style. La forma de hacerlo es directamente en la zona de edición. Con el ratón nos posicionamos en la imagen, y posteriormente hacemos un click con el botón derecho del ratón. Veréis que sale la siguiente pantalla:
En el menú desplegable pulsaríamos en Image properties y nos aparecería la pantalla donde poder cambiar las características de la imagen.
Pero fijaros que además nos permitiría insertar un enlace (Link), de manera que al pulsar sobre la imagen con el ratón estaríamos enviando al usuario ha otra página web de la red. El funcionamiento del Link es exacto al del Link que usamos con anterioridad con texto.
Aclarado esto pulsamos en Image properties.
Una vez realizados los cambios solo hay que pulsar sobre Update.
Esto es todo en cuanto a las imágenes, espero que tengáis una idea clara de cómo funciona. Si no es así comentarlo en este Post y os explicaré las dudas.
Recordar que siempre podeis previsualizar vuestro Post para ver como va quedando, esto lo haceis pulsando en Preview.
Esta función nos permitira insertar archivos multimedia en nuestro Post, el sistema es my parecido al de las imágenes que dependian de una dirección URL.
Lo principal es conocer como en las imágenes, la ubicación de la dirección URL del archivo multimedia. Tener en cuenta que los archivos deben estar siempre alojados en algún servidor de internet. Esto nos limita, ya que nuestras propias creaciones no pueden estar alojadas en nuestro PC.
En internet existen cientos de páginas con archivos multimedia y entre ellas las más utilizadas son los archivos: Flash, Quicktime, Shockware, Windows Media, y Real Media. Los desarrolladores de Bitcomet nos permiten utilizar cualquier tipo de los mencionados anteriormente y cambiar cracterísticas de los mismos a la hora de publicarlos.
Quiza la página mas popular que existe en la actualidad es Youtube (http://www.youtube.com/), también hay una página disponible para la comunidad Bitcomet (http://www.vcomet.com/).
En los ejemplos de los videos me centraré principalmente en Youtube.
Bien, de nuevo pulsamos sobre
para que desaparezca lo que tengamos hecho en el editor del Post, y una vez hecho pulsamos en
.
Deberia aparecer la siguiente pantalla:
General: Es donde vamos a introducir los datos del archivo.
Type: Aquí seleccionamos el tipo de archivo que vamos a introducir, por defecto siempre aparece Flash, ya que es el más habitual. Si pulsamos sobre
veremos que sale un sub-menú donde podemos elegir otro tipo de archivo.
Nosotros lo dejamos en Flash.
File: Aquí es donde escribimos la dirección Url del archivo Flash, si no disponemos de esa información tendremos que localizarla.
Pongo un ejemplo con youtube...
Abro el explorador de internet y escribo la página http://www.youtube.com/
Como indico con la flecha negra, ahí escribo la dirección de la página de Youtube.
Con las flechas rojas os marco los distintos archivos que los desarrolladores de youtube nos ofrecen, son los más recomendados. Esto suele cambiar continuamente.
Si queremos buscar un archivo distinto tendria que escribir el titulo, el cantante, el grupo, o lo que se me ocurra en la zona que esta marcada con la flecha azul.
En Youtube es muy sencillo conseguir la dirección Url, veamos, con el ratón me desplazo a la imagen de uno de los archivos y pulso el boton derecho del ratón. Aparece un menú desplegable y ahí selecciono Copiar acceso directo.
Ahora que tengo la dirección en el portapapeles, cierro la página de youtube y regreso a mi edición del Post.
Nos situamos en el recuadro donde pone File, pulsamos el boton derecho de nuestro ratón y en el menú que aparece le damos a Pegar.
Y vemos que ha introducido la dirección Url.
Ya veis que el recuadro de File está escrito, al ser muy larga la dirección no la vemos completamente, eso no importa, además con los cursores os podeis desplazar horizontalmente para visualizarla.
Otra manera de copiar una dirección Url en youtube es la siguiente.
Volvemos a abrir la página web de Youtube, y en este caso pulso con el boton izquierdo en uno de los archivos recomendados, por ejemplo el de Queen.
Ahora aparece la siguiente página:
En esta pantalla lo que nos interesa es localizar la dirección URL, y esta aparece a la derecha del video, lo que tendriamos que hacer es marcarla con el ratón, posteriormente copiarla, y por último pegarla en recuadro File de nuestro editor multimedia.
Como hemos hecho con el ejemplo anterior.
Dimensions: Nos indica el ancho y la altura de nuestro video, podemos variarlo a nuestro antojo. Al pegar la dirección Url vereis que no varian los datos de estas casillas, la variación se produce cuando pulsais en Insert o en las opciones avanzadas, es decir en Advanced.
Y precisamente es lo que vamos a ver ahora. Así que pulsamos en Advanced.
En esta nueva ventana vemos las distintas opciones existentes para los archivos Flash.
Advanced
Id: Nos permite poner una identificación ya sea numérica o textual.
Name: El nombre que queramos asignar.
Align: Funciona exactamente igual que con las imágenes, nos permite diseñar la alineación del video, pudiendo escribir a su izquierda, derecha, arriba, o que aparezca como un botón.
Background: Nos permite asignar un color de fondo para nuestro video.
Si pulsamos en
aparece un abanico de colores, basta con seleccionar con un click en el color que queramos y pulsar en Apply.
V-Space y H-Space: Igual que con las imágenes, nos permite crear espacio horizontal o vertical alrededor del video. Cuanto mayor sea el numero, mayor espacio habrá.
Flash options
Son opciones que nos permiten definir cómo ha de mostrarse nuestro flash, el inconveniente es que no veremos los cambios que hagamos en esta zona, ya que los que predominan son los originales y en la mayoría de los casos no aceptan cambios.
No obstante algunas páginas nos permiten copiar el código fuente de cómo ellos muestran los archivos Flash, este lenguaje se denomina HTML. Y os mostraré en un futuro como es este lenguaje.
No obstante os explico brevemente esta sección.
Quality: Aquí podemos definir la calidad del video, si pulsamos en
aparecen las opciones.
Al desplegar el menú vemos que las opciones son alta calidad, baja, automática en alta y baja, y por último la mejor.
Tener en cuenta que si ponemos alta calidad y el video en su origen es de mala calidad no vamos a mejorar nada.
Scale: Esta opción nos permite ajustar a escala el archivo Flash, si pulsamos en
aparecen las opciones.
Showall mostraría todo.
Noborder anularía cualquier frontera.
Exacfit hace un ajuste exacto.
WMode: Es donde definimos como a de mostrarse el modulo del archivo. Si pulsamos en aparecen las opciones.
Window hace que aparezca en una ventana.
Opaque hace que aparezca totalmente opaco.
Transparent hace que se muestre transpareste, en este caso si tuviésemos algo escrito debajo podríamos verlo conjuntamente con el archivo.
SAlign: Hace lo mismo que en las opciones Align de Advanced, pulsando en aparecen las opciones.
Auto Play: marcando está casilla hace que arranque automáticamente el video.
Loop: marcando esta casilla hacemos un bucle, de manera, que una vez finalizado el video este vuelve a empezar.
Show menú: permitimos ver las opciones del menú.
SWLive connect: creamos una conexión con SW Live.
En cierto sentido es una pena que no podamos hacer efectivo los cambios que marquemos en esta zona.
Por último solo tenemos que pulsar en Insert para aceptar los cambios o en Cancel para anular todo.
Al pulsar en Insert, veremos que aparece insertado en nuestro editor.
La flecha negra nos muestra el recuadro que ocupara nuestro archivo Flash.
Si queremos ver cómo queda una vez que lo publiquemos, podemos pulsar sobre Preview y aparece la pre visualización.
Así nos muestra como queda, si pulsamos sobre la flecha del centro el video empezaría a reproducirse. Como he dicho antes aunque tengamos la casilla de auto play activada puede que no funcione con según que archivos Flash.
Si el resultado no os gusta y queréis cambiar alguna opción del video es muy sencillo. Cerrar esta ventana y posicionaros en la zona amarilla del archivo Flash. Una vez ahí, con el botón derecho del ratón hacemos un click, y en menú desplegable seleccionamos la opción Insert/edit embedded media.
Esta opción abre nuevamente la pantalla de las características del archivo Flash. Una vez finalizado pulsamos en Update.
Ahora que ya estamos familiarizados con los videos, vamos a crear lo mismo pero solo con música.
Para este ejemplo utilizaré la página de Playlist (http://www.playlist.com/) y el medio que utilizaré es de Windows Media.
Antes de nada volvemos a utilizar la opción
para borrar todo de nuestro editor.
Ahora volvemos a abrir nuestro explorador de Windows y escribimos la dirección http://www.playlist.com/
Aparecerá una página similar a está, ya sabemos que el aspecto puede variar con el tiempo.
Bueno, ahora voy a buscar un artista que es de la zona noroeste de España y se llama Hevia, así que escribo en el recuadro de Search su nombre Hevia.
Una vez escrito pulsamos en Search y aparece otra pantalla con toda la música relacionada con este artista.
Entre todas las canciones que aparecen de este artista, localizo el titulo "Tierra De Nadie" y pulso con el ratón en Visit site como muestro en la imagen.
Y nos aparece una pantalla de información de la canción y la dirección URL.
Con el ratón marcamos la dirección http://march.lavila.net/mp3/hevia.mp3 y una vez marcada pulsamos con el botón derecho del ratón y seleccionamos copiar.
El menú desaparece, cerramos la página de Playlist y retornamos a nuestro editor del Post.
Ahora pulso en
como hemos hecho antes con el video.
Y en esta pantalla ahora en Type seleccionamos Windows Media y en File pegamos la dirección Url que antes copiamos.
Y debería quedar así:
Por último pulsamos con el ratón en Insert para alojarlo en el Post. Puede que tengamos que pulsar 2 veces en Insert.
Como vemos ha alojado en nuestro Post el archivo de música, ahora para probar pulsamos en Preview y vemos como suena.
Bueno espero que os guste la música de mi tierra en el noroeste de España. Je jejejejejejeje.
En ocasiones la dirección URL no funciona, esto puede deberse a varios motivos, en su mayoría suele ser porque la dirección ha sido borrada o cambiada. Siempre podéis buscar en otras páginas o ubicaciones.
Como en el caso de los archivos Flash, con las canciones también podemos cambiar las características, y respecto a la de los archivos Flash varían en algunas cosas.
En la pantalla de edición del Post y dentro de la zona amarilla pulsamos con el botón derecho del ratón y seleccionamos la opción Insert / edit embedded media, que es igual a la acción que hemos hecho antes con el archivo Flash.
Y en la pantalla que nos aparece pulsamos en Advanced.
La zona Advanced es exacta a la que vimos con los archivos Flash. Los cambios reales los vemos en la zona Windows media player options, y aquí los cambios sí que funcionan.
Por ejemplo si marco la casilla Fullscreen, al publicar o pre visualizar la música nos aparecería en pantalla completa la biblioteca de imágenes de Windows Media Player.
Si desmarcamos Auto start, tendríamos que pulsar en la tecla play para que la música empiece a reproducirse.
Si en Volume ponemos un número del 1 al 100, este número indicaría el volumen de reproducción, siendo el 1 el más bajo y el 100 el más alto.
Si en la casilla Rate ponemos un número la música se escucharía a intervalos, no sería fluida.
Tras cualquier cambio en las características pulsamos siempre en Update y os aconsejo que antes de publicar nada hagáis la pre visualización pulsando en Preview.
Os aconsejo que tengáis paciencia, a veces las cosas no salen la primera vez que lo intentamos.
Ocurre que a veces creamos un Post con mucha información que está relacionada. Relacionada. Los Desarrolladores de Bitcomet han incluido una herramienta para estos casos que nos permite organizar, esquematizar, y compactar esta información.
Esta herramienta se llama Tabla y aparece en nuestro editor con el botón
.
Estoy seguro que muchos conocen las tablas de otros programas como Word, Excel, etc.
Aquí vemos un ejemplo de una tabla:
Como podemos observar la información queda muy claro y aunque no lo notéis he añadido link´s en los nick para que al pulsar sobre ellos nos direccionen al blog de cada uno, así que vamos a ver cómo funciona.
Table
Lo primero que hacemos es cerrar todo y abrir un Post nuevo, y en el editor del Post pulsamos en
.
Y vemos que sale la siguiente pantalla:
Bien, al pulsar nos abre esta pantalla y vemos las opciones, empezare por explicar las de la pestaña General.
General properties
Columns: Aquí escribimos el número de columnas que va a tener nuestra tabla, por defecto pone 2.
Rows: Aquí ponemos el número de filas que va a tener nuestra tabla, por defecto pone 2.
Cellpadding: indica el espacio de relleno que habrá en cada celda, cuanto mayor sea el número, mayor será el espacio.
Cellspacing: Aquí le indicamos el grosor de separación entre las celdas, cuanto mayor sea el numero, mayor separación.
Alignment: Utilizamos esta opción para situar nuestra tabla a la izquierda, a la derecha, o al centro de nuestro Post. Si pulsamos en
aparecen las opciones.
Si no modificamos nada en esta opción la alineación siempre será en la izquierda del Post.
Border: Aquí le indicamos el grosor del borde de las celdas y el borde exterior de la tabla, si lo dejamos en 0 la información no la veremos delimitada.

Como podéis ver, queda mejor que las celdas tengan bordes.
Width: Indicamos un ancho para la tabla.
Height: Indicamos la altura para la tabla.
Hay que tener en cuenta algo que ocurre con el ancho y el alto que fijamos en la tabla.
En la imagen anterior he puesto de ancho en la tabla en 243 y de altura 233.
Bien, empezaré por el ancho.
Por ejemplo, si escribo en la celda que he marcado como 1 lo siguiente: qwertyuiopasdfghjklzxcvbnm
Veremos que el ancho de la celda 2 y la celda 4 por estar en la misma columna es más pequeño.
Ahora bien, si escribo lo mismo en la celda 2 o en la celda 4, no solo se equiparan las celdas en tamaño, sino que además el ancho de la tabla también crece.
Como podéis ver la anchura es casi el doble.
Esto se debe a que la palabra escrita es mayor que la anchura inicial que le asignamos y no puede partirla para que siga escribiendo en la siguiente línea.
Así que la tabla se ajusta a las palabras.
Con la altura ocurre lo mismo, si escribimos mucha información en una celda veremos que la altura también se amplia.
Class: Bueno ya sabemos más o menos como funciona esta opción. Permite definir la ubicación, estilo, y asignar distintas funciones a la imagen, En total podemos elegir entre 131 opciones. Las opciones aparecen si hacemos un click sobre la zona - -Not Set- - o en
.
Por último solo tendriamos que pulsar en Insert para añadir la tabla al Post, o en Cancel para anular todo.
Advanced
Aquí podemos definir varios aspectos de la Tabla.
Id: Una identificación para nuestra tabla.
Summary: Aquí podemos poner un resumen de lo que contiene.
Style: Es el estilo que tiene nuestra Tabla. Según los cambios que vayamos añadiendo en el alto y el ancho estos se veran en esta casilla.
Language direction: Normalmente al escribir vemos que la escritura es de izquierda a derecha, podemos invertir esta opción haciendo que escriba de derecha a izquierda. Si pulsamos en aparecen las dos opciones.
Background image: Si queremos que el fondo de la tabla sea una imagen, basta con pegar en esta casilla la dirección URL de la imagen.
Border color: Podemos dar color a los bordes, es importante para que funcione que en General en la casilla Border no este marcada con un 0, o de lo contrario no funcionara.
Background color: Podemos asignar un color para el fondo. Si en Background image hemos escrito la URL de alguna imagen no podremos ver el color que le asignemos aquí.
Por último queda pulsar en Insert/Update o en Cancel para ver los resultados de los cambios efectuados en esta zona.
Los cambios realizados en esta zona influiran sobre la tabla en general.
Es posible modificar la tabla en cualquier momento para añadir más columnas, añadir más filas, hacer modificaciones que solo influyan en una casilla, y otras cosas.
Vamos a ver estas opciones con una tabla sencilla.
Marcando una zona podemos utilizar cualquier opción del editor en nuestra tabla, por ejemplo si quiero que la primera fila de nuestra tabla se muestre con letras mas gruesas e inclinadas, lo que tendriamos que hacer es con el ratón pulsar en la primera letra de la fila (N) y sin dejar de pulsar llevo el ratón hasta la ultima letra de esta fila (y).
Y ahora que ya tenemos la zona marcada.
Pulso en la función
y en la función
y vemos el resultado.
De esta manera podemos cambiar el contenido de nuestra tabla para que sea más vistoso.
Además de las opciones que ya tenemos en nuestro editor, existen otras modificaciones que podemos hacer. Posicionandonos en cualquier punto dentro de la tabla y pulsando el boton derecho del ratón vemos que sale una lista de opciones.
En este menú desplegable vemos muchas opciones, vamos a ver que hacen estas opciones.
Cut, Copy, Paste: Son las habituales que ya conocemos.
Cut table row, Copy table row: estas funciones nos permiten cortar o copiar la fila en la que estamos posicionados para posteriormente pegardonde queramos de nuestra tabla.
Paste table row before: Pega la fila que anteriormente hemos copiado o pegado en una linea anterior a la de la posición en la que nos encontramos.
Paste table row after: Pega la fila que anteriormente hemos copiado o pegado en una linea posterior a la de la posición en la que nos encontramos.
Insert a new table: Permite insertar una nueva tabla dentro de la celda en la que nos encontramos.
Table properties: Es la misma pantalla que utilizamos al crear nuestra tabla, con las opciones General y Advanced. Aquí podemos hacer las modificaciones y posteriormente pulsariamos en Update para que surtan efecto.
Table cell properties: Aquí podemos hacer cambios que solo influyan sobre la celda en la que nos encontramos. De hecho si tenemos mas de una celda marcada esta función no se ejecuta.
Me posiciono en la celda Svetlana y pulso esta opción y vemos que la pantalla que muestra es la siguiente:
Alignment: Cambia la alineación del contenido de la celda de forma horizontal, haciendo que se muestre centrado, por la derecha, o en su defecto por la izquierda. Conseguimos el mismo efecto que con las opciones
,
, o
.
Cell type: Aquí le decimos si el contenido de la celda es un dato o un titulo.
Vertical alignment: Hace que podamos ver el contenido de la celda con una alineación arriba, centrado o en forma de boton.
Scope: indicamos el ambito de la celda.
Width, Height, Class: Son las mismas funciones que explique con la tabla, pero en este caso solo influyen sobre la celda.
Ahora antes de darle a Update, vemos que hay una acción que pone Update current cell. Esto hace que los cambios solo afecten a la celda en la que nos encontramos, pero si pulsamos en
podemos hacer que influyan sobre las celdas de la fila en la que nos encontramos o sobre las celdas de toda la tabla.
Advanced: Son exactamente las mismas que las de la tabla, pero en este caso solo influyen en la o las celdas que indiquemos en la explicación anterior.
Asi que entendiendo esto, puedo hacer que las celdas tengan tipos de letras distintos, colores distintos, etc.
Fijaros lo que he hecho con esta pequeña tabla.
Todas las celdas tienen caracteristicas distintas, es solo cuestión de vuestra imaginación hacer un buen acabado en la tabla.
Delete table: Borra la tabla en la que nos encontramos.
Table row properties: Las funciones son muy similares a las de las propiedades de las celdas. Pero en este caso influyen soble toda la fila.
Insert row before: Inserta una fila en la linea anterior a la que nos encontremos.
Insert row after: Inserta una fila en la linea posterior a la que nos encontremos.
Delete row: Borra la fila en la que nos encontramos.
Insert column before: Inserta una columna antes de nuestra posición.
Insert column after: Inserta una columna despues de nuestra posición.
Remove column: Borra la columna en la que nos encontramos.
Recordar que siempre podeis utilizar las opciones y para corregir los errores.
Merge table cells: Permite unificar 2 o mas celdas y filas en nuestra tabla.
Split merged table cells: Divide las celdas o filas anteriormente unificadas.
Ya sabeis que cualquier duda podeis consultarla, así que animaros.
Permite insertar la fecha actual en nuestro Post.
Primero pone el año, despues el mes, y por último el día.
Permite insertar la hora actual en nuestro Post.
Permite insertar caracteres especiales de otros idiomas.
Si pulsamos en la función aparecen los caracteres.
Solo tenemos que pulsar en el carácter que queramos y se insertara en nuestro Post.
Nos permiten insertar emoti-conos en nuestro Post.
Si pulsamos en la función aparecen los emoticonos.
Hay 5 grupos de imágenes distintas, basta desplazar la barra arriba o abajo para descubrirlos. Y pulsar con el ratón en el que queremos insertar.
Hace que el editor del Post aparezca en pantalla completa.
Es una función muy importante, y hay que tener en cuenta que cualquier publicación que hacemos esta escrita en este lenguaje. Es sin lugar a dudas el lenguaje de marcado predominante para la construcción de páginas web.
Si conocemos este lenguaje podemos escribirlo directamente en el editor que nos ofrece al pulsar en
.
Os pondre un ejemplo visual para que lo entendais.
Supongamos que en nuestro editor del Post tengo esto escrito y de la siguiente manera:
Si ahora pulso en el editor html, veremos que automaticamente se refleja en él todo lo que vamos haciendo en el editor normal de nuestro Post.