Creación de una página web en weebly
-
Upload
sistematizacion-de-la-ensenanza -
Category
Documents
-
view
3.042 -
download
3
Transcript of Creación de una página web en weebly
![Page 1: Creación de una página web en weebly](https://reader036.fdocuments.mx/reader036/viewer/2022062307/5563e4d1d8b42a740a8b5578/html5/thumbnails/1.jpg)
CENTRO DE ESTUDIOS SUPERIORES LA SALLE
TUTORIAL
CREACIÓN DE UNA PÁGINA WEB EN WEEBLY
![Page 3: Creación de una página web en weebly](https://reader036.fdocuments.mx/reader036/viewer/2022062307/5563e4d1d8b42a740a8b5578/html5/thumbnails/3.jpg)
Weebly Es una página web gratuita, dedicada a la creación de otras
páginas. Usa un estilo de formato Widget, dejando que
los usuarios creen páginas con pocos clics.
El usuario arrastra y suelta distintos elementos web en la página (imágenes, texto, Google Maps, etc.)
![Page 4: Creación de una página web en weebly](https://reader036.fdocuments.mx/reader036/viewer/2022062307/5563e4d1d8b42a740a8b5578/html5/thumbnails/4.jpg)
¿Qué es un Widget? Un widget es una pequeña aplicación o programa que permite de dar fácil acceso a funciones frecuentemente usadas y proveer de información visual distribuida en Internet.
Por ejemplo los relojes en pantalla, notas, calculadoras, calendarios, agendas, juegos, ventanas con información del tiempo en su ciudad, etcétera.
![Page 5: Creación de una página web en weebly](https://reader036.fdocuments.mx/reader036/viewer/2022062307/5563e4d1d8b42a740a8b5578/html5/thumbnails/5.jpg)
Widget Los widgets también se conocen como gadgets de
escritorio, y son una nueva categoría de mini aplicaciones; diseñadas para proveer de información o mejorar una aplicación o servicios de un ordenador o computadora, o bien cualquier tipo de interacción.
![Page 6: Creación de una página web en weebly](https://reader036.fdocuments.mx/reader036/viewer/2022062307/5563e4d1d8b42a740a8b5578/html5/thumbnails/6.jpg)
Para crear una página web
con Weebly
![Page 7: Creación de una página web en weebly](https://reader036.fdocuments.mx/reader036/viewer/2022062307/5563e4d1d8b42a740a8b5578/html5/thumbnails/7.jpg)
Paso 1 Ingresa al sitio: www.weebly.com
Selecciona el idioma
Regístrate
Haz clic para comenzar
![Page 8: Creación de una página web en weebly](https://reader036.fdocuments.mx/reader036/viewer/2022062307/5563e4d1d8b42a740a8b5578/html5/thumbnails/8.jpg)
Paso 2 Verifica la frase de seguridad
Escribe aquí
Haz clic aquí
![Page 9: Creación de una página web en weebly](https://reader036.fdocuments.mx/reader036/viewer/2022062307/5563e4d1d8b42a740a8b5578/html5/thumbnails/9.jpg)
Paso 3 Ingresa un nombre para tu página
Escribe aquí
Haz clic aquí
Selecciona aquí
![Page 10: Creación de una página web en weebly](https://reader036.fdocuments.mx/reader036/viewer/2022062307/5563e4d1d8b42a740a8b5578/html5/thumbnails/10.jpg)
Paso 4 Selecciona el dominio. En este caso un subdominio de weebly
Escribe aquí
Haz clic aquí
![Page 11: Creación de una página web en weebly](https://reader036.fdocuments.mx/reader036/viewer/2022062307/5563e4d1d8b42a740a8b5578/html5/thumbnails/11.jpg)
Paso 5 Empieza a editar.
Haz clic aquí
![Page 12: Creación de una página web en weebly](https://reader036.fdocuments.mx/reader036/viewer/2022062307/5563e4d1d8b42a740a8b5578/html5/thumbnails/12.jpg)
Paso 6 Empieza a editar.
Escribe el nombre del sitio aquí
![Page 13: Creación de una página web en weebly](https://reader036.fdocuments.mx/reader036/viewer/2022062307/5563e4d1d8b42a740a8b5578/html5/thumbnails/13.jpg)
Paso 7 Revisa lo que has editado y haz clic en guardar y después en cerrar.
Haz clic aquí
1
2
![Page 14: Creación de una página web en weebly](https://reader036.fdocuments.mx/reader036/viewer/2022062307/5563e4d1d8b42a740a8b5578/html5/thumbnails/14.jpg)
Paso 8 Observa la pantalla de trabajo
Menús principales Sub menús Opciones
Área de trabajo
![Page 15: Creación de una página web en weebly](https://reader036.fdocuments.mx/reader036/viewer/2022062307/5563e4d1d8b42a740a8b5578/html5/thumbnails/15.jpg)
Paso 9 Haz clic en la pestaña diseño y selecciona la apariencia de tu página web. Después la puedes modificar
Flecha de desplazamiento
![Page 16: Creación de una página web en weebly](https://reader036.fdocuments.mx/reader036/viewer/2022062307/5563e4d1d8b42a740a8b5578/html5/thumbnails/16.jpg)
Paso 10 Haz clic en la pestaña para incluir información en tu página.
Arrastra el cuadro que dice: Título hasta el área de trabajo.
![Page 17: Creación de una página web en weebly](https://reader036.fdocuments.mx/reader036/viewer/2022062307/5563e4d1d8b42a740a8b5578/html5/thumbnails/17.jpg)
Paso 11 Empieza escribir.
Escribe aquí.
![Page 18: Creación de una página web en weebly](https://reader036.fdocuments.mx/reader036/viewer/2022062307/5563e4d1d8b42a740a8b5578/html5/thumbnails/18.jpg)
Paso 12 Ahora selecciona el cuadrito que dice párrafo. Y llévalo al área de trabajo.
Selecciona este.
Arrástralo acá.
![Page 19: Creación de una página web en weebly](https://reader036.fdocuments.mx/reader036/viewer/2022062307/5563e4d1d8b42a740a8b5578/html5/thumbnails/19.jpg)
Paso 13 Al terminar de capturar la información de tu página, haz clic en publicar.
Haz clic aquí
![Page 20: Creación de una página web en weebly](https://reader036.fdocuments.mx/reader036/viewer/2022062307/5563e4d1d8b42a740a8b5578/html5/thumbnails/20.jpg)
Paso 14. Haz clic en continuar.
Haz clic aquí
![Page 21: Creación de una página web en weebly](https://reader036.fdocuments.mx/reader036/viewer/2022062307/5563e4d1d8b42a740a8b5578/html5/thumbnails/21.jpg)
Paso 15. Haz clic en cerrar.
Haz clic aquí
![Page 22: Creación de una página web en weebly](https://reader036.fdocuments.mx/reader036/viewer/2022062307/5563e4d1d8b42a740a8b5578/html5/thumbnails/22.jpg)
Paso 16 Haz clic en cerrar.
Haz clic aquí
![Page 23: Creación de una página web en weebly](https://reader036.fdocuments.mx/reader036/viewer/2022062307/5563e4d1d8b42a740a8b5578/html5/thumbnails/23.jpg)
Paso 17 Entra a tu página desde el sitio del editor
Haz clic aquí
![Page 24: Creación de una página web en weebly](https://reader036.fdocuments.mx/reader036/viewer/2022062307/5563e4d1d8b42a740a8b5578/html5/thumbnails/24.jpg)
Paso 18 Para agregar páginas haz clic en la pestaña páginas.
Haz clic aquí
![Page 25: Creación de una página web en weebly](https://reader036.fdocuments.mx/reader036/viewer/2022062307/5563e4d1d8b42a740a8b5578/html5/thumbnails/25.jpg)
Paso 19 Sigue las indicaciones:
1. Escribe un nombre a la nueva página
2. Selecciona el estilo de la página
3. En este momento puedes añadir todas las páginas que desees. Para hacerlo haz clic en: ADD PAGE
4. Haz clic en “Guardar configuración”
![Page 26: Creación de una página web en weebly](https://reader036.fdocuments.mx/reader036/viewer/2022062307/5563e4d1d8b42a740a8b5578/html5/thumbnails/26.jpg)
Apariencia de la página web. Se han agregado las páginas. Al hacer clic sobre el nombre de las páginas nos permitirá editarlas.
![Page 27: Creación de una página web en weebly](https://reader036.fdocuments.mx/reader036/viewer/2022062307/5563e4d1d8b42a740a8b5578/html5/thumbnails/27.jpg)
Recuerda: Para editar una página, después de ubicarte en ella, haz clic en la pestaña: ELEMENTOS
![Page 28: Creación de una página web en weebly](https://reader036.fdocuments.mx/reader036/viewer/2022062307/5563e4d1d8b42a740a8b5578/html5/thumbnails/28.jpg)
Observa: Los elementos que puedes incluir en tu página aparecen en la barra horizontal superior. Puedes seleccionar los básicos, los primeros de la lista del menú izquierdo.
ELEMENTOS BÁSICOS
![Page 29: Creación de una página web en weebly](https://reader036.fdocuments.mx/reader036/viewer/2022062307/5563e4d1d8b42a740a8b5578/html5/thumbnails/29.jpg)
TAMBIÉN: Puedes incluir elementos multimedia. Aparecen en el menú izquierdo de la barra de elementos.
ELEMENTOS MULTIMEDIA
![Page 30: Creación de una página web en weebly](https://reader036.fdocuments.mx/reader036/viewer/2022062307/5563e4d1d8b42a740a8b5578/html5/thumbnails/30.jpg)
NUNCA OLVIDES
Al terminar de editar tu página web, no olvides hacer clic en publicar, de esta forma se guardan los cambios realizados.
Haz clic aquí.
![Page 31: Creación de una página web en weebly](https://reader036.fdocuments.mx/reader036/viewer/2022062307/5563e4d1d8b42a740a8b5578/html5/thumbnails/31.jpg)
FIN DEL TUTORIAL
Pon manos a la obra y construye tu página web.
Saludos.