INF 4ºESO. Creación de Página Web con Google Sites (I)

Una alternativa a hacer la página de forma manual y sin usar HTML es utilizar un "creador de sitios". En este caso usaremos Google Sites. Pero lo primero que necesitamos es una dirección de correo gmail.
Si ya tienes uno, perfecto, si no, tienes que crear una cuenta de correo.
Introduce los datos que se piden, rellena los formularios, y apunta bien los datos para poder acceder luego!.

Una vez terminada la cuenta gmail, podrás utilizar la mayoría de los servicios de Google, en nuestro caso el que interesa es Google Sites (accede).

Pulsa sobre "Crear Sitio" para empezar a trabajar.
Podrás elegir entre muchos diseños distintos para tu web, puedes echar un vistazo, ver una previsualización para saber cómo quedará la página con un ejemplo.

• Una vez elegida, piensa un nombre para tu página y escríbelo más abajo en la página, ese nombre es muy importante pues será el nombre con el que se podrá encontrar tu nombre en internet.

• Mira algún tema adicional e introduce el texto de confirmación al final de la página para crear por fin tu sitio. 

• Una vez creado el sitio nos aparece la página de ejemplo (plantilla) que debemos ir modificando, para ello pulsamos en la parte superior derecha donde pone "EDITAR PÁGINA" 

•  Ahora vamos editando la información de la página inicial, así como el formato, colores, imágenes, etc. Para ello contamos con una barra de herramientas parecida a la de un editor de textos (word, OpenOffice...)

INF 4ºESO. Creación de Página Web con Google Sites (II)

Ahora vamos a cambiar ciertas cosas que no se pueden editar directamente, como el logo, etc.

• Pinchamos en la parte superior derecha, en "más acciones"-> "Administrar sitio"

• En la nueva ventana, en la parte inferior izquierda encontramos "Presentación del Sitio", junto a otras opciones para poder cambiar el estilo de colores, etc.

•  Ahora sólo tenemos que pinchar en "Cambia el Logotipo"

• Entonces elegimos el logo que nosotros queramos y su configuración, (ten en cuenta el tamaño del logo para que encaje en el hueco, prueba diferentes o edítalo en paint o gimp)

A partir de ahí sólo nos queda guardar los cambios (parte superior de la página) y volver al sitio (parte izquierda)

Prueba a cambiar diferentes cosas de tu sitio en esta sección de administrar

INF 4ºESO. Creación de Página Web con Google Sites (III)

Añadir Imágenes:

Las imágenes que vemos en la página no tienen porqué ser fotos o dibujos, hay veces que queremos poner algún cartel , pero los tipos de letra que nos ofrece Google Sites no son los que nos gustan. Así que con cualquier programa de diseño, (paint, gimp, incluso powerpoint), creamos el letrero con el tipo de letra y luego lo guardamos como una imagen,(gif ó jpg).

Al tener las imágenes guardadas en el ordenador, sólo tenemos que ir a "Editar" y pinchar sobre la imagen. Entonces aparece una pequeña barra azul con las opciones de esa imagen:

Podemos:

Alinear: L(izquierda) - C (Centrado) - R (derecha)

Tamaño: S (pequeño) - M (Mediano) - L (grande)

Ajustar: Si queremos poder escribir al lado elegimos de, si no queremos escribir al lado sino debajo lo dejamos en apagado.

Eliminar: su nombre lo dice

---

Una vez eliminada la imagen de muestra vamos a insertar nuestra imegen.

• Primero nos situamos en el lugar donde queremos insertar la imagen (que puede ser un texto en forma de imagen). Luego pinchamos en el menú insertar
• Luego subiendo la/s imágenes que queramos

INF 4ºESO. Creación de Página Web con Google Sites (IV)

Editar la SIDEBAR 
(Menú de Navegación)

Existe una zona en la parte izquierda de nuestra página (aunque se puede mover) que nos permite navegar por nuestro sitio para ir a las diferentes secciones.
Podemos añadir más elementos, como contadores, encuestas...
Para modificarlo podemos hacerlo de 2 maneras:
1.- Más -> Administrar Sitio -> Presentación del Sitio (zona: Barra Lateral)

2.- Más -> Modificar el diseño del sitio - >

Sobre cualquier elemento que pulsemos nos aparecerá su configuración (sidebar, texto...)

Si pulsamos en  Barra lateral (del botón de la parte superior de la página) la activamos/desactivamos

---

Cualquiera de las 2 formas nos permiten modificar la barra lateral. Algún elemento que ya esté así como agregar o quitar más elementos en esa barra.

Para esto nos aparecen enlaces para añadir / modificar /eliminar elementos.

Si elegimos añadir un elemento, podremos elegir entre alguno de los que nos ofrece google.
Lo podemos hacer desde cualquiera de los 2 sitios citados antes.

  

EJERCICIO: Inserta una "cuenta atrás" hasta el día que le indiques

PUEDES CAMBIAR EL ORDEN DE LOS ELEMENTOS DEL SIDEBAR ARRASTRANDOLOS ARRIBA O ABAJO EN LA PAGINA DE EDICIÓN. Esto afectará al orden con el que se ven en tu página web.

Sólo queda cambiar el tamaño de la SIDEBAR o si lo queremos colocar en otro sitio .

1.-Pinchamos (dentro de más->Administrar sitio- >Presentación del Sitio)

 "Cambiar el diseño del sitio" y dentro en la parte que indica "Barra lateral" aumentamos o disminuimos el tamaño en pixels.

2.-Más -> Modificar el diseño del sitio - >

EJERCICIO: Prueba diferentes modificaciones sobre la SIDEBAR, incluye algunos elementos para probarlos

INF 4ºESO. Creación de Página Web con Google Sites (V)

NAVEGACIÓN

La navegación es lo que nos permite manejar el menú de enlaces (normalmente situado en la SIDEBAR en la izq de la página). Así el usuario que accede a la página puede pasar de una a otra fácilmente.

De esta manera podemos ver los submenús si hemos creado páginas unas dentro de otras.

Para acceder, vamos a la personalización de la página como hemos visto anteriormente. Y elegiremos ver 2 niveles, (eso quiere decir que veremos el menú y el submenú)

Para cambiar el título que aparece en las páginas ya creadas de la barra de navegación, sólo tenemos que ir a la página en cuestión y cambiar el título. Automáticamente cambiará ese valor en el menú del SideBar

INF 4ºESO. Creación de Página Web con Google Sites (VI)

CREAR PÁGINAS

Podemos crear páginas e ir insertándolas en el menú de navegación, en el nivel principal o dentro de otros menús. Para ello pulsamos en el enlace "+ Crear Página" de la parte superior derecha en la barra de edición.


Dentro elegimos una plantilla (normalmente una página web normal), luego el nombre de la página y lo que es muy importante, donde irá colocada la página en la estructura de nuestro sitio web:

Al elegir "Seleccionar una ubicación diferente" nos aparece la opción de elegir la página donde ira colocada la nueva.
Para ello debemos pulsar sobre "Mapa del Sitio", que nos mostrará todas las páginas y subpáginas de nuestro menú, y ahí elegiremos el lugar.

 

Después, si queremos cambiar el orden de los elementos de la Barra Lateral para subirlo o bajarlo en el menú, tenemos que ir a la "Apariencia del Sitio" y a editar en panel de navegación, para poder modificar esas entradas, (hay que deselccionar la opción "Organizar automáticamente mi navegación"