TICS PARA DOCENTES

NIVEL INTERMEDIO

PORTAFOLIO DIGITAL CON GOOGLE SITES

M.Sc. Carlos Yinmel Castro Buleje 1

 PORTAFOLIO DIGITAL CON GOOGLE SITES

1.1. ¿Qué es Google Sites?

Google Sites es una aplicación en línea gratuita ofrecida por la empresa

Google. Es una herramienta para la creación de páginas web. Esta aplicación
permite crear un sitio web o una intranet de una forma tan sencilla como
editar un sitio web. Con Google Sites los usuarios pueden reunir en un único
lugar y de una forma rápida información variada, incluidos vídeos,
calendarios, presentaciones, archivos adjuntos y texto.1

El objetivo de Google Sites es que cualquier persona pueda crear un sitio permitiendo compartir
información con facilidad para verla o compartirla con un grupo de personas reducido de
colaboradores o con toda su organización, o con todo el mundo. Por lo que es muy útil en la
creación de intranets, páginas de empleados, proyectos, etc. orientado al equipo en el que
múltiples personas puedan colaborar y compartir archivos.

1.2. Creación de la estructura de carpetas del portafolio

Para realizar la creación de nuestro portafolio digital debemos estructurar nuestro contenido
a través de carpetas bajo el servicio de Google drive, para ello realizaremos los siguientes
pasos:
a) Ingrese al buscador de Google y en el botón de aplicaciones proceda a ingresar al
servicio de Google Drive.
1

b) Seguidamente crearemos la carpeta PORTAFOLIO 2021, para ello haga clic en el

botón y seguidamente seleccione , ahora

proporcione el nombre mencionado en la carpeta y haga clic en el botón CREAR.

2
 1

c) Una vez creada la carpeta proceda a acceder a ella haciendo doble clic sobre la
carpeta creada.

d) Una vez dentro de la carpeta crearemos el conjunto de directorios que formaran

parte de nuestro Site, proceda a crear los siguientes directorios.

Para poder cambiar de color a las carpetas puede hacer clic derecho sobre la carpeta
deseada y seleccionar el color en la opción Cambiar de Color.

1
2

3
1.3. Subiendo material a nuestro drive.
Para la creación de nuestro site procederemos a subir los contenidos como los archivos pdf,
diapositivas, logo de la institución, así como videos, en este caso subiremos las sesiones de
clase, así como los logos respectivos.

a) Abrir la carpeta haciendo doble clic sobre ella, luego hacer

clic derecho sobre el área de trabajo y seleccionar la opción Cargar archivos.

b) Seleccione los documentos que se subirán, puede ser pdf, diapositivas, archivos de
Word, audio, video, etc.

c) Observe que se cargaran todos los materiales, esto es necesario ya que al crear
nuestro sitio utilizaremos todos estos recursos directamente desde nuestra carpeta.

4
 d) Con el mismo procedimiento del paso c proceda a subir el logo de la Institución en
la carpeta principal PORTAFOLIO 2021.

1.4. Creando nuestro sitio con Google Sites

Como antes se mencionó procederemos a crear nuestro sitio web para ello dentro de la carpeta
PORTAFOLIO 2021 haga clic derecho sobre un área libre, busque la opción Más y luego
seleccione la opción Sitios de Google.

5
 Esto creará automáticamente un sitio como puede observar.

1.5. Personalizando nuestro sitio web

1.5.1.Configurando el nombre, título y logotipo del sitio
a) Haga en el campo título y escriba el título para el sitio.

b) Para agregar un logo a nuestro sitio haga clic en el botón Agregar logotipo.

Seguidamente haga clic sobre el botón Seleccione

1
2

6
c) A continuación, busque dentro de: mi unidad/Portafolio 2021 el logo de la
institución que subió anteriormente y haga clic en Insertar.

2
1

d) Seguidamente cierre la ventana para terminar el proceso

1

e) Cambie el título de la portada

7
f) Proceda también a cambiar la imagen del encabezado, para ello haga clic sobre
el botón Cambiar imagen.

g) Puede seleccionar un diseño de la galería o también puede subir o buscar

directamente una imagen y hacer clic en Seleccionar.

Para este caso buscaremos una imagen, para ello haga clic sobre la opción
buscar.

8
 1
2

h) Para cambiar el tipo de encabezado haga clic sobre el botón tipo de encabezado

Seguidamente proceda a seleccionar uno de os tipos deseados:

1.5.2.Configurar un pie de página

a) Ubique el puntero del mouse al final de la página y haga clic sobre el botón
Agregar pie de página.

b) Ahora Escriba la información deseada en le pie, en este caso se colocará el correo

electrónico, así como el teléfono.

9
c) Proceda a centrar el texto haciendo clic sobre el botón alineación.

d) Cambie el tipo a subtitulo.

Observe que en las herramientas disponibles en cada sección se muestran mas

opciones, procederemos a explicar cada una de ellas:

Herramienta Descripción

Camba Tipo de Texto

Cambia el Tipo de Fuente

Cambia el tamaño de la fuente

10
 Aplica negrita

Aplica Cursiva

Subrayado de texto

Color de fuente

Insertar vínculo

Alineación de texto

Eliminar

Interlineado

Aumentar Sangría

Disminuir sangría

Tachado

Quitar formato

1.5.3.Agregando elementos texto, video y archivos

Ahora procederemos a agregar el contenido de nuestra portada, para ello en la
pestaña insertar disponemos de los siguientes elementos, comenzaremos por
insertar una descripción del sitio.
a) Proceda a hacer clic en Insertar/Cuadro de texto

Observe que se ha insertado un nuevo bloque en el que escribiremos la

descripción del sitio.

11
b) Ahora procederemos a agregar una sección con diseño, para ello en el menú
insertar seleccione el diseño que desea:

1
Podemos encontrar una diversidad de diseños los
cuales incorporan elementos multimedia, así como
un título y texto dispuestos en diversos formatos,
dentro de los elementos multimedia que están

representados por , podemos insertar videos,

imágenes, documentos y diversos archivos, los
archivos pdf, ppt, videos de youtube poseen
previsualización, en este caso seleccionaremos el
primer diseño.

c) Ahora procederemos a agregar una foto haciendo clic sobre y seguidamente

haga clic en una de las opciones: podemos escoger
1
cargar si lo que se desea es subir un archivo
desde nuestra PC, la opción seleccionar imagen
permite seleccionar una imagen y de Drive
permiten desde Google Drive cargar archivos,
También podemos insertar Calendario, así como
mapas.

En este caso haga clic en cargar, seleccione a continuación el archivo de la foto y

haga clic en Abrir

12
 1

d) Puede configurar el ancho y alto de la imagen, así como recortar, en nuestro caso
mostraremos el tamaño completo de la imagen, para ello haga clic en el botón
anular recorte.

e) Puede ahora agregar una descripción de su perfil

1.5.4.Agregando paginas
Ahora agregaremos una página donde se mostrarán los recursos o materiales.
a) Haga clic en el menú páginas.

13
b) A continuación, haga clic en el botón .
c) Proporcione un nombre para la página y a continuación haga clic en
Listo.

d) Agregue ahora un nuevo cuadro de texto en el menú insertar.

e) Escriba el texto “SEMANA 01” y luego proceda a cambiar el fondo de

la selección, para ello haga clic en el botón respectico, luego seleccione el
estilo deseado, podemos también seleccionar una imagen.

f) Ahora proceda a agregar la siguiente sección

14
g) Ahora procederemos a hacer clic en el icono y seleccionar el
archivo subido anteriormente, para ello seleccionarnos la opción de
drive.

h) A continuación, en el panel derecho ingresamos a la carpeta de sesiones

y seleccionamos el archivo deseado, para insertar simplemente hacemos

clic en

i) Seguidamente agregue una simple descripción o título del material.

15
 j) Repita el proceso hasta subir todos los materiales de tal forma que
quede de la siguiente manera.

Recuerde que no solo se pueden insertar archivos pdf, sino también

podemos utilizar videos de youtube, documentos de Word, diapositivas,
entre otras.
1.6. Previsualizando nuestro sitio

Para poder previsualizar nuestro sitio haga clic sobre el botón .

Puede alternar la previsualización para diversos dispositivos como Celular, Tablet y PC

Celular Tablet PC Cerrar

Para cerrar la vista previa haga clic en el botón .

1.7. Publicando nuestro sitio web
Una vez culminado nuestro sitio web procederemos a realizar su publicación, para ello haga

clic sobre el botón . Seguidamente se mostrará una ventana en la que debemos

proporcionar un nombre que se utilizara como al final de la url de nuestro sitio, se debe
verificar la disponibilidad de este nombre, para una vez verificada la disponibilidad de este

16
 nombre se nos proporcionará la dirección completa, y para finalizar haga clic en

.
2
1
3

Ahora ya puede acceder hasta el sitio web desde el enlace proporcionado en el punto 3 de la
imagen anterior, para poder visualizar haga clic en Publicar y luego En ver el sitio publicado.

17
 .

Muchas gracias
¡Hasta la próxima entrega …!

Acerca del Instructor:

M.Sc. Carlos Yinmel Castro Buleje.

Magister Scientiae en Gerencia en Tecnologías de la Información y

Comunicaciones, Ingeniero de Sistemas de profesión y apasionado
por la programación en diversas plataformas como JAVA, C, C++,
Python, Visual Basic, PHP, Javascript, C# y Arduino. Carlos
Yinmel es egresado de la Universidad Nacional José María
Arguedas, actualmente ejerce la docencia en esta institución en la
Facultad de Ingeniería y en diversos centros de Capacitación y
formación en TI y Comunicaciones, asimismo brinda cursos
especializados en ITEC Perú.

carlosycb@gmail.com +51983376698

18