TUTORIAL WEEBLY

57
TUTORIAL: WEEBLY ¿CÓMO CREAR TU PROPIO BLOG PASO A PASO? Mónica Velástegui Moreno DIDÁCTICA MEDIANTE BLOGS Segundo Maestria en Tecnologías para la Gestión y Práctica Docente

Transcript of TUTORIAL WEEBLY

Page 1: TUTORIAL WEEBLY

TUTORIAL: WEEBLY

¿CÓMO CREAR TU PROPIO BLOG PASO A

PASO?

Mónica Velástegui MorenoDIDÁCTICA MEDIANTE BLOGS

Segundo Maestria en Tecnologías para la Gestión y Práctica Docente

Page 2: TUTORIAL WEEBLY

WEEBLY Es una página web gratuita, dedicada a

la creación de otras páginas. Fue fundada por la micro-siembra de

fondos Y Combinator. Usa un estilo de formato Widget,

dejando que los usuarios creen páginas con pocos clics. 

ENLACE: http://www.weebly.com

Page 3: TUTORIAL WEEBLY

PARA EMPEZAR…….

Page 4: TUTORIAL WEEBLY

Debes registrarte en la plataforma, poniendo tu nombre, tu correo y una contraseña.

También puedes iniciar sesión con Facebook

Page 5: TUTORIAL WEEBLY

Escoge un tema a tu gusto y haz click en choose (escoger), este lo puedes cambiar luego

También tienes la opción de

elegir el color del tema

Page 6: TUTORIAL WEEBLY

Escribe la dirección del sitio, debe ser un nombre de fácil acceso y relacionado

con el contenido del Blog.

Page 7: TUTORIAL WEEBLY

Si el nombre está disponible se

tornará verde el cuadro.

Click en continua

r

Page 8: TUTORIAL WEEBLY

Para empezar a añadir elementos a tu blog, da click en build my site (construir

mi sitio)

Page 9: TUTORIAL WEEBLY

TÚ PÁGINA DE INICIO….

Page 10: TUTORIAL WEEBLY

Para poner en encabezado de tu Blog puedes escribir el nombre o

poner un logo si es el caso.

Page 11: TUTORIAL WEEBLY

Para cambiar la imagen haz click en editar imagen

Haz click en add image

(añadir imágen)

También puedes agregar la imagen o texto desde el botón lateral.

Page 12: TUTORIAL WEEBLY

Tienes varias

opciones para elegir la imagen

En este caso elegimos subir

de la PC, da click en elegir

imagen

Elige la imagen, click en abrir

Page 13: TUTORIAL WEEBLY

Espera que se cargue la imagen

Puedes modificar el tamaño de la

imagen y ponerle

efectos con la barra de imágenes

Cuando hayas terminado de modificar la imagen haz click en OK

Page 14: TUTORIAL WEEBLY

Espera que se guarden tus

cambiosTambién puedes

agregar texto

Para guardar tu imagen haz click en save

(guardar), save to this page only

(guardar solo esta pagina)

Page 15: TUTORIAL WEEBLY

ELEMENTOS QUE PUEDES AGREGAR A

TU BLOG…. (solo se tomaran en cuenta los que son

gratuitos)

Page 16: TUTORIAL WEEBLY

BÁSICOS

TITULO

CONTACTOMAPA

IMAGEN Y

TEXTO

GALERÍAPRESENTACIÓ

N

IMAGEN

TEXTO

Page 17: TUTORIAL WEEBLY

ESTRUCTURA

BOTÓN

COLUMNAS

DIVISOR

CUADRO DE

BÚSQUEDA

Page 18: TUTORIAL WEEBLY

MEDIA

CARPETA DE DOCUMENTO

S

CONTENIDO FLASH

DOCUMENTO

VIDEO DE YOUTUBE

Page 19: TUTORIAL WEEBLY

COMPLEMENTOS

ENCUESTAS PARA ENVIAR

ICONOS DE REDES SOCIALES

CITA EN EL BLOG

CONCRETAR CITAS

CÓDIGO EMBEBIDO

ENCUESTAS

FORMULARIO DE PREGUNTA

NOTICIAS

FORO

Page 20: TUTORIAL WEEBLY

AGREGA ELEMENTOS A TU BLOG….

Page 21: TUTORIAL WEEBLY

Agrega tus datos en la barra izquierda para llenar tu blog.

Page 22: TUTORIAL WEEBLY

Agrega elementos a tu página de inicio.

Debes arrastrar el elemento que vayas a utilizar hacia la parte en

blanco

Page 23: TUTORIAL WEEBLY

En este caso elegimos

agregar un título a la página

Haz click para modificar

Page 24: TUTORIAL WEEBLY

Puedes modificar tu entrada con la barra de

herramientas de texto

Page 25: TUTORIAL WEEBLY

Puedes agregar textos e imágenes también.

Page 26: TUTORIAL WEEBLY

Arrastre el ícono de imagen al espacio en blanco

Page 27: TUTORIAL WEEBLY

Da click en el botón verde para elegir la imagen

Page 28: TUTORIAL WEEBLY

Puedes modificar la foto a tu gusto

Page 29: TUTORIAL WEEBLY

AGREGA PÁGINAS A TU BLOG…

Page 30: TUTORIAL WEEBLY

Da click en la opción páginas

Page 31: TUTORIAL WEEBLY

Puedes cambiar el nombre de tu página principal

Page 32: TUTORIAL WEEBLY

Da click en añadir página

Page 33: TUTORIAL WEEBLY

Elige el tipo de página que

quieras agregar, en este caso

página de blog

Page 34: TUTORIAL WEEBLY

Nombra tu página,

aparecerá en el lado derecho.

Click en guardar y

editar

Page 35: TUTORIAL WEEBLY

Guarda y editar

Para cambiar el orden de las

páginas, arrastra la página hasta el

lugar deseado

Puedes poner sub páginas,

arrastrando a la página sobre la

otra

Page 36: TUTORIAL WEEBLY

También puedes agregar páginas

estándar a tu blog.

Page 37: TUTORIAL WEEBLY

Agrégale nombre a tu página.

Click en guardar y editar

Page 38: TUTORIAL WEEBLY

AGREGA CONTENIDO A TU PÁGINA ESTANDAR…

Page 39: TUTORIAL WEEBLY

Para agregar contenido a tu página estándar, arrastra el botón hasta la parte blanca, en este caso vamos a

agregar un video de youtube

Page 40: TUTORIAL WEEBLY

Escribe el URL del video que deseas poner.

Page 41: TUTORIAL WEEBLY

Para agregar UN FORO, arrastra el ícono a la parte blanca

Page 42: TUTORIAL WEEBLY

Da click en seleccionar tema

Puedes seleccionar las opciones del

menú de foros.

Page 43: TUTORIAL WEEBLY

Escribe el contenido de

discusión.

Escribe el tema de tu foro.

Page 44: TUTORIAL WEEBLY

Elige las opciones que sean

necesarias y publica tu foro.

Page 45: TUTORIAL WEEBLY

AGREGA ENTRADAS A TU BLOG….

Page 46: TUTORIAL WEEBLY

Para agregar una entrada, da click

en add post

Page 47: TUTORIAL WEEBLY

Escribe el titulo de tu entrada

Page 48: TUTORIAL WEEBLY

Para poner contenido en tu publicación, en

este caso vamos a agregar un

código embebido

Page 49: TUTORIAL WEEBLY

Haz click y pega tu código embebido.

Page 50: TUTORIAL WEEBLY

Haz click y pega tu código embebido.

Modifica a tu gusto la forma de

tu elemento

Page 51: TUTORIAL WEEBLY

Guárdalo como borrador

Para borrar la publicación da

click en el botón de color rojo.

Guarda la publicación

Page 52: TUTORIAL WEEBLY

PUBLICA TÚ BLOG….

Page 53: TUTORIAL WEEBLY

8.1.- Da click en publicar

Page 54: TUTORIAL WEEBLY

8.2.- Pon un nuevo nombre o conserva el que pusiste al principio y da click en continuar.

Page 55: TUTORIAL WEEBLY

8.3.- Elige la categoría de tu

blog.

8.4.- Click en continuar.

Page 56: TUTORIAL WEEBLY

SI QUIERES VER TU SITIO DA CLICK EN LA FIGURA

Page 57: TUTORIAL WEEBLY

GRACIAS….