Tutorial Weebly -...
Transcript of Tutorial Weebly -...
![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](https://reader031.fdocumento.com/reader031/viewer/2022031123/5bb6f0d309d3f237458cd596/html5/thumbnails/1.jpg)
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](https://reader031.fdocumento.com/reader031/viewer/2022031123/5bb6f0d309d3f237458cd596/html5/thumbnails/2.jpg)
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](https://reader031.fdocumento.com/reader031/viewer/2022031123/5bb6f0d309d3f237458cd596/html5/thumbnails/3.jpg)
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](https://reader031.fdocumento.com/reader031/viewer/2022031123/5bb6f0d309d3f237458cd596/html5/thumbnails/4.jpg)
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](https://reader031.fdocumento.com/reader031/viewer/2022031123/5bb6f0d309d3f237458cd596/html5/thumbnails/5.jpg)
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](https://reader031.fdocumento.com/reader031/viewer/2022031123/5bb6f0d309d3f237458cd596/html5/thumbnails/6.jpg)
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](https://reader031.fdocumento.com/reader031/viewer/2022031123/5bb6f0d309d3f237458cd596/html5/thumbnails/7.jpg)
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](https://reader031.fdocumento.com/reader031/viewer/2022031123/5bb6f0d309d3f237458cd596/html5/thumbnails/8.jpg)
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](https://reader031.fdocumento.com/reader031/viewer/2022031123/5bb6f0d309d3f237458cd596/html5/thumbnails/9.jpg)
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](https://reader031.fdocumento.com/reader031/viewer/2022031123/5bb6f0d309d3f237458cd596/html5/thumbnails/10.jpg)
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](https://reader031.fdocumento.com/reader031/viewer/2022031123/5bb6f0d309d3f237458cd596/html5/thumbnails/11.jpg)
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](https://reader031.fdocumento.com/reader031/viewer/2022031123/5bb6f0d309d3f237458cd596/html5/thumbnails/12.jpg)
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](https://reader031.fdocumento.com/reader031/viewer/2022031123/5bb6f0d309d3f237458cd596/html5/thumbnails/13.jpg)
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](https://reader031.fdocumento.com/reader031/viewer/2022031123/5bb6f0d309d3f237458cd596/html5/thumbnails/14.jpg)
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](https://reader031.fdocumento.com/reader031/viewer/2022031123/5bb6f0d309d3f237458cd596/html5/thumbnails/15.jpg)
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](https://reader031.fdocumento.com/reader031/viewer/2022031123/5bb6f0d309d3f237458cd596/html5/thumbnails/16.jpg)
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](https://reader031.fdocumento.com/reader031/viewer/2022031123/5bb6f0d309d3f237458cd596/html5/thumbnails/17.jpg)
Puede revisar el sitio web de referencia: www.tecnoeducativa1.weebly.com