Weebly: cómo armar una página profesional para docentes
-
Upload
edinson-uriarte -
Category
Education
-
view
57 -
download
5
Transcript of Weebly: cómo armar una página profesional para docentes
![Page 1: Weebly: cómo armar una página profesional para docentes](https://reader036.fdocumento.com/reader036/viewer/2022081605/58f03bb71a28ab3c388b4633/html5/thumbnails/1.jpg)
Diseñando páginas para docentes
![Page 2: Weebly: cómo armar una página profesional para docentes](https://reader036.fdocumento.com/reader036/viewer/2022081605/58f03bb71a28ab3c388b4633/html5/thumbnails/2.jpg)
Weebly es una plataforma online, dedicada a la creación de páginas web gratuitas y de pago. Características, según su propia web: -Interfaz sencilla que permite arrastrar y soltar los elementos.-Docenas de diseños profesionales para un sitio web.-Permite crear una página web o un blog de forma gratuita.-No se requieren habilidades técnicas.-Alojamiento de dominio gratuito y de pago.-Permite modificar la CSS y el diseño HTML para que usuarios más avanzados los ajusten a sus necesidades.
Weebly - ¿Qué es?
Foto captura de pantalla: Webbly
![Page 3: Weebly: cómo armar una página profesional para docentes](https://reader036.fdocumento.com/reader036/viewer/2022081605/58f03bb71a28ab3c388b4633/html5/thumbnails/3.jpg)
Weebly - Registro
Ingresar dato de correo electrónico y contraseña
Posibilidad de registro con Facebook o Google Plus
Foto captura de pantalla: Webbly
![Page 4: Weebly: cómo armar una página profesional para docentes](https://reader036.fdocumento.com/reader036/viewer/2022081605/58f03bb71a28ab3c388b4633/html5/thumbnails/4.jpg)
Weebly - Registro
Ingresar dato de correo electrónico ty contraseña
Posibilidad de registro con Facebook o Google Plus
Foto captura de pantalla: Webbly
![Page 5: Weebly: cómo armar una página profesional para docentes](https://reader036.fdocumento.com/reader036/viewer/2022081605/58f03bb71a28ab3c388b4633/html5/thumbnails/5.jpg)
Weebly - Tipo de sitio
Elegir el tipo de sitio web
Foto captura de pantalla: Webbly
![Page 6: Weebly: cómo armar una página profesional para docentes](https://reader036.fdocumento.com/reader036/viewer/2022081605/58f03bb71a28ab3c388b4633/html5/thumbnails/6.jpg)
Weebly - Nombre del sitio
Insertar el nombre de la página web del docente
Foto captura de pantalla: Webbly
![Page 7: Weebly: cómo armar una página profesional para docentes](https://reader036.fdocumento.com/reader036/viewer/2022081605/58f03bb71a28ab3c388b4633/html5/thumbnails/7.jpg)
Weebly - Plantilla - búsqueda
Buscar plantillas
Foto captura de pantalla: Webbly
![Page 8: Weebly: cómo armar una página profesional para docentes](https://reader036.fdocumento.com/reader036/viewer/2022081605/58f03bb71a28ab3c388b4633/html5/thumbnails/8.jpg)
Weebly - Plantilla - elección
Elegir la plantilla que se adecue al modelo de negocio
Foto captura de pantalla: Webbly
![Page 9: Weebly: cómo armar una página profesional para docentes](https://reader036.fdocumento.com/reader036/viewer/2022081605/58f03bb71a28ab3c388b4633/html5/thumbnails/9.jpg)
Cambio de estilos
Opciones de encabezado
Weebly - Configurar plantilla
Configuración de imágenes
Foto captura de pantalla: Webbly
![Page 10: Weebly: cómo armar una página profesional para docentes](https://reader036.fdocumento.com/reader036/viewer/2022081605/58f03bb71a28ab3c388b4633/html5/thumbnails/10.jpg)
Weebly - Insertar dominio
Insertar páginas que se agregarán automáticamente al menú
Escribir el dominio o subdominio de acuerdo al nombre de la página del docente
Foto captura de pantalla: Webbly
![Page 11: Weebly: cómo armar una página profesional para docentes](https://reader036.fdocumento.com/reader036/viewer/2022081605/58f03bb71a28ab3c388b4633/html5/thumbnails/11.jpg)
Weebly - Editar fondo
Cambiar fondo. La imagen se redimensionará de acuerdo a la plantilla
![Page 12: Weebly: cómo armar una página profesional para docentes](https://reader036.fdocumento.com/reader036/viewer/2022081605/58f03bb71a28ab3c388b4633/html5/thumbnails/12.jpg)
Weebly - Insertar campos
Insertar campos, divisiones o espacios
Foto captura de pantalla: Webbly
![Page 13: Weebly: cómo armar una página profesional para docentes](https://reader036.fdocumento.com/reader036/viewer/2022081605/58f03bb71a28ab3c388b4633/html5/thumbnails/13.jpg)
Weebly - Insertar texto
Insertar texto
Foto captura de pantalla: Webbly
![Page 14: Weebly: cómo armar una página profesional para docentes](https://reader036.fdocumento.com/reader036/viewer/2022081605/58f03bb71a28ab3c388b4633/html5/thumbnails/14.jpg)
Weebly - Subir imágenes
Insertar imágenes de fondo
Foto captura de pantalla: Webbly
![Page 15: Weebly: cómo armar una página profesional para docentes](https://reader036.fdocumento.com/reader036/viewer/2022081605/58f03bb71a28ab3c388b4633/html5/thumbnails/15.jpg)
Weebly - Insertar galería
Insertar campos, divisiones o espacios
Agregar fotos a la galería
Foto captura de pantalla: Webbly
![Page 16: Weebly: cómo armar una página profesional para docentes](https://reader036.fdocumento.com/reader036/viewer/2022081605/58f03bb71a28ab3c388b4633/html5/thumbnails/16.jpg)
Weebly - Insertar Formulario
Insertar cuadros para datos de formulario y comentarios
Foto captura de pantalla: Webbly
![Page 17: Weebly: cómo armar una página profesional para docentes](https://reader036.fdocumento.com/reader036/viewer/2022081605/58f03bb71a28ab3c388b4633/html5/thumbnails/17.jpg)
Weebly - Insertar botón
Personalizar el botón
![Page 18: Weebly: cómo armar una página profesional para docentes](https://reader036.fdocumento.com/reader036/viewer/2022081605/58f03bb71a28ab3c388b4633/html5/thumbnails/18.jpg)
Weebly - Insertar HTML
Insertar código HTML para insertar post de medios socialesFoto captura de pantalla: Webbly
![Page 19: Weebly: cómo armar una página profesional para docentes](https://reader036.fdocumento.com/reader036/viewer/2022081605/58f03bb71a28ab3c388b4633/html5/thumbnails/19.jpg)
Weebly - Insertar video YouTube
Insertar video de YouTube copiando el URL
Foto captura de pantalla: Webbly
![Page 20: Weebly: cómo armar una página profesional para docentes](https://reader036.fdocumento.com/reader036/viewer/2022081605/58f03bb71a28ab3c388b4633/html5/thumbnails/20.jpg)
Weebly - Redes sociales
Gestionar íconos de redes sociales
Foto captura de pantalla: Webbly
![Page 21: Weebly: cómo armar una página profesional para docentes](https://reader036.fdocumento.com/reader036/viewer/2022081605/58f03bb71a28ab3c388b4633/html5/thumbnails/21.jpg)
Weebly - Añadir páginas
Insertar páginas que se agregarán automáticamente al menú
Foto captura de pantalla: Webbly
![Page 22: Weebly: cómo armar una página profesional para docentes](https://reader036.fdocumento.com/reader036/viewer/2022081605/58f03bb71a28ab3c388b4633/html5/thumbnails/22.jpg)
Weebly - páginas - configuración
Agregar páginas como web o como blog
Foto captura de pantalla: Webbly
![Page 23: Weebly: cómo armar una página profesional para docentes](https://reader036.fdocumento.com/reader036/viewer/2022081605/58f03bb71a28ab3c388b4633/html5/thumbnails/23.jpg)
Weebly - página - insertar texto
Insertar titulares y texto
Foto captura de pantalla: Webbly
![Page 24: Weebly: cómo armar una página profesional para docentes](https://reader036.fdocumento.com/reader036/viewer/2022081605/58f03bb71a28ab3c388b4633/html5/thumbnails/24.jpg)
Weebly - Configuración - General
Elegir la configuración del sitio
Foto captura de pantalla: Webbly
![Page 25: Weebly: cómo armar una página profesional para docentes](https://reader036.fdocumento.com/reader036/viewer/2022081605/58f03bb71a28ab3c388b4633/html5/thumbnails/25.jpg)
En tienda podríamos colocar los ebook propios. Eso nos permitiría monetizar.
Weebly - Configuración - Tienda
Foto captura de pantalla: Webbly
![Page 26: Weebly: cómo armar una página profesional para docentes](https://reader036.fdocumento.com/reader036/viewer/2022081605/58f03bb71a28ab3c388b4633/html5/thumbnails/26.jpg)
Personalizar la configuración del blog
Weebly - Configuración - Blog
Foto captura de pantalla: Webbly
![Page 27: Weebly: cómo armar una página profesional para docentes](https://reader036.fdocumento.com/reader036/viewer/2022081605/58f03bb71a28ab3c388b4633/html5/thumbnails/27.jpg)
Weebly - Configuración - Comentarios
Personalizar la configuración de comentarios
Foto captura de pantalla: Webbly
![Page 28: Weebly: cómo armar una página profesional para docentes](https://reader036.fdocumento.com/reader036/viewer/2022081605/58f03bb71a28ab3c388b4633/html5/thumbnails/28.jpg)
Insertar códigos de Google Analytics y Webmaster Tools para seguimiento de la página web
Weebly - Insertar código Google Analytics
Foto captura de pantalla: Webbly
![Page 29: Weebly: cómo armar una página profesional para docentes](https://reader036.fdocumento.com/reader036/viewer/2022081605/58f03bb71a28ab3c388b4633/html5/thumbnails/29.jpg)
Weebly - Añadir editores
Personalizar la configuración del blog
Foto captura de pantalla: Webbly
![Page 30: Weebly: cómo armar una página profesional para docentes](https://reader036.fdocumento.com/reader036/viewer/2022081605/58f03bb71a28ab3c388b4633/html5/thumbnails/30.jpg)
Weebly - Página terminada
Foto captura de pantalla: Webbly