116

Sesión 9: Diseño y gestión de páginas Web educativas con Weebly.

Weebly es una página web gratuita, dedicada a la creación de otras páginas. El usuario arrastra y suelta distintos elementos web en la página (imágenes, texto, Google Maps, etc.).

• Interfaz sencilla la cual consiste en arrastrar y soltar.

• Docenas de diseños profesionales para tu sitio web.

• Permite hacer un página web o blog gratis.• No se requieren habilidades técnicas.• Alojamiento de dominio gratuito: aunque da la

opción de adherirte a un dominio más sencillo para el cliente por una cantidad de precio más.

• No solamente te ofrece temas para tu página web, si no que permite modificar la CSS y el diseño HTML para usuarios más especializados para que se ajusten a sus necesidades

¿QÚE ES WEEBLY?

VENTAJAS EDUCATIVAS QUE

TIENE WEEBLY

117

INGRESANDO Y CONOCIENDO ENTORNO DE WEEBLY

118

La opción 1: Básico, contiene los elementos de título, texto, imágenes, texto e imágenes, galería de fotos, etc.Para utilizar estas opciones, solo hay que seleccionar el elemento y arrastrarla al fondo blanco como lo indica el grafico.

Una vez arrastrado el elemento, solo hay que hacer clic para editar. Si se desea eliminar el texto o imagen, dar clic en la opción Delete

119

1. Arrastramos el icono Imagen.2. Clic en Cargar una fotografía desde su ordenador.3. Seleccionamos la imagen.4. Si deseamos podemos editar la imagen dando clic al dibujo.5. Clic en Edit image6. Efectuar la edición.7. Guardar el cambio dando clic en el botón Save.

120

Arrastramos el icono Slideshow (galería de fotos)

1. Seleccionar un diseño de exposición y dar Clic en Continue.2. Clic en Cargar fotografía desde su ordenador.3. Seleccionar la imagen y dar clic en abrir.4. Si se desea se puede agregar un comentario a la foto haciendo Clic en el icono en

forma de la nube de dialogo o eliminar la imagen así como adjuntar un enlace.5. Se puede subir más fotos con el botón Add photos.6. Dar clic en Save para guardar y cerrar la galería.

121

La opción 3, Media nos permite colocar videos de You tube. Arrastramos el elemento video y observamos la siguiente imagen. Damos clic a la pantalla. Desde You tube copiamos y pegamos la dirección del video en el recuadro y listo

Otra pestaña importante es la pestaña DISEÑO, que nos permite cambiar la apariencia de nuestra página.

122

La pestaña PÁGINA, nos permite agregar más páginas de información a nuestro sitio Web.

La pestaña CONFIGURACIÓN, nos permite cambiar el nombre el nombre oficial del sitio.

123

Glosario:• Pestaña:Menú de opción• Ordenador:PC• Elemento:Icono de opción de diseño• Publicar:Habilitar la página web en la internet

Textos complementarios:

• http://www.slideshare.net/izasp/creacin-de-pgina-web-weebly

Bibliografía y referencias electrónicas:

• http://www.weebly.com/?lang=es• http://www.youtube.com/watch?v=Rpq7j3XD1vQ

Una vez terminado la construcción de sitio web, procedemos a publicarlo. Damos clic a la opción PUBLICAR ubicado en la parte superior derecha y listo.