Página 1 de 3

Docencia y Difusión de Contenidos en la Web 2.0 __________________________

Unidad de Trabajo 6. Practicar con elementos básicos. Una hoja de

ejercicios.

Angel Martínez Cañadas

amcanadas@gmail.com, IES Azarquiel, Toledo

En esta unidad de trabajo realizaremos una página web que contendrá una hoja de ejercicios. Este ejemplo nos servirá
de excusa para poder practicar las la creación básica de páginas en Google Sites. Puedes ver el resultado final que
pretendemos en la dirección https://sites.google.com/site/practicaclavesajenas/.

I. CREACIÓN INICIAL DE LA PÁGINA. III. INCLUIR TEXTO CON DIFERENTES FORMATOS

Como vimos en la unidad de trabajo anterior, podemos Para insertar texto bastará escribirlo o copiarlo en los
crear una página con un nombre que no exista ya en Google lugares destinados al contenido de la página y a su título.
Sites. En este caso vamos a crear una página con una serie Podremos utilizar la barra de herramientas en la parte superior
de ejercicios, donde incluiremos textos, enlaces, imágenes, etc. de la página o las opciones del menú Formato

Actividad 1
Crea un nuevo sitio web cuyo nombre sea tu nombre de gmail
seguido de ut6. Asígnale el aspecto que te parezca pero no utilices
ninguna plantilla.

II. ELEGIR EL FORMATO DE PÁGINA

En primer lugar cambiaremos el Diseño de la página
principal. El diseño define la estructura general que tendrá
nuestra página, y va desde el diseño más sencillo, con una
columna a modo de documento hasta otras más complejas con
columnas o barras. Para ello demos Editar la página y elegir la
opción Diseño en el menú principal.

La edición tiene muchas similitudes con la edición en

cualquier procesador de textos, como por ejemplo poder
cambiar el tamaño, color, fuente, alineación, etc.
La principal diferencia entre trabajar en una página web y
un editor de texto de escritorio es que debemos tener en
cuenta que la página se visualizará en navegadores diferentes,
sistemas operativos diferentes, pantallas diferentes o hasta en
dispositivos móviles o especiales orientados a accesibilidad.
Por ello debemos tener especial cuidado en no introducir
código extraños (por ejemplo cortar y copiar directamente
desde Word) o modificar ―demasiado‖ el aspecto sencillo de
una página web.

Actividad 3
Crea la primera parte de la página de ejercicios como se muestra
Actividad 2
en la figura, cambiando el título y utilizando los formatos de Cabecera
Elige el diseño Dos columnas para nuestro proyecto. Con ello
en el título de la columna izquierda.
conseguiremos tener dos columnas con cabecera y pié de página.
Página 2 de 3
————————————————————————————————————–
IV. TABLAS
Para incluir una tabla basta con ir al menú Tabla e insertar
una tabla. Podemos elegir el número de filas y columnas que
debe tener. Siempre podremos volver a este menú para
insertar más columnas o filas a la tabal ya creada.
Actividad 4
Inserta tres tablas para mostrar los datos de ejemplo para los
ejercicios. Debes crear tú la tabla y cambiar los estilos pertinentes para
poder llegar hasta el aspecto que se muestra. Queda prohibido copiar
la tabla directamente de la página de ejemplo.
V. CREAR NUEVAS PÁGINAS Y ENLACES.
Pare crear una nueva página únicamente debemos pulsar
el botón crear página.
Google Sites ofrece la posibilidad de crear varios tipos de
páginas. Por el momento utilizaremos la plantilla Página Web y
en la siguiente unidad de trabajo veremos las posibilidades de
otros tipos de plantillas.
Para crear un nuevo hiperenlace a una página del sitio u
otra externa, únicamente debemos seleccionar el texto o
imagen que deseamos convertir en enlace y pulsar el botón
―Añadir o eliminar enlace‖.
A la hora de crear un enlace tendremos dos opciones
principales, crear un enlace a una página interna de nuestro
sitio, que podremos seleccionar de una lista de ellas, o crear
un enlace a cualquier página en Internet, seleccionando
Dirección web a la izquierda del cuadro de diálogo y
escribiendo la dirección a continuación.
 Página 3 de 3
————————————————————————————————————–
Actividad 7
Inserta una imagen en la página de preguntas como en la figura.

Actividad 5
Crear una nueva página titulada Preguntas. Debes crearla como
una página web Normal, darle un nombre (que ahora debe ser único
solo dentro de tu sitio) y decir que quieres “Clasificar la página en
Práctica de creación de tablas, claves ajenas y vistas.”. Esto hará
que la página dependa de la página principal, apareciendo así en el
menú de la izquierda. VII. INSERTAR ARCHIVOS ADJUNTOS.
Incluye el texto que aparece en la página de ejemplo.
Cada una de las páginas de Google Sites tiene la
posibilidad de tener archivos adjuntos que más tarde los
Actividad 6 usuarios podrán descargarse.
Crear un enlace en la página principal para que a referencia a la
página Preguntas. Debes introducir el texto “Intenta responder ahora a
las siguientes preguntas, primero recapacita sobre ella de forma Actividad 8
teórica y luego intenta realizar (si os posible) una prueba en la base de Imagina que ya ha pasado el plazo de entrega. Crea un archivo
datos.”, donde únicamente la palabra “preguntas” debe contener un de texto con las respuestas y súbelo como adjunto de la página
enlace a la página de preguntas recién creada. Preguntas para que los alumnos puedan comprobar sus respuestas.
Observa como lo verán los alumnos con la opción Mas
Opciones/Obtener vista previa…
VI. INSERTAR IMÁGENES.
Para insertar una imagen en nuestra página debemos VIII. CAMBIAR OPCIONES GENERALES DEL SITIO.
seleccionar la opción de menú Insertar/Imagen. Aparecerá un
Por último veremos la forma de cambiar aspectos
cuadro de diálogo donde podemos subir o elegir una imagen
generales del sitio. Para ello debes utilizar la opción Mas
que tengamos como archivo en nuestro equipo o seleccionar
acciones/Administrar sitio, donde se nos mostrará toda la
la opción ―Dirección Web‖ para copiar directamente una ruta a
información general relativa al sitio. En particular, podemos
una dirección web con la imagen a mostrar. La ruta a esta
pulsar alguna de las opciones en la sección Apariencia del
imagen debemos haberla buscado previamente.
sitio donde podremos realizar tareas tales como cambiar
Una vez insertada la imagen, podremos seleccionarla,
colores, diseño, temas, etc.
apareciéndonos una serie de opciones con el siguiente
significado:
 Alinear: alineación de la imagen en la página Actividad 9
Como la página es muy sencilla hemos pensado que sería mejor
o L: alineada a la izquierda.
quitar la barra lateral que aparece a la izquierda del sitio.
o C: centrada. Para ello selecciona “Presentación del sitio” y allí pulsa el botón
o R: alineada a la derecha. “Cambiar el diseño del sitio”. Desmarca la opción “Barra lateral”, cierra
 Tamaño: tamaño con el que se mostrará la e cuadro de diálogo y por último pulsa el botón “Guardar los cambios”.
imagen.
o S: pequeña.
o M: mediana.
o L: grande.
o Original: tamaño real de la imagen.
 Ajustar: tamaño con el que se mostrará la imagen.
o de: el texto se ajustar alrededor de la
imagen.
o Apagado: la imagen aparece sin texto a
derecha o izquierda.