ITEC PERÚ

Conocimiento para la transformación digital

HERRAMIENTAS
PARA EL APRENDIZAJE HÍBRIDO

Sesión 02: Google Sites

ÍNDICE

• Creando página web

• Modificando títulos de la página
• Tipo de encabezado
• Subir imagen para encabezado
• Pie de página
• Insertar diseños
• Insertar imágenes
• Insertando vínculos
• Publicar sitio web

01
Creando página web
• Nos dirigimos a Google > Clic en el icono de aplicaciones > Seleccionamos Drive > Creamos una nueva carpeta - Escribimos
el nombre y luego clic en Crear.

02
• En nuestra carpeta creada, clic derecho > Opción “Más” > Google Sites.

03
• Visualizamos que se acaba de crear la plantilla para nuestro sitio web.

04
Modificando títulos de la página
• Cada sección que iremos agregando tiene la opción de agregar o modificar el título que contiene, para cambiar el texto solo
debemos hacer doble clic y escribir el nuevo texto. Para salir de la edición de texto hacemos clic sobre otra sección.

05
• Igualmente podemos modificar el título del encabezado, además podemos personalizarlo de acuerdo a nuestro estilo.

06
Tipo de encabezado
• Hacemos clic en la opción “Tipo de encabezado” > Elegimos el estilo de encabezado de nuestra preferencia.

07
Subir imagen para encabezado
• Clic en la opción “Cambiar la imagen” > Cargar > Seleccionamos nuestra imagen > Clic en Abrir.

08
• Visualizamos que nuestra imagen subida se acaba de añadir dentro de nuestro encabezado.

09
Pie de página
• Clic en “Agregar pie de página” > Escribimos el texto para el pie de página. Podemos personalizarlo con el panel que nos
aparece al momento de seleccionar dicho texto.

10
• Dirigiendonos al icono de la paleta, podemos escoger estilos para el pie de página.

11
Insertar diseños
• Pestaña “Insertar” > Seleccionamos un estilo. Dicho estilo elegido, se aplicará en nuestro sitio web.

12
• Podemos modificar el texto del diseño que acabamos de aplicar.

13
Insertar imágenes
• Iniciamos creando una imagen en formato icono. Realizamos clic derecho > Guardar como imagen > Colocamos un
nombre > Clic en Guardar.

14
• Para añadir en nuestro sitio web, clic en el icono “+” > Cargar > Seleccionamos la imagen > Clic en Abrir.

15
• Visualizamos que las imágenes se van añadiendo dentro del diseño de nuestro sitio web.

16
Insertando vínculos

1. Seleccionamos la imagen
2. Clic en el icono de enlace
3. Pegamos el enlace
4. Clic en Aplicar

17
Publicar sitio web
• En la parte superior derecha encontramos el botón “Publicar” hacemos un clic, luego colocamos una dirección web como
extensión, seguidamente clic en “Publicar”. Para finalizar podemos copiar el enlace de nuestro sitio web con la opción
“Copiar vínculo”.

18
 ESCUELA DE TECNOLOGÍA INFORMÁTICA ONLINE

ITEC PERÚ
Conocimiento para la transformación digital

Docente :........................................Ing. José Ccahuana Huamani

Coordinadora :................................Rosa Mendez Orellana

www.itecperu.org.pe Facebook/Itecperú Jr. Arica 309 / Abancay

www.itecperu.org.pe Facebook/itecperú Jr. Arica 309 / Abancay