tutorial weebly -...

17
TUTORIAL WEEBLY Creado por: Andrea Cerdas Moya 1

Upload: tranque

Post on 05-Oct-2018

218 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Tutorial Weebly - PRESENTACIÓNtecnoeducativa1.weebly.com/uploads/8/2/3/6/8236922/tutorial_weebly.… · Se presenta un formulario para rellenar con el nombre que llevará nuestro

TUTORIAL WEEBLYCreado por:

Andrea Cerdas Moya

1

Page 2: Tutorial Weebly - PRESENTACIÓNtecnoeducativa1.weebly.com/uploads/8/2/3/6/8236922/tutorial_weebly.… · Se presenta un formulario para rellenar con el nombre que llevará nuestro

INGRESARA la página: http://www.weebly.com y llene los datos que aparecen en el formulario Regístrese gratuitamente.

2

Page 3: Tutorial Weebly - PRESENTACIÓNtecnoeducativa1.weebly.com/uploads/8/2/3/6/8236922/tutorial_weebly.… · Se presenta un formulario para rellenar con el nombre que llevará nuestro

PÁGINA WEB, BLOG O TIENDA

Una vez realizado el paso anterior seleccionamos una de las tres opciones que aparecen para empezar nuestro

proyecto.

3

Page 4: Tutorial Weebly - PRESENTACIÓNtecnoeducativa1.weebly.com/uploads/8/2/3/6/8236922/tutorial_weebly.… · Se presenta un formulario para rellenar con el nombre que llevará nuestro

ESCOGEMOS UN TEMASeleccionamos el formato que más nos llame la atención para realizar nuestra página o blog y le damos click en el

botón Elegir.

4

Page 5: Tutorial Weebly - PRESENTACIÓNtecnoeducativa1.weebly.com/uploads/8/2/3/6/8236922/tutorial_weebly.… · Se presenta un formulario para rellenar con el nombre que llevará nuestro

ESCOGEMOS EL NOMBRE DEL SITIO WEB

Se presenta un formulario para rellenar con el nombre que llevará nuestro sitio web. Como nuestra cuenta es gratuita seleccionaremos la opción que aparece en la siguiente

imagen. Si el nombre está disponible aparecerá el recuadro en color verde. Le damos click en continuar cuando estemos listos.

5

Page 6: Tutorial Weebly - PRESENTACIÓNtecnoeducativa1.weebly.com/uploads/8/2/3/6/8236922/tutorial_weebly.… · Se presenta un formulario para rellenar con el nombre que llevará nuestro

BIENVENIDO A WEEBLY• Después del paso anterior la

p á g i n a no s mues t r a e l siguiente video de Bienvenida. Si necesitamos un poco más de or ientación sobre la herramienta podemos dar click en la pantalla azul para ver el vídeo. De lo contrario, se lecc iono el botón de Construir mi sitio para empezar a editar la plantilla que escogí anteriormente.

6

Page 7: Tutorial Weebly - PRESENTACIÓNtecnoeducativa1.weebly.com/uploads/8/2/3/6/8236922/tutorial_weebly.… · Se presenta un formulario para rellenar con el nombre que llevará nuestro

EDITAR PÁGINAEmpezamos a construir nuestra página web basándonos en el diseño

elegido previamente. La página debe verse de la siguiente forma:

7

Page 8: Tutorial Weebly - PRESENTACIÓNtecnoeducativa1.weebly.com/uploads/8/2/3/6/8236922/tutorial_weebly.… · Se presenta un formulario para rellenar con el nombre que llevará nuestro

Para modificar la imagen que aparece en nuestra Página de Inicio o Principal le damos click sobre la misma y debe aparecer el siguiente

botón para editar.

8

Page 9: Tutorial Weebly - PRESENTACIÓNtecnoeducativa1.weebly.com/uploads/8/2/3/6/8236922/tutorial_weebly.… · Se presenta un formulario para rellenar con el nombre que llevará nuestro

Aparecerá la siguiente pantalla. En ella seleccionaremos el sitio donde se encuentra nuestra imagen, ya sea en nuestra computadora o en internet

Le damos click en el botón de color verde para buscar la imagen en nuestra computadora.

9

Page 10: Tutorial Weebly - PRESENTACIÓNtecnoeducativa1.weebly.com/uploads/8/2/3/6/8236922/tutorial_weebly.… · Se presenta un formulario para rellenar con el nombre que llevará nuestro

Una vez seleccionada la imagen, le damos un click sobre ella para seleccionarla. La misma debe aparecer en nuestra página web de la siguiente manera:

La imagen habilita una barra para modificar la imagen. Una vez modificada, seleccionamos el botón OK, el cual aparece dentro de la imagen.

10

Page 11: Tutorial Weebly - PRESENTACIÓNtecnoeducativa1.weebly.com/uploads/8/2/3/6/8236922/tutorial_weebly.… · Se presenta un formulario para rellenar con el nombre que llevará nuestro

También podemos agregar imágenes desde internet sin necesidad de descargarlas a la computadora, únicamente necesitamos la dirección del sitio donde se encuentra en la web y presionar luego el botón de Insertar.

Page 12: Tutorial Weebly - PRESENTACIÓNtecnoeducativa1.weebly.com/uploads/8/2/3/6/8236922/tutorial_weebly.… · Se presenta un formulario para rellenar con el nombre que llevará nuestro

MODIFICAR FORMATO DE PÁGINAS EN NUESTRO PROYECTO

Con Weebly tenemos la ventaja de modificar nuestro proyecto fácilmente. Si lo que necesitamos es borrar, crear una página nueva o cambiar el formato ya existente lo podemos hacer al seleccionar la pestaña Páginas.

12

Page 13: Tutorial Weebly - PRESENTACIÓNtecnoeducativa1.weebly.com/uploads/8/2/3/6/8236922/tutorial_weebly.… · Se presenta un formulario para rellenar con el nombre que llevará nuestro

MODIFICAR DISEÑO DE LA PÁGINA

• Muestra las opciones para cambiar el color, tema y fuentes del proyecto.

• Siempre que realizamos un cambio en el formato debemos darle click en el botón Guardar, ya que el s i s t e m a n o l o h a c e automáticamente

13

Page 14: Tutorial Weebly - PRESENTACIÓNtecnoeducativa1.weebly.com/uploads/8/2/3/6/8236922/tutorial_weebly.… · Se presenta un formulario para rellenar con el nombre que llevará nuestro

MODIFICAR OPCIONES DE CONSTRUIR

• Esta opción nos presenta las herramientas mult imedia, de estructura, básica, comercial y otras para la inserción de elementos que complementen el trabajos que realizamos.

• Para agregar cualquier elemento al escenario de nuestro trabajo, lo que debemos hacer es seleccionar la herramienta y arrastrarla hacia el lugar donde queremos agregarla.

14

Page 15: Tutorial Weebly - PRESENTACIÓNtecnoeducativa1.weebly.com/uploads/8/2/3/6/8236922/tutorial_weebly.… · Se presenta un formulario para rellenar con el nombre que llevará nuestro

15

Page 16: Tutorial Weebly - PRESENTACIÓNtecnoeducativa1.weebly.com/uploads/8/2/3/6/8236922/tutorial_weebly.… · Se presenta un formulario para rellenar con el nombre que llevará nuestro

PUBLICARAl finalizar nuestra página web creada en la herramienta Weebly procederemos a Publicar su contenido. Es por ello que le daremos click al botón llamado Publicar.

16

Page 17: Tutorial Weebly - PRESENTACIÓNtecnoeducativa1.weebly.com/uploads/8/2/3/6/8236922/tutorial_weebly.… · Se presenta un formulario para rellenar con el nombre que llevará nuestro

Puede revisar el sitio web de referencia: www.tecnoeducativa1.weebly.com