1. 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.).
VENTAJAS
EDUCATIVAS QUE
TIENE WEEBLY
¿QÚE ES WEEBLY?
• 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
116
3. 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
118
4. 1.
2.
3.
4.
5.
6.
7.
Arrastramos el icono Imagen.
Clic en Cargar una fotografía desde su ordenador.
Seleccionamos la imagen.
Si deseamos podemos editar la imagen dando clic al dibujo.
Clic en Edit image
Efectuar la edición.
Guardar el cambio dando clic en el botón Save.
119
5. Arrastramos el icono Slideshow (galería de fotos)
Seleccionar un diseño de exposición y dar Clic en Continue.
Clic en Cargar fotografía desde su ordenador.
Seleccionar la imagen y dar clic en abrir.
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.
1.
2.
3.
4.
120
6. 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.
121
7. 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.
122
8. 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.
•
•
•
•
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
123