Creacin de pginas web sin conocer HTML, utilizando la herramienta Power Website Builder

Creacin de pginas web sin necesidad de conocimientos HTML

Usando la herramienta Power Website Builder

Tutorial desarrollado por: Ismael Caballero, 2004. Contacto: icaballero@carixma.com

DESARROLLO DE UNA PGINA WEB Cuantas veces hemos querido hacer una pgina web y por unas cosas u otras no hemos podido: que si no tengo tiempo, que si es muy complicado, que si no s HTML, qu si no se disear una pgina, ... Se acabaron las excusas para no tener tu propia pgina web, aqu os mostraremos como se pueden realizar pginas sin tener conocimientos de HTML, para ello utilizaremos la herramienta "Power Website Builder", que est disponible en la siguiente direccin: http://www.power-website-builder.com/ Con esta sencilla herramienta podremos realizar pginas html sin tener conocimientos previos de HTML, tambin podemos crear plantillas que posteriormente nos servirn para desarrollos ms avanzados, de forma rpida y cmoda, lo cual nos ahorrar mucho trabajo y tiempo, que siempre nos viene muy bien. Manos a la obra!!!!, lo primero que debemos hacer es descargarnos la herramienta desde el propio website, indicado anteriormente, que nos permite esta opcin, tambin nos ofrecen es la seccin de "Downloads" el manual de usuario de esta herramienta.

Una vez descargado, procedemos a su instalacin en nuestro equipo, para ello ejecutamos el archivo descargado, inicindose el proceso de instalacin siguiente:

http://www.carixma.com/tutoriales/powerwebsite.htm (1 de 8)02/10/2006 9:13:55

Creacin de pginas web sin conocer HTML, utilizando la herramienta Power Website Builder

Seleccionamos la opcin "Next" para continuar con el proceso de instalacin.

Aceptamos las condiciones de uso del programa y continuamos con la instalacin.

http://www.carixma.com/tutoriales/powerwebsite.htm (2 de 8)02/10/2006 9:13:55

Creacin de pginas web sin conocer HTML, utilizando la herramienta Power Website Builder

Le indicamos al programa la localizacin donde se va a instalar, en nuestro caso dejamos por defecto lo que l indica.

Aceptamos la creacin de una acceso rpido en nuestro escritorio del programa y continuamos.

http://www.carixma.com/tutoriales/powerwebsite.htm (3 de 8)02/10/2006 9:13:55

Creacin de pginas web sin conocer HTML, utilizando la herramienta Power Website Builder

Para finalizar con la instalaccin saleccionamos la opcin de "Install" finalizando el proceso. Una vez que se haya finalizado este proceso, procederemos a abrir el programa, bien desde el acceso directo creado en el escritorio de nuestro equipo o bien, desde el men de Inicio --> Programas --> Power Website Builder que se ha creado. Abriremos la herramienta, presentndose inicialmente en blanco, como se muestra en la siguiente imagen.

A continuacin crearemos un nuevo proyecto, para ello pulsaremos en el botn de "Open" del men superior y eligiremos la opcin de "Crear un proyecto vaco", le denominaremos "MiWeb", tal y como se muestra en esta imagen.

http://www.carixma.com/tutoriales/powerwebsite.htm (4 de 8)02/10/2006 9:13:55

Creacin de pginas web sin conocer HTML, utilizando la herramienta Power Website Builder

Ahora configuraremos el aspecto que tendr nuesta pgina web, para ello seleccionaremos la opcin "Layout", donde podemos modificar la resolucin de la pgina a la que queremos que se presente, por ejemplo 800 x 600, podemos aadir un fondo a nuestra pgina, podemos configurar las partes de las que estar compuesta nuesta pgina, ... a continuacin se presenta la ventana de Layout, con sus parmetros. Dentro de esta ventana, en la parte superior izquierda, se pueden seleccionar los estilos de la pgina que deseamos realizar, simplemente pulsado en las flechas que apuntan a la izquierda o a la derecha se presentarn nuevos modelos, eligiendo el que deseemos. Nosotros para este ejemplo dejaremos las opciones que nos vienen dadas por defecto.

http://www.carixma.com/tutoriales/powerwebsite.htm (5 de 8)02/10/2006 9:13:55

Creacin de pginas web sin conocer HTML, utilizando la herramienta Power Website Builder

Una vez que tenemos configurados los parmetros de formato general de la pgina, procederemos a configurar cada uno de ellos en particular, para ello seleccionaremos la opcin "Color", donde podemos seleccionar el color y estilo de cada apartado, para personalizar el resultado final de nuestra pgina, tal y como se muestra en la siguiente imagen, debemos ir seleccionado cada parte de la pgina y seleccionar el color que queremos aplicar.

Seguidamente elegimos la opcin de "Font", donde eligiremos las fuentes (tipos y tamaos de letra), que queremos aplicar a cada una de las partes de nuestra pgina, las opciones que se nos muestran son las siguientes:

Ya casi tenemos finalizada nuestra pgina, ahora nos falta aadir nuestros datos, para ello seleccionamos la opcin de "Info", en esta ventana podemos incluir nuestra informacin (direccin, telfono, ...) e informacin de la pgina (ttulo, dominio, ...), tal y como ves
http://www.carixma.com/tutoriales/powerwebsite.htm (6 de 8)02/10/2006 9:13:55

Creacin de pginas web sin conocer HTML, utilizando la herramienta Power Website Builder

en esta imagen.

Ya tenemos terminada nuestra pgina, para ver el resultado actual de sta, pulsaremos en la opcin "Preview", mostrndose la pgina con los datos, estilos y colores seleccionados durante todo el proceso de creacin de nuestra pgina, para este ejemplo, esta sera el estado final, permitiendo posteriormente realizar las modificaciones que estimemos para conseguir el aspecto final de la pgina. Para seguir modificando la pgina hay que desactivar la opcin de Preview, para ello volveremos a pulsar la opcin correspondiente del men superior.

Por ltimo, tenemos dos opciones para guardar y publicar la pgina realizar. - Para guardar la pgina creada, seleccionamos la opcin del mnu superior: "File" --> "Build...", presentndose una ventana donde se nos indica dnde se ha guardado nuestra pgina, pudiendo hacer posteriormente las modificaciones que estimemos para aadir o quitar lo que queramos al tener el cdigo HTML de la pgina disponible, mediante cualquier editor HTML (Dreamweaver, FrontPage, UltraEdit, Homesite, ...).
http://www.carixma.com/tutoriales/powerwebsite.htm (7 de 8)02/10/2006 9:13:55

Creacin de pginas web sin conocer HTML, utilizando la herramienta Power Website Builder

- La otra opcin es publicar la pgina creada, para ello hay que subirla a nuestro servidor web, para ello tendremos que seleccionar la opcin "Publish", y configurar los datos de nuestra cuenta FTP.

CONCLUSIN Como habis visto, en unos pocos pasos y sin necesidad de conocer el lenguage HTML, podemos crear una pgina web, este tipo de herramientas nos ahorra mucho tiempo a todos, a la gente que posee pocos conocimientos HTML les permite la creacin de pginas web de forma sencilla y rpida y a la gente que poseemos unos conocimientos ms avanzados, nos sirve para la realizacin de plantillas HTML, que posteriormente podemos aplicar para proyectos o webistes ms complejos. Una vez que tengamos el cdigo HTML de la pgina podemos utilizarlo para aadirle una funcionalidad ms compleja utilizando la tecnologa que precisemos: ASP, ASP .NET, JSP, PHP, Javascript, ...

SOBRE EL AUTOR...

http://www.carixma.com/tutoriales/powerwebsite.htm (8 de 8)02/10/2006 9:13:55