Tutorial Weebly

¿Cómo crear un sitio web básico en Weebly?

1)Si no tenemos usuario, completar los datos y cliquear en “Start Creating” para registrarnos.

Ingresar usuario y contraseña (no es un mail) y cliquear “log in”

Si ya estamos registrados, ir a la página de Weebly : (www.weebly.com) (como ejemplo vamos a armar un CV profesional)

2)Una vez que ingresamos (nos “logueamos”), ir al botón create a site (crear un sitio): 3)Elegir el título de la web (Title Your New Site): Y hacer clic en continuar

4)Después de unos segundos aparece la página principal (home) de nuestra web, y la sección para la edición básica (Solapa Basic), que nos permite elegir qué distribución queremos en cuanto a texto e imagen, y si queremos 2 columnas:

Arrastre un element o aquí

¿Cómo crear un sitio web en Weebly)

5)Arrastrar el módulo “Párrafo e imagen” desde la barra superior al sector principal

Y ahora podemos escribir el título, párrafos y agregar una imagen O eliminar el módulo

Al hacer clic en donde va la imagen, aparece la siguiente barra:

Desde Upload elegimos la imagen a “subir”, luego tenemos borde y la alineación

Y esta es la barra de edición de textos (Título, Párrafo, etc…)

Tamaño Negrita cursiva subrayado

Profesor Gustavo Cucuzza

Hipervínculo Color

2

Alineación

Deshacer rehacer

www.paraquesepan.blogspot.com

¿Cómo crear un sitio web en Weebly)

6)En la sección “Designs” (diseños) podemos cambiar la plantilla (hay varias: con y sin imagen, con barra superior, con barra lateral izquierda, etc…

Y cambiarle el nombre a la “home” por “Portada” por ejemplo. 7)En la sección “Pages” podemos agregar una nueva página (new page)

Profesor Gustavo Cucuzza

Antes de ir a otra sección hay que guardar con “Save” o cancelar

3

www.paraquesepan.blogspot.com

¿Cómo crear un sitio web en Weebly)

Y acá vemos la nueva página y el cambio de nombre de la “home”

Otras herramientas las podemos ver en las barras: Multimedia: (insertar galerías de fotos, videos de YouTube/Google, Imágenes de Flickr, Mapas de Google, adjuntar archivos… “More”: Lector de feeds, Módulo de HTML, Formulario de contacto, un divisor horizontal, etc…

En la solapa “Settings” podemos cambiar la dirección web y el título (o destildar la opción para que no se vea) y por último grabar

Profesor Gustavo Cucuzza

4

www.paraquesepan.blogspot.com

¿Cómo crear un sitio web en Weebly)

8)Una vez que agregamos las páginas necesarias, vamos al botón “Publish”, elegimos la dirección web o la confirmamos (Opción A) Y luego de cliquear en el botón “continue” nos aparece la pantalla de Felicitaciones! Que nos muestra la dirección en que publicamos nuestra página…

Y acá podemos verla en Google Chrome

Profesor Gustavo Cucuzza

5

www.paraquesepan.blogspot.com