Empezar a utilizar Google 

Sites
2. Actualizar y personalizar un sitio web
Siguiente: 3 Compartir y colaborar en Google Sites

¿Quieres sacar más partido de las aplicaciones de Google en tu trabajo o en tu centro educativo?  Regístrate para
probar Google Workspace gratis

Aprende los conceptos básicos para crear y editar contenido de tu sitio web.

En esta sección, aprenderás a hacer lo siguiente:

2.1 Añadir contenido a un sitio web

2.2 Editar texto

2.3 Editar secciones

2.4 Editar imágenes

2.5 Añadir avisos

2.6 Añadir logotipos

2.7 Añadir contenido de otro sitio web

2.8 Mover y cambiar el tamaño del contenido

2.1 Añadir contenido a un sitio web

A la derecha, selecciona la página a la que quieras añadir contenido y elige una opción:

Haz doble clic en la página a la que quieras añadir contenido.

O bien, haz clic en Insertar y elige el contenido que quieres añadir.

 Añadir títulos y texto.

Añadir contenido directamente de la Web, como música y vídeos.

Añadir fotos, diseños y otras imágenes.

Insertar cualquier archivo (Desde Drive) o el contenido de una carpeta que esté almacenada
en Drive. Los cambios que hagas en tus archivos de Drive se aplicarán automáticamente en
Google Sites.

Añadir un índice.

Crear e insertar carruseles de imágenes.

Añadir botones que enlacen a otro contenido de tu sitio web, o bien a una URL externa.

Añadir una línea divisoria (horizontal) a tu página.

Añadir vídeos de YouTube (como tráileres de productos o anuncios de empresas).

  Añadir calendarios (como calendarios de equipos o eventos).

Añadir mapas (como ubicaciones de oficinas, indicaciones para llegar a eventos o mapas
personalizados ).

        Añadir cualquier elemento de Documentos, Presentaciones, Hojas de cálculo y Formularios

a tu sitio web. El contenido que modifiques en el archivo original se actualizará
automáticamente en el sitio web.

2.2 Editar texto
Para editar el texto o el título de una página, solo tienes que hacer clic en el cuadro y escribir el texto nuevo. También
puedes seleccionar otra opción en la barra de herramientas que está encima.

Opciones de edición:

Títulos y encabezados

Título  Seleccionar un encabezado predeterminado y, a continuación, seleccionar Texto normal para añadir otras
opciones de formato.

Cambiar la alineación del texto.

Insertar un enlace en el texto seleccionado.

Eliminar un título o un cuadro de texto.

Texto normal

Seleccionar texto y añadir formatos de negrita o cursiva.

  Añadir listas numeradas o con viñetas.

Ir a más opciones.

Utilizar el estilo de texto tipo código.

Seleccionar texto y tacharlo.

Seleccionar texto y quitarle todos los formatos.

2.3 Editar secciones

Coloca el ratón sobre una sección para cambiarla.

1. Cambiar el fondo de una sección: haz clic en Estilo  y elige el estilo que quieras. También puedes añadir una
imagen de fondo seleccionando Imagen  .

2. Mover una sección: al insertar contenido nuevo, se añade a una sección que puede ser nueva o no. Para subir o
bajar esa sección, haz clic en Mover la sección  y arrástrala adonde quieras.

3. Duplicar una sección: haz clic en Duplicar sección  . También puedes copiar y pegar una sección en otra
página del sitio web.

4. Añadir un pie de página: desplázate hasta el final de la página y haz clic en Añadir pie de página  . El pie de
página aparecerá en todas las páginas de tu sitio web. Para modificarlo, coloca el cursor sobre él y haz clic en
 Editar  . Si quieres que no se muestre en una página concreta, coloca el cursor sobre él y haz clic en Ocultar el
pie de esta página  .

2.4 Editar imágenes

Cambiar el tamaño de una imagen:

Selecciona la imagen y arrástrala de los lados o las esquinas. Mantén pulsada la tecla Mayús para conservar su
proporción.

Mover una imagen:

Arrastra la imagen a una parte diferente de la sección o a una sección nueva. Puedes colocar la imagen en cualquier
parte resaltada que veas.

Nota: De momento, no es posible colocar imágenes en un cuadro de texto.

Para recortar imágenes, sigue estos pasos:

1. Selecciona la imagen y, después, Recortar  .

2. Para ampliar o reducir la imagen con el zoom, desliza el punto.

3. Arrastra la imagen para cambiar la parte visible.

4. Haz clic en Listo  .

5. (Opcional) Para anular el recorte de una imagen, selecciónala y haz clic en Anular recorte  .

Para sustituir una imagen, sigue estos pasos:

1. Selecciona la imagen.

2. Haz clic en Más   Sustituir imagen Subir o Seleccionar imagen y elige un nuevo archivo de imagen.

Para añadir texto alternativo a una imagen, sigue estos pasos:

1. Cuando alguien coloca el cursor sobre una imagen de tu sitio aparece texto alternativo.

2. Selecciona la imagen y haz clic en Más   Añadir texto alternativo.

3. Escribe una descripción y haz clic en Aplicar.

2.5 Añadir avisos

1. En la esquina superior derecha, haz clic en Configuración  .

2. Haz clic en Aviso.

3. (Opcional) Para personalizar el color del aviso, haz clic en Color del aviso y selecciona uno. Si la opción Mostrar
aviso no está activada, actívala.

4. En la sección Anuncio, introduce en el cuadro de texto lo que quieras anunciar.

5. (Opcional) Para incluir un botón con un enlace en tu aviso, introduce texto en la sección Etiqueta del botón y
proporciona una URL en la sección Enlace. Si quieres que el enlace se abra en una pestaña nueva del navegador,
marca la casilla Abrir en una pestaña nueva.

6. Para elegir en qué parte de tu sitio web quieres que se muestre el aviso, en la sección Visibilidad, selecciona Solo
en la página principal o En todas las páginas. 

7. En la parte superior derecha, cerca de tu imagen de perfil, haz clic en Publicar.

2.6 Añadir logotipos

Los logotipos se muestran en la barra de navegación de la parte superior, junto al nombre del sitio web.

Nota: El archivo del logotipo puede estar en los formatos .jpg, .png o .gif. Para lograr un resultado óptimo, la altura del
logotipo debe ser 112 px como mínimo.

1. Coloca el cursor en la parte superior del encabezado de la página y haz clic en Añadir logotipo  .

2. Haz clic en Subir o en Seleccionar.

3. Selecciona el logotipo y haz clic en Abrir o Seleccionar.

4. (Opcional) Para cambiar el color del encabezado de la página, en Fondo, haz clic en la flecha hacia abajo  y
selecciona un color.

5. (Opcional) Para seleccionar el color del tema de tu logotipo, elígelo en la ventana Editar logotipo.
2.7 Añadir contenido de otro sitio web

Puedes insertar lo siguiente:

• Sitios web
• Aplicaciones web que utilicen Google Apps Script o App Maker
• Informes de Google Data Studio
En función del sitio web que añadas, quizá puedes personalizar cómo se muestra en el tuyo. Algunos incluyen funciones
de vista previa o para ver cómo se actualiza el contenido de forma dinámica. Una vez que hayas añadido contenido, es
posible que tengas que volver a iniciar sesión para ver los cambios.

Para añadir contenido de otro sitio web, sigue estos pasos:

1. Abre tu sitio web y, en la parte derecha, haz clic en Insertar Insertar.

2. Elige una opción:

• Por URL: pega la URL (el enlace) que quieres insertar. Selecciona Página entera o Vista previa y haz clic
en Insertar.

• Insertar código: pega o introduce el código HTML del sitio web que quieres insertar y haz clic en
Siguiente Insertar.

Nota: Si no puedes añadir ni previsualizar contenido, ponte en contacto con el propietario del sitio web.

2.8 Mover y cambiar el tamaño del contenido

Todo lo que insertes se añadirá como un mosaico de contenido en la cuadrícula del diseño. Los mosaicos se ajustan a la
cuadrícula para poder moverlos, alinearlos y editarlos fácilmente.

Para mover contenido del sitio web, sigue estos pasos:

 1. Coloca el cursor sobre el contenido que quieras mover hasta que veas Mover  .

2. Arrastra el contenido a una zona resaltada.

Para cambiar el tamaño del contenido del sitio web, sigue estos pasos:
1. Selecciona el contenido que quieras cambiar de tamaño.

2. Arrastra los círculos azules para cambiar el tamaño.

Para agrupar objetos, sigue estos pasos:

Puedes asociar los cuadros de texto y las imágenes en grupos verticales.

1. Añade una foto y un cuadro de texto a una página del sitio web.

2. Arrastra el cuadro de texto a la mitad superior o inferior del objeto hasta que aparezca una línea azul.

3. Para cambiar el orden de objetos agrupados, haz clic en el grupo que quieras modificar.

4. Haz clic en el objeto que quieres cambiar de lugar y, en el teclado, toca la tecla Arriba o Abajo.

Para desagrupar objetos, sigue estos pasos:

1. Para desagrupar cuadros de texto e las imágenes, haz clic en el grupo que quieras separar.

2. Haz clic en el objeto que quieras quitar de un grupo y arrástralo fuera de él.

 Volver al principio