SlideShare una empresa de Scribd logo
CREACIÓN DE UNA PÁGINA WEB EN
           WEEBLY
  CENTRO DE ESTUDIOS SUPERIORES LA SALLE

                TUTORIAL
Weebly
http://www.weebly.com/?lang=es
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.)
¿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.
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.
Para crear una página web

con Weebly
Paso 1
Ingresa al sitio:   Selecciona el
                    idioma
 www.weebly.com



                                     Regístrate




                                    Haz clic para
                                    comenzar
Paso 2
Verifica la frase de seguridad


                                 Escribe aquí




                                 Haz clic aquí
Paso 3
Ingresa un nombre para tu página


                               Escribe aquí


                               Selecciona
                               aquí



                               Haz clic aquí
Paso 4
Selecciona el dominio.
En este caso un subdominio de weebly


                                  Escribe aquí




                                  Haz clic aquí
Paso 5
Empieza a editar.


                    Haz clic aquí
Paso 6
Empieza a editar.


                    Escribe el
                    nombre del
                    sitio aquí
Paso 7
Revisa lo que has editado y haz clic en
guardar y después en cerrar.


                          2

                                    Haz clic aquí
                          1
Paso 8
   Observa la pantalla de trabajo

Sub menús   Menús principales               Opciones




                          Área de trabajo
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
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.
Paso 11
Empieza escribir.




                    Escribe aquí.
Paso 12
Ahora selecciona el cuadrito que dice
párrafo. Y llévalo al área de trabajo.

                                   Selecciona este.




                                    Arrástralo acá.
Paso 13
Al terminar de capturar la información
de tu página, haz clic en publicar.

                                    Haz clic aquí
Paso 14.
Haz clic en continuar.




                         Haz clic aquí
Paso 15.
Haz clic en cerrar.




                      Haz clic aquí
Paso 16
Haz clic en cerrar.

                      Haz clic aquí
Paso 17
Entra a tu página desde el sitio del editor

                                       Haz clic aquí
Paso 18
Para agregar páginas haz clic en la
pestaña páginas.
                                      Haz clic aquí
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.              4. Haz clic en “Guardar configuración”
Para hacerlo haz clic en:
ADD PAGE
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.
Recuerda:
Para editar una página, después de ubicarte en ella,
haz clic en la pestaña: ELEMENTOS
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
TAMBIÉN:
      Puedes incluir elementos multimedia.
      Aparecen en el menú izquierdo de la barra de elementos.




ELEMENTOS MULTIMEDIA
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í.
FIN DEL TUTORIAL
Pon manos a la obra y construye tu página web.
Saludos.

Más contenido relacionado

La actualidad más candente

Caracteristicas de slideshare
Caracteristicas de slideshareCaracteristicas de slideshare
Caracteristicas de slideshare
paulacamargo05
 
Paginas web dinámicas y estáticas
Paginas web dinámicas y estáticasPaginas web dinámicas y estáticas
Paginas web dinámicas y estáticas
FloydMera98
 
PROYECTO PAGINA WEB
PROYECTO PAGINA WEB PROYECTO PAGINA WEB
PROYECTO PAGINA WEB
JM3D
 
Website management model
Website management modelWebsite management model
Website management model
adgclarke
 

La actualidad más candente (19)

Desarrollo web
Desarrollo webDesarrollo web
Desarrollo web
 
Manual de practicas de dreamweaver
Manual de practicas de dreamweaverManual de practicas de dreamweaver
Manual de practicas de dreamweaver
 
Pasos para crear una pagina web en wix
Pasos para crear una pagina web en wixPasos para crear una pagina web en wix
Pasos para crear una pagina web en wix
 
Caracteristicas de slideshare
Caracteristicas de slideshareCaracteristicas de slideshare
Caracteristicas de slideshare
 
Presentacion Wiki
Presentacion WikiPresentacion Wiki
Presentacion Wiki
 
Aplicaciones web
Aplicaciones webAplicaciones web
Aplicaciones web
 
MVC - Introduction
MVC - IntroductionMVC - Introduction
MVC - Introduction
 
Silabo diseño web
Silabo   diseño webSilabo   diseño web
Silabo diseño web
 
Silabo programacion Web I
Silabo programacion Web ISilabo programacion Web I
Silabo programacion Web I
 
Desarrollo web
Desarrollo web Desarrollo web
Desarrollo web
 
Paginas web dinámicas y estáticas
Paginas web dinámicas y estáticasPaginas web dinámicas y estáticas
Paginas web dinámicas y estáticas
 
PROYECTO PAGINA WEB
PROYECTO PAGINA WEB PROYECTO PAGINA WEB
PROYECTO PAGINA WEB
 
emaze
emazeemaze
emaze
 
API Management Within a Microservices Architecture
API Management Within a Microservices Architecture API Management Within a Microservices Architecture
API Management Within a Microservices Architecture
 
Silabo diseño web
Silabo diseño webSilabo diseño web
Silabo diseño web
 
Manual de instalacion y tecnico JOOMLA
Manual de instalacion y tecnico JOOMLAManual de instalacion y tecnico JOOMLA
Manual de instalacion y tecnico JOOMLA
 
Jimdo
JimdoJimdo
Jimdo
 
Como crear un sitio web en WordPress
Como crear un sitio web en WordPressComo crear un sitio web en WordPress
Como crear un sitio web en WordPress
 
Website management model
Website management modelWebsite management model
Website management model
 

Destacado

Ficha # 1 página y sitio web
Ficha # 1 página y sitio webFicha # 1 página y sitio web
Ficha # 1 página y sitio web
valenena8
 

Destacado (20)

Que es Weebly y Como se Utiliza
Que es Weebly y Como se Utiliza Que es Weebly y Como se Utiliza
Que es Weebly y Como se Utiliza
 
Tutorial weebly
Tutorial weeblyTutorial weebly
Tutorial weebly
 
Tutorial uso de weebly
Tutorial uso de weeblyTutorial uso de weebly
Tutorial uso de weebly
 
TUTORIAL WEEBLY
TUTORIAL WEEBLYTUTORIAL WEEBLY
TUTORIAL WEEBLY
 
Subir doc al sitio
Subir doc al sitioSubir doc al sitio
Subir doc al sitio
 
Tutorial Weebly
Tutorial Weebly Tutorial Weebly
Tutorial Weebly
 
Tutorial weebly
Tutorial weeblyTutorial weebly
Tutorial weebly
 
Ficha # 1 página y sitio web
Ficha # 1 página y sitio webFicha # 1 página y sitio web
Ficha # 1 página y sitio web
 
Weebly: cómo armar una página profesional para docentes
Weebly: cómo armar una página profesional para docentesWeebly: cómo armar una página profesional para docentes
Weebly: cómo armar una página profesional para docentes
 
Tutorial PEARLTREES - Grupo 3 Virtual e-Group
Tutorial PEARLTREES - Grupo 3 Virtual e-GroupTutorial PEARLTREES - Grupo 3 Virtual e-Group
Tutorial PEARLTREES - Grupo 3 Virtual e-Group
 
Elementos del diseño de interfaces
Elementos del diseño de interfacesElementos del diseño de interfaces
Elementos del diseño de interfaces
 
Ejemplos fotos photoshop
Ejemplos fotos photoshopEjemplos fotos photoshop
Ejemplos fotos photoshop
 
Realidad Aumentada en Educación - Collab Trends
Realidad Aumentada en Educación - Collab TrendsRealidad Aumentada en Educación - Collab Trends
Realidad Aumentada en Educación - Collab Trends
 
Partes de Una Pagina Web
Partes de Una Pagina WebPartes de Una Pagina Web
Partes de Una Pagina Web
 
Fundamentos DiseñO Web
Fundamentos DiseñO WebFundamentos DiseñO Web
Fundamentos DiseñO Web
 
7.1.- Página web del centro educativo
7.1.- Página web del centro educativo7.1.- Página web del centro educativo
7.1.- Página web del centro educativo
 
Teoría del Diseño Web
Teoría del Diseño WebTeoría del Diseño Web
Teoría del Diseño Web
 
Diseño de tareas Integradas
Diseño de tareas IntegradasDiseño de tareas Integradas
Diseño de tareas Integradas
 
Taller El arte de crear (buenos) sitios web: diseño, desarrollo y estándares
Taller El arte de crear (buenos) sitios web: diseño, desarrollo y estándaresTaller El arte de crear (buenos) sitios web: diseño, desarrollo y estándares
Taller El arte de crear (buenos) sitios web: diseño, desarrollo y estándares
 
Diseño Web Centrado en el Usuario, ¿Qué hace realmente bueno a un Sitio Web?
Diseño Web Centrado en el Usuario, ¿Qué hace realmente bueno a un Sitio Web?Diseño Web Centrado en el Usuario, ¿Qué hace realmente bueno a un Sitio Web?
Diseño Web Centrado en el Usuario, ¿Qué hace realmente bueno a un Sitio Web?
 

Similar a Creación de una página web en weebly

Similar a Creación de una página web en weebly (20)

Como crear una pagina web en word
Como crear una pagina web en wordComo crear una pagina web en word
Como crear una pagina web en word
 
Creación de páginas usando dream weaver
Creación de páginas usando dream weaverCreación de páginas usando dream weaver
Creación de páginas usando dream weaver
 
Trabajo practico 4 vale gelsi!
Trabajo practico 4 vale gelsi!Trabajo practico 4 vale gelsi!
Trabajo practico 4 vale gelsi!
 
Síntesis II periodo 9º
Síntesis II periodo 9ºSíntesis II periodo 9º
Síntesis II periodo 9º
 
Tp 4 alvaro
Tp 4 alvaroTp 4 alvaro
Tp 4 alvaro
 
Ingresar
IngresarIngresar
Ingresar
 
Manual informatica equippdf
Manual informatica equippdfManual informatica equippdf
Manual informatica equippdf
 
Manual pagina web en word
Manual pagina web en wordManual pagina web en word
Manual pagina web en word
 
Paginaweb
PaginawebPaginaweb
Paginaweb
 
Trabajo numero 4
Trabajo numero 4Trabajo numero 4
Trabajo numero 4
 
Proyecto Tecnico,
Proyecto Tecnico,Proyecto Tecnico,
Proyecto Tecnico,
 
Trabajo práctico nº 1 y nº3
Trabajo práctico nº 1 y nº3Trabajo práctico nº 1 y nº3
Trabajo práctico nº 1 y nº3
 
Tutorial sites
Tutorial sitesTutorial sites
Tutorial sites
 
Documento yola
Documento yolaDocumento yola
Documento yola
 
Guiadreamweaver5
Guiadreamweaver5Guiadreamweaver5
Guiadreamweaver5
 
Blog
BlogBlog
Blog
 
Blog
BlogBlog
Blog
 
Manual wiki
Manual wikiManual wiki
Manual wiki
 
Trabajo práctico nro4 informatica [2012].
Trabajo práctico nro4  informatica [2012].Trabajo práctico nro4  informatica [2012].
Trabajo práctico nro4 informatica [2012].
 
Pagina web en línea.
Pagina web en línea.Pagina web en línea.
Pagina web en línea.
 

Más de Sistematizacion De la Enseñanza

2015 programa analítico seminario de tesis nancy zambrano
2015 programa analítico seminario de tesis nancy zambrano2015 programa analítico seminario de tesis nancy zambrano
2015 programa analítico seminario de tesis nancy zambrano
Sistematizacion De la Enseñanza
 

Más de Sistematizacion De la Enseñanza (20)

Seminario unidad 2
Seminario unidad 2Seminario unidad 2
Seminario unidad 2
 
Seminario de tesis unidad 1
Seminario de tesis unidad 1Seminario de tesis unidad 1
Seminario de tesis unidad 1
 
Trabajo colaborativo en entornos virtuales
Trabajo colaborativo en entornos virtuales Trabajo colaborativo en entornos virtuales
Trabajo colaborativo en entornos virtuales
 
Resultados planea zona 3
Resultados planea zona 3Resultados planea zona 3
Resultados planea zona 3
 
Documentos normativos
Documentos normativosDocumentos normativos
Documentos normativos
 
ATP-Curso taller promocion_en_la_funcion
ATP-Curso taller promocion_en_la_funcionATP-Curso taller promocion_en_la_funcion
ATP-Curso taller promocion_en_la_funcion
 
Organizadores para estudiar ex permanencia
Organizadores para estudiar ex permanenciaOrganizadores para estudiar ex permanencia
Organizadores para estudiar ex permanencia
 
Mapas conceptuales etapa 3
Mapas conceptuales etapa 3Mapas conceptuales etapa 3
Mapas conceptuales etapa 3
 
Redaccion del-texto-de-analisis
Redaccion del-texto-de-analisisRedaccion del-texto-de-analisis
Redaccion del-texto-de-analisis
 
Evalu del desempeño ciclo escolar 2015
Evalu del desempeño ciclo escolar 2015Evalu del desempeño ciclo escolar 2015
Evalu del desempeño ciclo escolar 2015
 
Lineamientos Consejos tecnicos escolares
Lineamientos Consejos tecnicos escolaresLineamientos Consejos tecnicos escolares
Lineamientos Consejos tecnicos escolares
 
Tecnologia Educativa Curso Sesion1
Tecnologia Educativa Curso Sesion1 Tecnologia Educativa Curso Sesion1
Tecnologia Educativa Curso Sesion1
 
Curso docencia universitaria sesion 2
Curso docencia universitaria sesion 2Curso docencia universitaria sesion 2
Curso docencia universitaria sesion 2
 
Curso docencia universitaria sesion 1
Curso docencia universitaria sesion 1Curso docencia universitaria sesion 1
Curso docencia universitaria sesion 1
 
Guia apa febrero_2012
Guia apa febrero_2012Guia apa febrero_2012
Guia apa febrero_2012
 
2015 programa analítico seminario de tesis nancy zambrano
2015 programa analítico seminario de tesis nancy zambrano2015 programa analítico seminario de tesis nancy zambrano
2015 programa analítico seminario de tesis nancy zambrano
 
Programa educación popular
Programa educación popularPrograma educación popular
Programa educación popular
 
Didcticadelaenseanzasuperiorenmxicoii
DidcticadelaenseanzasuperiorenmxicoiiDidcticadelaenseanzasuperiorenmxicoii
Didcticadelaenseanzasuperiorenmxicoii
 
Secuencia didactica 1
Secuencia didactica 1Secuencia didactica 1
Secuencia didactica 1
 
Presentacion secuencias didacticas
Presentacion secuencias didacticasPresentacion secuencias didacticas
Presentacion secuencias didacticas
 

Creación de una página web en weebly

  • 1. CREACIÓN DE UNA PÁGINA WEB EN WEEBLY CENTRO DE ESTUDIOS SUPERIORES LA SALLE TUTORIAL
  • 3. 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.)
  • 4. ¿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.
  • 5. 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.
  • 6. Para crear una página web con Weebly
  • 7. Paso 1 Ingresa al sitio: Selecciona el idioma www.weebly.com Regístrate Haz clic para comenzar
  • 8. Paso 2 Verifica la frase de seguridad Escribe aquí Haz clic aquí
  • 9. Paso 3 Ingresa un nombre para tu página Escribe aquí Selecciona aquí Haz clic aquí
  • 10. Paso 4 Selecciona el dominio. En este caso un subdominio de weebly Escribe aquí Haz clic aquí
  • 11. Paso 5 Empieza a editar. Haz clic aquí
  • 12. Paso 6 Empieza a editar. Escribe el nombre del sitio aquí
  • 13. Paso 7 Revisa lo que has editado y haz clic en guardar y después en cerrar. 2 Haz clic aquí 1
  • 14. Paso 8 Observa la pantalla de trabajo Sub menús Menús principales Opciones Área de trabajo
  • 15. 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
  • 16. 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.
  • 17. Paso 11 Empieza escribir. Escribe aquí.
  • 18. Paso 12 Ahora selecciona el cuadrito que dice párrafo. Y llévalo al área de trabajo. Selecciona este. Arrástralo acá.
  • 19. Paso 13 Al terminar de capturar la información de tu página, haz clic en publicar. Haz clic aquí
  • 20. Paso 14. Haz clic en continuar. Haz clic aquí
  • 21. Paso 15. Haz clic en cerrar. Haz clic aquí
  • 22. Paso 16 Haz clic en cerrar. Haz clic aquí
  • 23. Paso 17 Entra a tu página desde el sitio del editor Haz clic aquí
  • 24. Paso 18 Para agregar páginas haz clic en la pestaña páginas. Haz clic aquí
  • 25. 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. 4. Haz clic en “Guardar configuración” Para hacerlo haz clic en: ADD PAGE
  • 26. 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.
  • 27. Recuerda: Para editar una página, después de ubicarte en ella, haz clic en la pestaña: ELEMENTOS
  • 28. 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
  • 29. TAMBIÉN: Puedes incluir elementos multimedia. Aparecen en el menú izquierdo de la barra de elementos. ELEMENTOS MULTIMEDIA
  • 30. 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í.
  • 31. FIN DEL TUTORIAL Pon manos a la obra y construye tu página web. Saludos.