Disea tu Pgina Web Gratis

Crear cuenta pgina Web en webnode

Ingresamos a la pgina de webnode: http://www.webnode.es/

Ingresamos los datos solicitados, direccin para la web, correo electrnico y contrasea

Para mi pgina estoy asignando como direccin teachersamuel y me sugiere que si est disponible, ud. Elige el nombre de su pgina, luego su correo y la contrasea, una vez llenada el formulario clic en botn Regstrate y crea tu web.

Profesor: Samuel Molina Javier

Pgina 1

Disea tu Pgina Web Gratis Seleccionamos tipo de web, llenar el formulario y clic en Continuar
o o o o Web personal.- Tipo de Pgina Web. Nombre de la Web.- Nombre que identifica nuestra pgina Web. Eslogan.- Frase relacionada a la informacin que mostrar en nuestra pgina. Idioma.- Espaol

Seleccionamos una plantilla para nuestra pgina web, la estructura de cmo se ver nuestra pgina web, una vez seleccionada clic en Continuar.

Profesor: Samuel Molina Javier

Pgina 2

Disea tu Pgina Web Gratis Webnode nos sugiere algunas pginas para nuestra Web, no es nuestra obligacin seleccionar todo porque posteriormente podemos cambiarlas o volver a seleccionar. Seleccionamos algunas pginas como se muestra en el grfico y hacemos clic en Continuar.

Ahora si hemos terminado de crear nuestra pgina y efectivamente se cre con la plantilla que habamos seleccionado y tambin se visualiza en el banner el eslogan y nombre de la pgina. Que te parece as de fcil tienes una pgina web personal gratis.

Profesor: Samuel Molina Javier

Pgina 3

Disea tu Pgina Web Gratis Vamos a describir las partes que compone la ventana de webnode en modo edicin.
o Barra de herramientas para editar nuestra Pgina Web.

Banner de nuestra pgina web, donde colocamos nombre de pgina o alguna frase que identifica a nuestra pgina web.

Barra de men desplegables o Barra de navegacin, a travs de esta barra se vinculan cada una de las pginas que compone nuestra Web.

Divisin donde se mostrar el contenido de la cada uno de las pginas vinculadas en barra de navegacin, por ejemplo si deseo ver el contenido de fotogalera me bastar hacer solamente clic sobre el botn.

Al lado derecho de nuestra del contenido se muestra panel de publicidad, su ubicacin puede variar de acuerdo al tipo de plantilla seleccionada.

Profesor: Samuel Molina Javier

Pgina 4

Disea tu Pgina Web Gratis

Pie de Pgina, se muestra informacin acerca de los derechos del autor.

Una vez que hemos reconocido las partes de nuestra pgina procederemos a realizar cambios importantes como cambiar imagen del banner, cambiar el nombre de los mens, actualizar informacin, etc.

Cambiar imagen del banner

o Llevamos el cursor sobre la imagen del banner y nos aparece editar imagen, hacemos clic en ella.

Cuando hacemos clic sobre la imagen nos muestra las opciones de edicin de imagen.

Profesor: Samuel Molina Javier

Pgina 5

Disea tu Pgina Web Gratis

o Hacemos clic en botn aadir imagen y luego seleccionamos tipo de imagen. Finalmente hacemos clic en insertar.

Una vez seleccionada insertada nos quedar as.

Para finalizar haga clic en botn guardar y cerrar, el resultado ser lo siguiente.

Profesor: Samuel Molina Javier

Pgina 6

Disea tu Pgina Web Gratis

Si queremos colocar como imagen del banner nuestras fotografas o diseos preparados por nosotros mismos realizaremos lo siguiente. Clic en editar imagen Clic en aadir imagen Clic en insertar Seleccionar imagen Clic en abrir Clic en guardar y cerrar

Profesor: Samuel Molina Javier

Pgina 7

Disea tu Pgina Web Gratis

o Como resultado no quedar de esta manera

Cambiar los textos de men

o Clic en Editar men

En esta ventana nosotros podemos aadir, modificar o borrar los mens.

Por ejemplo vamos cambiar nosotros por presentacin.

Profesor: Samuel Molina Javier

Pgina 8

Disea tu Pgina Web Gratis

Realiza los mismos pasos para los otros mens.

Vamos a crear sub mens para cada ttulo de pgina, para ellos hacemos 2 clic sobre la pgina, Ejm. Ofimtica, luego pgina nueva, escribir nombre de pgina y en guardar.

o Profesor: Samuel Molina Javier Pgina 9

Disea tu Pgina Web Gratis

o Una vez modificada debe quedar as.

En la web debe quedar as

Cargar archivos en Nuestra pgina

o o Clic en opcin archivos Clic en subir archivos

Profesor: Samuel Molina Javier

Pgina 10

Disea tu Pgina Web Gratis

Seleccionar todos los archivos que se van a utilizar

Una vez terminada de cargar debe mostrarse as

Para cargar archivos de imagen haga clic en opcin imgenes/subir imgenes

Profesor: Samuel Molina Javier Pgina 11

Disea tu Pgina Web Gratis

Cambiar contenido de cada pgina.

o o o o Iniciamos con pgina Inicio Para ello clic en men inicio Editar contenido Nos aparece esta ventana, procedemos a modificar.

Cambiar texto

Profesor: Samuel Molina Javier

Pgina 12

Disea tu Pgina Web Gratis

De la misma manera editamos cada pgina Vincular texto con un archivo para que cualquier usuario pueda descargar. Seleccionar texto Clic en botn hipervnculo Seleccionar archivo

Seleccionar archivo con el cual queremos vincular

Finalmente de quedar as

Profesor: Samuel Molina Javier

Pgina 13

Disea tu Pgina Web Gratis

Una vez terminada de editar las paginas publicar, para ello haga clic en botn publicar

El resultado final de la pgina web ser

Profesor: Samuel Molina Javier

Pgina 14

Disea tu Pgina Web Gratis

Para salir de edicin de pginas haga clic en cerrar, luego salir

Iniciar sesin para volver a editar pginas o Abrir navegador o Editar la direccin URL http://www.webnode.es o Clic en opcin entrar o Escribe tu correo electrnico y contrasea, luego aceptar. o Clic en editar o Comenzar a editar o Ahora si ya puedes realizar cualquier cambio como agregar datos, eliminar pginas, etc.
Profesor: Samuel Molina Javier Pgina 15

Disea tu Pgina Web Gratis

Cambiar plantilla de pgina

Profesor: Samuel Molina Javier

Pgina 16