# ¿Cómo utilizar el Constructor Web?

Vamos a dar los primeros pasos dentro del **Constructor de Sitios Web**.

1. Elegí la plantilla que vas a utilizar para tu web. De ser necesario, podrás cambiarla más adelante. Apoyando el cursor sobre la plantilla deseada podrás previsualizarla o seleccionarla.

<figure><img src="https://3368453466-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtxuPnaaHDcmSjTmrlrko%2Fuploads%2Fgit-blob-7afc894cf2501a2380b3df8962b241bf5d7768c4%2Fimagen%20(11).png?alt=media" alt=""><figcaption></figcaption></figure>

2. Una vez seleccionada la plantilla, podrás editarla conforme a tu gusto personal.

<figure><img src="https://3368453466-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtxuPnaaHDcmSjTmrlrko%2Fuploads%2Fgit-blob-16b175578fc9c360e5a59c8dde11d7040bda64d8%2Fimagen%20(6).png?alt=media" alt=""><figcaption></figcaption></figure>

3. Es muy amplia la cantidad de elementos que se pueden agregar y editar dentro del constructor. A continuación veremos algunos aspectos básicos que te ayudarán a manejar la plataforma a la perfección.

<figure><img src="https://3368453466-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtxuPnaaHDcmSjTmrlrko%2Fuploads%2Fgit-blob-a73de2408acee0cac598fe31c09d8a9c08a1ef68%2Fimagen%20(34).png?alt=media" alt=""><figcaption></figcaption></figure>

Al hacer clic sobre una instancia de la planilla (1), se abrirá a la derecha el menú de edición del mismo (2). Dicho menú está al mismo tiempo dividido en varias opciones para editar.

Otro aspecto importante es el agregado de elementos. Esto se hace de una manera muy intuitiva. Simplemente, seleccioná con el cursor cualquier elemento de la barra superior y arrastrá hacia el lugar en donde quieras colocarlo. Por ejemplo, vamos a agregar una imagen nueva:

1. Primero nos ubicamos sobre donde dice "**Imagen**". Luego arrastramos el cursor hasta la ubicación deseada:
2. Luego arrastramos el cursor hasta la ubicación deseada:

<figure><img src="https://3368453466-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtxuPnaaHDcmSjTmrlrko%2Fuploads%2Fgit-blob-92b0601ab90b48ea4e3692b7aa430f3e9b891dcf%2Fimagen%20(15).png?alt=media" alt=""><figcaption></figcaption></figure>

3. Se abrirá un nuevo menú para insertar una imagen:

<figure><img src="https://3368453466-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtxuPnaaHDcmSjTmrlrko%2Fuploads%2Fgit-blob-cca914e63e64f3c833f70df0a63ce870dac29abc%2Fimagen%20(22).png?alt=media" alt=""><figcaption></figcaption></figure>

4. Podrás elegir entre subir una imagen de nuestro ordenador, de una URL, o utilizar una de las predeterminadas por la plataforma. Luego hacé clic sobre la imagen deseada, agregala, y al finalizar podrás re dimensionar, ubicar y modificar propiedades de la misma.

<figure><img src="https://3368453466-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtxuPnaaHDcmSjTmrlrko%2Fuploads%2Fgit-blob-9808d1449e6815d813d917b145e43a37c0acb448%2Fimagen%20(14).png?alt=media" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3368453466-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtxuPnaaHDcmSjTmrlrko%2Fuploads%2Fgit-blob-64c4d4ea649cce26c6d8fbf1dec2fc1adbaa1726%2Fimagen%20(32).png?alt=media" alt=""><figcaption></figcaption></figure>

Como paso final, resta publicar o previsualizar el contenido realizado hasta el momento. Podrás hacerlo de la siguiente manera:

Para **previsualiza**r el contenido:

<figure><img src="https://3368453466-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtxuPnaaHDcmSjTmrlrko%2Fuploads%2Fgit-blob-b749c1a2f0315816d3a6d5fb26bed964b592ee0f%2Fimagen%20(20).png?alt=media" alt=""><figcaption></figcaption></figure>

Para **publicar/respaldar o restaurar** contenido:

<figure><img src="https://3368453466-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtxuPnaaHDcmSjTmrlrko%2Fuploads%2Fgit-blob-9b637cbaa91459b6c81e80dae5e5d5ee832c69e1%2Fimagen%20(23).png?alt=media" alt=""><figcaption></figcaption></figure>
