En los anteriores blogs, hemos visto como construir tu propia página web utilizando HTML. Hoy vamos a ver como construir una página web con un constructor de páginas web (también llamados editores WYSIWYG) el cual nos ayudará a conseguir una página más detallada y sofisticada.

 

Hay constructores de web que puedes comprar como Microsoft Frontpage o Adobe Dreamweaver, ambos tienen versiones en Español. Sin embargo también hay editores gratis que te pueden servir igual de bien. En el blog de hoy vamos a ver como utilizar Kompozer. Vete a la página http://kompozer.softonic.com/descargar si tu sistema operativo es Windows, o a la página http://kompozer.uptodown.com/mac si usas Mac.

 

En ambos casos pincharás el boton Descargar.

 

Windows:

 

Mac:

Una vez que lo hayas descargado, verás el icono de Kompozer:

 

Haz doble clic y el programa se abrirá sin más.

 

Y esto es lo que veremos:

 

 

 

WYSIWYG es el nombre que se le da a este tipo de editor, y las siglas quieren decir: What You See Is What You Get, es decir, lo que ves es lo que hay. Con esto quieren decir que lo que veas en la página de arriba va a ser lo que se vea en el sitio web.

 

Si utilizamos el ejemplo de página web que construimos en el blog sobre html, se vería así:

 

 

Para ver el código fuente de la página, haz clic en el icono “Código fuente” , en la esquina izquierda inferior de la página.

 

 

Como puedes ver, esto es el código que escribimos utilizando html en el blog 19:

 

 

También puedes buscar un archivo dentro de tu ordenador, y abrirlo haciendo clic en el

icono donde pone Abrir:

 

 

Vamos a ver un par de cosas que podemos hacer utilizando kompozer.

 

Si quieres cambiar el color del texto, resalta el texto que quieres cambiar:

 

Haz clic en el recuadro de colores:

 

 

Escoge el color que prefieras y pincha Aceptar:

 

 

Y tu texto cambiará de color:

 

 

 

Para cambiar el tamaño del texto, tendrás que una vez más resaltar el texto que quieres cambiar.

El la casilla “Titulo1” podrás escoger el tamaño que te vaya mejor:

 

 

 

 

Para cambiar el tipo de letra, una vez más resalta el texto a cambiar y escoge tu preferida de la casilla “Anchura Variable”:

 

Si quieres incluir un enlace en tu página, escoge y resalta el texto donde quieras poner el enlace, por ejemplo:

 

ve a la casilla “Enlace”:

 

Introduce el enlace al que quieras mandar a tus clientes, y haz clic en Aceptar:

 

Para insertar una tabla, ve al icono “Tabla” en la parte superior de la página:

 

Donde podrás escoger el tamaño de tu tabla:

 

Y se verá así:

 

 

Si quieres borrar algo en tu página, haz clic en el icono “Deshacer”:

 

Y si cambias de parecer y quieres volver a ponerlo, haz clic en “Rehacer”:

 

 

Para incluir una imagen, resalta la imagen (ctrl+c), dentro de tu ordenador, que quieras incluir. La imagen puede provenir de tus archivos, de tu sitio web o del internet, siempre y cuando tengas permiso para utilizarla. Escoge en la página que estamos construyendo, donde quieres la imagen y pegala (ctrl+v).

 

Una vez que hayas terminado la página, la puedes publicar utilizando el icono “Publicar”:

 

 

Rellena toda la información y haz clic en Publicar:

 

Si este sistema te parece demasiado complicado, siempre puedes subir la página utilizando FileZilla, como vimos en el blog último.

 

Bueno y esto es todo por hoy! No tengas miedo, metete en Kompozer y empieza a diseñar tus páginas web, ya verás que simple te parece una vez que te hayas familiarizado con el programa.