LA AYUDA DE GOOGLEPAGES.COM


Tiene derecho a criticar, quien tiene un corazón dispuesto a ayudar.

A. CONCEPTOS BÁSICOS

Estamos inmersos en la creación de un sitio web. Un sitio web no es más que un conjunto de páginas web que enlazan (link) unas con otras. Además de las páginas, vamos a incorporarle una galería de imágenes, voces y vídeos de forma que todo quedará integrado a la vista del navegante.

Un concepto fundamental será la navegabilidad de nuestro sitio, es decir, tenemos que facilitar al máximo el acceso a las páginas fundamentales de nuestra web.

Otro concepto básico será el de Homepage o página de inicio que no es más que la página que nos sale cuando escribimos la dirección del sitio web.

Con esta herramienta podemos realizar las siguientes operaciones:

  • Edición de Carácter: Poner en negrita, en cursiva, cambiar el color, cambiar la fuente, cambiar el tamaño, convertir en cabecera.
  • Edición de Párrafos: Hacer una lista, alinear a la izquierda, a la derecha o centrado.
  • Insertar imágenes que pertenezca o no a nuestra web.
  • Crear entre páginas que pertenezca o no a nuestra web.
  • Un poco de hacking del código fuente para integrar los sonidos y vídeos.

La mejor forma de llegar a dominar o entender esta aplicación es abrir nuestra propia cuenta e ir probando los diferentes botones que se explican en este manual para observar como reacciona la aplicación.

B. ADMINISTRADOR DE PÁGINA

Cuando entramos en nuestra cuenta de goole nos encontramos lo siguiente:

1. Pulsaremos en este enlace cada vez que queramos crear una página. Pondremos un título y saltaremos al Editor de Página para proceder a crear el contenido de la misma.

2. Aquí nos aparece un listado de las páginas que tengamos creadas. Para propceder a su edición sólo tendremos que pulsar sobre el título. Nos aparecerá el estado de la página (publicada o no publicada).

3. Desde aquí podremos subir ficheros a nuestra web, imágenes principalmente. Al pulsar upload nos saldra el típico botón de examinar para subir nuestro fichero.

4. Desde este enlace podremos modificar el título de nuestro sitio web. Podemos optar por ponerlo dejarlo en blanco o ponerle el título de nuestro proyecto. Este título aparecerá antecdiendo el título de cada página que creemos en nuestro sitio web.

5. Nos permitirá seleccionar todas nuestras páginas o ninguna para realizar una operación entre publicar (Publish) o de las que se pueden escoger en la lista desplegable More Actions: Descartar los cambios de las páginas no publicadas, "despublicar" (para que no pueda verse en nuestro sitio web), duplicar (muy útil para usar una página como plantilla de las demás) o eliminar.


C. EDITOR DE PÁGINA

Al crear una nueva página o editar una que ya tengamos creada nos aparecerá lo siguiente el editor de páginas. En el centro nos aparecerá nuestra página con las zonas de la página marcadas mediante un cuadro punteado:

1. Nos servirá para darle un formato predefenido a nuestro texto que puede ser: cabecera, subcabecera, cabecera pequeña o normal. Seleccionamos el texto y le aplicamos el formato deseado.

2. Más o menos lo mismo, no creo necesario expliarlo. Funciona como nuestro procesador de textos favorito (o impuesto ;-), seleccionamos y aplicamos un determinado formato.

3. Nos sirve para crear los enlaces (links) a otras páginas.

4. Desde aquí insertaremos las imágenes en nuestra web.

5. Podremos cambiar el aspecto (look) de nuestra página con alguna de las bonitas plantillas que nos ofrece esta aplicación. También podremos cambiar la distribución (layout) de nuestra página para definir un número de zonas y su distribución en la página.

6. Las zonas quedan delimitadas por un cuadro punteado. Sólo tendremos que pinchar en uno de los cuadros para añadir nuestro texto o imágenes.

7. El Gadget:Complemento nos servirá para añadir la galería de imágenes además de otras funcionalidades (que de momento no he visto necesaria). La que nos interesa esta en la categoría Estilo de Vida. El Edit html:Hack nos permitirá "tocar" el código html para añadir nuestro video o nuestro podcast con las voces.

D. AÑADIR UNA FOTO O UN ALBÚM

Parece que esto vamos a poder añadirlo a través de un gadget:complemento.


E. AÑADIR UNA GRABACIÓN DE VOZ

En construcción, aunque os adelanto que tendremos que tocar el código fuente de la página mediante el botón que está abajo a la derecha edit html.

F. AÑADIR UN VIDEO

Parece que hay por ahí un gadget:complemento que nos permite añadir videos. A ver si lo encuentro. Si no fabricamos uno ;-).

G. HACK HTML (BIENVENIDO A MATRIX)

Supongo que recordaréis que en la película de matrix  desde fuera veían en un monitor verde de un ordenador unos códigos extraños que ellos  eran capaz de descifrar para ver esa realidad. De echo, en la primera parte Neo consigue vencer a Smith gracias a que comienza a ver dichos códigos estando dentro de matrix. Personalmente el código html me recuerda a esta película, ya que donde los profanos suelen ver símbolos extraños, yo veo párrafos centrados, tablas, letras cursivas o imágenes.

Me explico. Si pinchamos en edit html veremos el código fuente de nuestra página. Este código se basa en meter entre etiquetas el contenido de la página. Las etiquetas se definen metiéndola entre <> (brackets:frenos) para marcar el comienzo y precediendo el nombre de la etiqueta por / para la etiqueta de fin.

Un ejempo (no real):

<quieroqueestovayaennegrita>HOLA</quieroqueestovayaennegrita>

En la realidad sería <b>HOLA</b> que se vería en el navegador como HOLA.  

 

Las principales etiquetas que aparecen en este editor son:

b:Poner en negrita

i: Poner en cursiva

p: Párrafo

img: Imagen (Esta etiqueta no tiene marca de fin)

a: Enlace

h2: Cabecera (Heading)

font: Fuente

 

 Además las etiquetas contienen modificadores de la forma:

nombremodificador="valor" 

Un ejemplo no real:

<parrafo alineacion="centrado">HOLA</parrafo>

En código html verdadero es:

<p align="center">HOLA</p>

Y el resultado sería:

HOLA 

 Otro ejemplo no real:

<imagen fuente="http://direcciondelaimagen" /> 

En código html:

<img src="http://direcciondelaimagen" /> 

Y el resultado sería ver esa imagen en la página web.  Si queréis saber más sobre las etiquetas html sólo tenéis que googlear un poco. No le contéis a nadie que he comparado el código html con Matrix :-D

H. PMF (FAQ)

Aquí pondré las preguntas que me vayáis haciendo en la dirección antoniojezu--AQUETERROBA--gmail.com