Google Sites. Ejercicios para crear un sitio Web

14
Operaciones auxiliares para la configuración y la explotación - FPB1 Unidad 07: Servicios básicos de Internet. Google Sites. Ejercicios para crear un sitio Web Google sites nos permite crear nuestro propio sitio web (pagina web) sin conocimientos de html ni de programación. 1. INTRODUCCIÓN Hemos elaborado este curso de google sites con ejercicios prácticos de modo que cada punto de las instrucciones se corresponde con el número de la imágen correspondiente. 2. CREAR UN SITIO WEB. 1.Entra en internet en la página web: “hp://sites.google.com” 2.En caso de que te lo pida introduce la dirección de correo electrónico que creaste para hacer el blog y la contraseña. 3.Selecciona “acceder” 4.En la siguiente pantalla dale a “crear sitio” 5.Selecciona “plantilla en blanco”. (Aquí podríamos elegir “classroom site” que es un sitio educativo ya hecho y que nosotros podemos modificar) 6.Indica el nombre que quieres que tenga tu sitio web 7.Aquí aparece la dirección que tendrá tu sitio web. Es posible que si el nombre es muy sencillo ya esté ocupado. 8.En “elegir un tema” pincha y elige un tema (los colores y formas que tendrá tu página web.) para seguir la explicación elige el tema “ambar” 9.En “mas opciones” escribe una descripción de tu sitio web (por ejemplo: esta es una página web de prueba para un curso) 10.Escribe el texto que aparece para demostrar que no eres un programa informático. 11.Dale a crear sitio. En caso de que no pase de pantalla es posible que algún dato esté confundido o que la dirección de tu sitio web ya esté ocupada. Inténtalo de nuevo con otra dirección cambiándola en el punto 7. 1 de 14

Transcript of Google Sites. Ejercicios para crear un sitio Web

Page 1: Google Sites. Ejercicios para crear un sitio Web

Operaciones auxiliares para la configuración y la explotación - FPB1

Unidad 07: Servicios básicos de Internet.

Google Sites. Ejercicios para crearun sitio Web

Google sites nos permite crear nuestro propio sitio web (pagina web) sin conocimientos de html ni de programación.

1. INTRODUCCIÓNHemos elaborado este curso de google sites con ejercicios prácticos de modo que cada punto de las instrucciones se corresponde con el número de la imágen correspondiente.

2. CREAR UN SITIO WEB.1.Entra en internet en la página web: “http://sites.google.com”

2.En caso de que te lo pida introduce la dirección de correo electrónico que creaste para hacer el blog y la contraseña.

3.Selecciona “acceder”

4.En la siguiente pantalla dale a “crear sitio”

5.Selecciona “plantilla en blanco”. (Aquí podríamos elegir “classroom site” que es un sitio educativo ya hecho y que nosotros podemos modificar)

6.Indica el nombre que quieres que tenga tu sitio web

7.Aquí aparece la dirección que tendrá tu sitio web. Es posible que si el nombre es muy sencillo ya esté ocupado.

8.En “elegir un tema” pincha y elige un tema (los colores y formas que tendrá tu página web.) para seguir la explicación elige el tema “ambar”

9.En “mas opciones” escribe una descripción de tu sitio web (por ejemplo: esta es una página web de prueba para uncurso)

10.Escribe el texto que aparece para demostrar que no eres un programa informático.

11.Dale a crear sitio. En caso de que no pase de pantalla es posible que algún dato esté confundido o que la direcciónde tu sitio web ya esté ocupada. Inténtalo de nuevo con otra dirección cambiándola en el punto 7.

1 de 14

Page 2: Google Sites. Ejercicios para crear un sitio Web

Operaciones auxiliares para la configuración y la explotación - FPB1

3. EDITAR LA PÁGINA PRINCIPAL DE GOOGLE SITES1.La página que se acaba de abrir es la página principal de nuestro sitio web. Haz clic en “editar la página” para modificarla

2.Selecciona el texto que pone “página principal” bórralo y escribe “Sitio web del curso de herramientas

2 de 14

Page 3: Google Sites. Ejercicios para crear un sitio Web

Operaciones auxiliares para la configuración y la explotación - FPB1

multimedia”.

3.Pincha en el cuadro de abajo

4.Cambia el tipo de letra donde pone “normal” debe poner “verdana”

5.Cambia el tamaño a “12 pt”

6.Ponlo en “cursiva” con el botón de la “I” inclinada

7.Presiona el botón de “centrar”

8.Ponte de nuevo en el cuadro de abajo y escribe “Este es un sitio de prueba para un curso de herramientas multimedia” y presiona intro dos veces.

9.Ahora escribe con tipo de letra “Georgia” tamaño “16” y alineación “izquierda” el texto: “En el curso hemos visto:” y luego presiona “intro”

10.Pincha en el icono llamado “lista de viñetas”

11.Escribe “Activinspire” dale al intro y escribe “blogger” y dale al intro y escribe “google sites”

12.Dale a guardar

PRÁCTICA: Busca los iconos llamados “lista numerada”, “aumentar sangría” y “disminuir sangría”, pruébalos y averigua para que sirven.

3 de 14

Page 4: Google Sites. Ejercicios para crear un sitio Web

Operaciones auxiliares para la configuración y la explotación - FPB1

4. CREAR Y EDITAR UNA NUEVA PÁGINA E INSERTAR IMÁGENES.

1.Pincha en “crear página”

2.Selecciona “página web”

3.Pon de nombre “Tecnología 4º ESO”

4.Elige “colocar en el nivel superior” para que se coloque como página importante y no dentro de otra.

5.Dale a Crear Página.

6.En la página creada selecciona “diseño”

7.Prueba los distintos diseños que existen y deja “dos columnas”

8.En el título escribe “Tecnología 4º ESO”

9.En el subtítulo escribe “Trabajos a realizar por los alumnos de 4º ESO”

10.Presiona en el menú “insertar”

11.Elige “línea horizontal” (aunque no se note mucho existe una línea horizontal debajo del texto)

12.Haz clic ahora en la columna izquierda de nuestra página

13.Dale a “insertar”

14.Elige “imagen”

15.Marca la casilla “dirección web”

16.Abre otra página de internet y busca una imagen de una portada de un libro de 4º ESO de Tecnología y cuando lotengas copia la dirección web (url) y pégalo en donde pone “url de la imagen”

17.Dale a “aceptar”

18.Pincha encima de la imagen que ha aparecido en nuestra página web, de la barra de debajo de la imagen prueba los distintos tamaños pinchando sobre las letras “S, M, L” y termina dejando el tamaño “S”

19.En “alinear” prueba a centrar la imagen y a dejarla a la derecha y termina dejándola en la izquierda con la letra “L”

4 de 14

Page 5: Google Sites. Ejercicios para crear un sitio Web

Operaciones auxiliares para la configuración y la explotación - FPB1

PRÁCTICA: En la columna de la derecha escribe las palabras “ELECTRICIDAD, MECÁNICA, HIDRAULICA” en distintas líneas y debajo de cada palabra inserta una imagen en tamaño pequeño relacionada. La imagen debe estar guardada en nuestro ordenador.

Después crea tres páginas nuevas llamadas electricidad, mecánica e hidráulica. Situadas en un nivel inferior al actual. Dale a guardar y visita todas la páginas creadas.

5. SUBIR ARCHIVOS EN GOOGLE DRIVE Y CREAR HIPERVÍNCULOS

1.Ponte en la página llamada “Tecnología 4º ESO” y dale a “editar página”

2.Selecciona el texto “electricidad”

3.Pincha en “enlace”

4.En la ventana que se abre en la izquierda tiene que estar seleccionado “página existente”, y en el centro pinchamosen la página “electricidad”

5.Aceptar

6.Haz clic encima de la imagen que está debajo de “electricidad” y repite los pasos 3, 4 y 5.

7.Vamos ahora a subir un archivo a internet para que lo puedan descargar los alumnos o quien visite nuestra página. Para eso pincha al final de la página en “archivos adjuntos”

8.Dale a “examinar” y busca en el ordenador algún archivo creado con Word. Y acepta

9.Dale a Guardar, y comprueba que los enlaces que hemos puesto funcionan bien y que podemos descargarnos el archivo subido.(el enlace para el archivo está en la parte inferior de la página)

5 de 14

Page 6: Google Sites. Ejercicios para crear un sitio Web

Operaciones auxiliares para la configuración y la explotación - FPB1

PRÁCTICA: Crea los enlaces para los textos e imágenes “mecánica” e ”hidráulica” .

Crea un enlace para acceder a una página web

6.CREAR TABLAS EN GOOGLE SITES1.Vamos a insertar una tabla, para ello pincha en “crear página”

2.Elige “página web”

3.Pon de nombre “horario grupo 3ºB”

4.Selecciona “Coloca la página en el nivel superior”

5.Dale a “crear página”

6.Pincha en medio de la página y luego selecciona “tabla”

6 de 14

Page 7: Google Sites. Ejercicios para crear un sitio Web

Operaciones auxiliares para la configuración y la explotación - FPB1

7.Elige “insertar tabla”

8.Pon 4×5 (4 columnas x 5 filas)

9.En la primera fila Escribe con fuente “verdana” tamaño “15” . los días de la semana en cada una de las casillas (verás que nos falta una columna) vamos a ponerla.

10.Vuelve a presionar a “tabla” punto 6 y luego a insertar columna a la derecha

11.Rellena el horario a tu antojo. Y como te faltarán filas tendrás que ir a “tabla, insertar fila debajo”

PRÁCTICA: introduce los huecos de los recreos y crea una columna a la izquierda donde aparezcan las horas.

7. CREAR LISTAS EN GOOGLE SITES1.Presiona en “crear página”

2.Elige “lista”

3.Pon de nombre “ Listado de alumnos 1ºA”

4.Coloca la página en el nivel superior

5.Dale a Crear página

6.Selecciona “ crear una lista personalizada”

7.Escribe en el nombre de la columna “Nombre”

8.Selecciona “añadir columna”

9.Selecciona en la casilla tipo “Fecha” y en nombre de columna pon “Fecha de nacimiento”. Añade ahora otra columna de tipo “casilla de verificación” y de nombre “Permiso”

10.Añade otra columna de nombre “Compensatoria/Integración” de tipo “desplegable”, y en la casilla que se crea nueva llamada opciones escribe “compensatoria”

7 de 14

Page 8: Google Sites. Ejercicios para crear un sitio Web

Operaciones auxiliares para la configuración y la explotación - FPB1

11.Elige “Añadir otro” y escribe “integración” y “añadir otro” y aquí no escribas nada.

12.Dale a Guardar.

13.Pincha en “Añadir elemento”

14.Escribe el nombre de un alumno inventado

15.Pon de fecha de nacimiento el “4 de Septiembre de 1998”

16.Activa la casilla de verificación del permiso

17.Elige “compensatoria

18.Dale a Guardar

8 de 14

Page 9: Google Sites. Ejercicios para crear un sitio Web

Operaciones auxiliares para la configuración y la explotación - FPB1

PRÁCTICA: Pon dos alumnos más, uno de integración y otro alumno que no pertenezca ni a integración ni a compensatoria.

Crea una nueva lista donde aparezca “Número, Nombre, Nota 1ª Eval., Nota 2ª Eval. Nota Final”

9 de 14

Page 10: Google Sites. Ejercicios para crear un sitio Web

Operaciones auxiliares para la configuración y la explotación - FPB1

8. ARCHIVADOR EN GOOGLE SITES1.Crear pagina nueva

2.Elegir “archivador”

3.De nombre escribe “Apuntes para descargar”

4.Ponlo dentro de la carpeta “4ºESO”

5.Dale a “Crear pagina”

6.Dale a “mover a”

7.Pon de nombre “Tema 1”

8.Guardar, y luego repite para crear otra carpeta llamada “Tema 2”

9.Dale a “añadir archivo”

10.Pincha en “examinar” y busca un documento cualquiera que se encuentre en el ordenador.

11.Dale a “Subir”

12.Haz clic en el cuadro en blanco que se situa a la izquierda del documento que acabas de crear y luego pincha en “mover a” y selecciona “tema 1”

10 de 14

Page 11: Google Sites. Ejercicios para crear un sitio Web

Operaciones auxiliares para la configuración y la explotación - FPB1

PRÁCTICA: Intenta encontrar la url( dirección web) de los archivos que hemos subido e intenta en el blog que creaste anteriormente hacer un vinculo a estos archivos.

9. INSERTAR GADGET EN GOOGLE SITES1.Acude a la página principal y pincha en “Editar página”

2.Elige” diseño”

3.“dos columnas”

4.Pincha en la columna de la izquierda para que se seleccione

5.Insertar

6.mapa

7.Busca la Plaza de los Pinazo, Madrid

8.Cuando ya lo tengas dale a “Seleccionar”

9.Ponle de título “ IES San Cristóbal de los Ángeles”

10.Dale a Guardar.

11.Pincha en “insertar “

12.Elige “mas gadget”

11 de 14

Page 12: Google Sites. Ejercicios para crear un sitio Web

Operaciones auxiliares para la configuración y la explotación - FPB1

13.Pincha en “destacado”

14.Elige “Google Calendar” (cuidado no elijas “google calendar Viewer”)

15.Aceptar y dale luego a “Guardar”

PRÁCTICA: Crea una página llamada recursos con un diseño “tres columnas sencillas”. En la primera columna pon ungadget que sea una calculadora, en el segundo un gadget que sirva para buscar en la Real Academia de la Lengua y enla tercera un gadget a tu elección.

10. CONFIGURAR LA BARRA LATERAL1. Pincha en “Editar la barra lateral”

12 de 14

Page 13: Google Sites. Ejercicios para crear un sitio Web

Operaciones auxiliares para la configuración y la explotación - FPB1

2. Haz clic en “añadir un elemento de la barra lateral”

3. Busca el que se llama “cuenta atrás” y haz clic en “añadir”

4. Una vez añadido dale a “editar”

5. En evento escribe “Final de curso”

6. En fecha de Evento selecciona el dia “30 de junio de 2010”

7. Aceptar

8. Clic en ”guardar los cambios”

9. Dale a “volver al sitio”

PRÁCTICA: En la barra lateral inserta un elemento de Texto en el que pongas de título “EXAMEN 3º ESO” y de texto “Aviso importante el Examen se retrasará al Martes”. Muévelo para que se ponga encima de la barra de Navegación.

11. CAMBIO DE COLORES, FUENTES Y TEMAS EN GOOGLE SITES

1.Elige “más acciones”

2.Pincha en “Administrar sitio”

3.Selecciona “Temas”

4.Pincha encima del tema llamado “pizarra”

13 de 14

Page 14: Google Sites. Ejercicios para crear un sitio Web

Operaciones auxiliares para la configuración y la explotación - FPB1

5.Dale a “Guardar los cambios”

6.Clic en “volver al sitio” y observa el cambio

7.De nuevo pincha en “mas acciones”

8.Elige “administrar sitio”

9.Selecciona “colores y fuentes”

10.Haz clic encima de “Color de fondo de la cabecera lateral”

11.Selecciona “personalizado”

12.Elige un tono amarillo.

13.Dale a Guardar los cambios

14.Volver al sitio

PRÁCTICA: Cambia el “color del título de contenido” a verde. Modifica la “Fuente de la página” a “Verdana”

14 de 14