MANUAL

GOOGLE SITE

GoogleSites

INDICE

INTRODUCCIN
PASO1:REGISTRODEDATOS ..........5
PASO2:LAPGINADEINICIO..7
PASO3:EDITANDOPGINAS...8
PASO4:AADIENDONUEVASPGINAS......18
PASO5:CONFIGURANDOELSITIOALAMEDIDA..........23
PASO6:CARACTERISTICASESPECIALES......32
PASO7:CONSIDERACIONESFINALES......33

GoogleSites

INTRODUCCIN

stedocumentohasidoelaboradocomounaguadeGoogleSiteslocuales
unanuevaherramientagratuitadisponibleyaeninternetquepermitircrear
sencillaspginaswebsintenerconocimientosdeHTMLysinnecesidadnide
instalacinnidemantenimientodeningntipodesoftwareohardware.
Google sites es el resultado de una pequea transformacin de la Web hacia la
versin 2.0. Se trata de un cambio de actitud y una reconfiguracin ideolgica de la
organizacin y uso de la misma. En donde ser el usuario quien publicar los
contenidos, quien los administrar y quien se otorgar la debida seriedad a la
informacincargadaalared.
Luegodesuutilizacinelusuarioquedarconvencidodequelaherramientatiene:
9 Sufacilidaddeusopermitequecualquierusuarioseacerqueycompruebecomo
conunospocosclicspuedeconstruirunawebasumedida.
9 Posibilidad de crear sitios donde colaborar en grupo, mantener informacin
actualizada,compartirdocumentosyarchivosdetodotipo.
Laswebscreadasconestaherramientapuedenadaptarseamuchassituacionesy
necesidadesquesepuedandemandar,ademsdesusemejanzaenestructuraconel
Blog
Endefinitivatienemuchasvirtudescomounabuenaalternativadediseowebenla
cualhayquetenermuchoencuentapormuchasrazones:
9 Nosenecesitaconocerdeprogramacin.
9 Permitepublicarexperienciasenlared.
9 Descargarmaterialyeditarloparavolveracargarloalaweb.

GoogleSites

9 Manejararchivos.
9 Accesodemanerarpidaalasfuentesdeinformacin.
9 Edicinyanimacindefotografas.
9 Elaborarmaterialdemaneracolaborativa.
9 Subirydescargarvideos
9
ConlautilizacindeestaaplicacinaligualqueotrasdelaWeb2.0secomprueba
que las herramientas colaborativas no necesitan de expertos para su manejo, son
rpidasybastantesintuitivas,ademsdepotentesylomejordetodoGRATUITAS.

GoogleSites

Paso1:RegistrodeDatos
1.1PantalladeBienvenida
Accederaesteservicioenlasiguientedireccin:http://sites.google.com.
SedebetenerunacuentadeGoogleparaseguiradelanteyaquesolicita
identificarusuarioycontrasea.Sinohayquecrearla.

Luegoteaparecelasiguientepantallaparacrearelsitio

Darclicpara
crearsitio

GoogleSites

1.2DatosEsenciales
Hayquerellenarunrpidoysencilloformulario,comosemuestranenlassiguientes
pantallas

Nombredelsitio:Colocarelnombrequesequierecomotituloprincipalenel
sitio.
El sitio va a ubicarse en un URL de
google:
http://sites.google.com/site/XXXX
La descripcin del sitio es opcional,
debeserbreveyrelacinconelttulo.
Dependiendo del contenido del sitio
puedeclasificarsecomocontenidopara
adultos.
Elsitiopuedeonoservistosportodalaredosoloporlasqueespecifique.
Seleccionaruntemaoplantilladefondoparaelsitio.
Porltimo

GoogleSites

Paso2:PginaPrincipal
Elsitiocreadotraselregistroprevio,ylaseleccindelaplantillatendraeste
aspecto:

Laestructuraquepresentamientrasnolacambiemoseslasiguiente:
Marcosuperior:Nombredelsitio:PruebasconGooglesites
Marcolateral:Mendenavegacin
MarcoPrincipal:PginaPrincipal(ahoravaco)
MarcoInferior:ArchivosadjuntosComentarios
EstaeslapginaquesedenominaDeInicio,porqueeslaprimeraqueapareceraal
entrarenlaweb.Elcontenidoquevaaconteneresimportanteyaqueeselpunto
deentradaydepartidadetodoelsitio.Luegoconpacienciaseeditalabienvenida
o presentacin, aquellos contenidos que puedan ser demas utilidad al
visitantecuandoingresaenella.
Paraconstruirestaycualquierotrapginaquesehacemosusodelasherramientas
deedicinqueaparecen

GoogleSites

Paso3:EditarPgina
Al dar clic en el botn de Editar Pgina, cambia a la barra de edicin rpida, para
cambiar:eltipodeletrayeltamao,elformatoycolordelafuente,enlaces,
numeracin,vietas,sangrasy justificaciones,quitarelformatooeditarelHTML
(paraexpertos)

Al igual que se encuentran 4 mens desplegables que proporcionan muchos

elementosaincluir,yposibilidadesdeconfiguracin,algunasyapresentesenlabarra
anterior.
Meninsertar:Parainsertarcualquiertipodeelemento
Menformato:Cambiatamaosyponealgunosformatosespecialesdetexto
Mentabla:Parainsertartablas
MenDiseo:Aelegirentrepginasa12columnas
CualquiercambiohacerclicenGuardar.
CasocontrariohaciendoclicenCancelar.

GoogleSites

3.1 MenInsertar

Esbastantecompletoporlacantidaddeelementosqueintegra.Estn
agrupadosparamsfacilidad.

1. Elementossimples:
Imgenes
Enlaces
ndicedecontenidos
Lneahorizontal
2.ServiciosdeGoogle:
Calendario
Documentosdetexto
AlbumeswebdePicasa
Presentaciones
Hojasdeclculo
Formularios
Videos(Youtube,Google
Video)

3.GadgetsdeGoogle:
Ultimasentradasoposts

Ultimosarchivosactualizados
Listasactualizadas
CuadrosdeTexto
MasGadgets

3.1.1InsertarImagen

Si la imagen est en el equipo en el que se est trabajando solo se debe

hacerclicenExaminar,localizarlayaadirimagen.
En caso de que la imagen no est en el equipo sino en Internet, se debe
colocarlaruta(URL).Paraaveriguarlosolohayquecolocarelratnsobrela
imagenyconelbotnderechodelratn,sealarcopiarrutadelenlaceenel
mendesplegable.
Enelsiguienteejemplosehaaadidounafoto:

10

GoogleSites

Haciendoclicenlaimagen,semuestraunmenparalaedicinypoderla
adaptaralasnecesidadesrequeridas

AlinearL:Alineaalaizquierda
AlinearC:Alineaalcentro
AlinearR:Alineaaladerecha
TamaoS:Tamaopequeo
TamaoM:Tamaomediano
TamaoL:Tamaogrande
Original:Tamaooriginal
Ajustarde:Contornodetexto
Ajustarapagado:Sincontornodetexto
Eliminar:Eliminalaimagen

11

GoogleSites

3.1.2InsertarunEnlace
ParainsertarunenlaceenelSitio,sedebeseleccionaryacontinuacin:

Laventanaqueseabre,ofrece3posibilidades:
1. Enlazar con una pgina existente en el sitio. (Las que aparecen listadas
debajo).
2. Enlazarconotraweb(DireccinWeb):Escribirladireccindelaweb.
3. Crearunanuevapginaenelsitioyenlazarconesa(Crearpginanuevaconun
titulodiferente).
3.1.3ndicedecontenidos(Insertar>Insertar>ndicedecontenidos)
Es un ndice que se corresponde con los distintos
apartados o secciones que contiene un escrito o texto
dentro de una pgina. En ocasiones puede resultar til
insertarloparanavegarmsrpido.Solosecrearesta
tabla si los distintos apartados o secciones del escrito tienen estilo de
encabezado.

12

GoogleSites

3.1.4ServiciosdeGoogle
Calendario, documentos, hojas de clculo, presentaciones, fotos de Picasa,
formularios,videospuedenseraadidosalapginarpidamente.Cuandosetratade
un documento, hoja de clculo o presentacin, se nos muestran los archivos que
tenemosalmacenadosenGoogleDocs.Solotenemosqueseleccionarlo

Insertar>calendario

Insertar>Documento

Insertarsegnseael
documento,presentacin,
hojadeclculo

13

GoogleSites

Insertar>Picasa

Insertar>Googlevideooyoutube

14

GoogleSites

Insertar>Gadgets
Sonartilugios,utilidadesquenosresultanmuyprcticosparamejorarlapracticidad
enunapginaweb.
Enelmensetieneaccesoalossiguientes:
EntradasRecientes:ltimosposts,anunciosoentradas
Archivosactualizadosrecientemente:ltimosarchivosactualizados
Elementosdelistarecientes:ltimoslistados
CuadrodeTexto:Cajaocuadrodetexto

Parapoderinsertarcualquieradelostresprimerosgadgets,sedebehabercreado
previamentelaspginascorrespondientes,esdecirdeberandeexistirestas
pginasenelsitioyademscontenerinformacinoarchivos.

15

GoogleSites

Por ello si intenta insertar por ejemplo el Gadget: Entradas Recientes. Que se
refiereaculessonlosltimospostsoanuncios,saleunaventanacomostaquenos
indica que solo podemos mostrar una lista de archivos que existan, y no permite
continuar.
Insertar>ms
SedebeseleccionarobuscarunodelosmilesqueanunciaGoogle.

3.2ElmenFormatodeTexto
Paraestablecereltamaoymsdetalles:
Tachado
Superndice
Subndice
Alineacin(Izquierda,centro,derecha)
Tambinpodemosborrarformato

16

GoogleSites

3.3ElmenFormatodelasTablas
Permiteinsertarunatabladirectamenteydemaneragrficamarcandoconelratnel
nmerodefilasycolumnas

Unavezcreada,conestemeninsertaremosfilasycolumnascuandosedeseeydela
mismamaneralaspodremoseliminar.

3.4ElMendiseo
nicamente podemos optar entre presentar cada pgina en 1 2 columnas.
Dependiendodelpropsitoycontenidodelaspginasasseelijarunouotrodiseo.

17

GoogleSites

Paso4:CrearpaginaNueva

Darunclicparacreartodas
laspginasquesequieran
agregaralsitio

Selecolocanombrealapginaquesevaacrearyelegimosunadeloscinco(5)tipos
disponibles.

4.1Pginaweb
Esigualquelapginadeinicioconlaquesehatrabajado.Sepuedeseleccionarenel
mendeDiseoparadoscolumnaseinsertarnumerososelementosyserviciosdesde
elmenInsertar

18

GoogleSites

4.2Doscolumnas
Pgina similar a la anterior pero ya preformateada, dividida en dos columnas con
cuatromarcadoresgadgetparafacilitarelempezaraincluirinformacin

4.3Anunciosotipoblog
Formato similar al blog en el que se pueden ir incluyendo entradas y se irn
publicando en la pgina en orden inverso a la fecha de publicacin. Dicho de otra
manera aparecer en la parte ms alta de la pgina la ltima entrada aadida.
IncorporaRSSporloquecualquierusuariopuedesuscribirsealoscontenidos.

Insertarentradapara

ser mostrar como

bLog

19

GoogleSites

4.4Archivador
Pgina orientada a incluir ficheros para poder compartirlos con los usuarios de
nuestrapginayqueelquelodeseepuedadescargrselos.Mantieneunhistorialde
los archivos, creacin de carpetas para poder organizar mejor los documentos.
Incorpora tambin RSS por lo que cualquier usuario puede suscribirse a los
contenidos.

Aadirarchivos

Moveracarpetas>Crearcarpetas

Paraorganizarlascarpetasyarchivossubidosalapgina
Parasubirarchivosalaspginascreadasdentrodelsitio:

Desde el equipo donde

seesttrabajando

Desdeunapginaweb

20

GoogleSites

Borrandoarchivosycarpetas
Paraborrarunarchivo,loseleccionaremoscomosehadichoenelapartadoanterior,y
hacemosclicenEliminar.

Luegoeliminar
Primero
archivo

seleccionar

el

Paraeliminarunacarpetasolotenemoshacer clicsobre Eliminarqueapareceentre

parntesis y a la derecha del nombre. Al igual que se borran los archivos que
contiene.

Suscribirsealoscambios

Paraestarinformadosdeloscambiosquesufreestapgina,solotenemos
quesuscribirnosconelbotnSubscribetopagechange.
Sihayalgunanovedadomodificacin,nosllegaruncorreoanuestracuentadonde
nosavisandeloscambiosquehantenidolugar.Elespacioweb esde100MB.Caben
muchosarchivos....

21

GoogleSites

4.5Lista
Las pginas de lista te permiten hacer con facilidad un seguimiento de listas de
informacin. Se puede elegir entre una lista de plantillas o configurar columnas
personalizadas.Sepuedenaadir,actualizaryeliminarelementosconfacilidad.
De todas la opciones de plantillas la ltima opcin (Crear tu propia lista),donde
podemoscreardesdeprincipiolistadosdefiniendocolumnasasuconveniencia.

Crear

una
personalizada

lista

Hay que poner nombre o etiqueta a la columna y al mismo tiempo elegir el tipo de
contenidoquevaatener.Aspodramosoptarpor:
1 Casilla de verificacin: para colocar un cuadradito de opcin para marcar o
desmarcar
2 Fecha:Paraponerfechas
3 Desplegable:Mendesplegableparaseleccionardedistintasopciones
4 Texto:Paraaadirtexto
5 URL: Para poner hiperenlaces. Con estas opciones se puede confeccionar
cualquierlistadoqueseadapteanuestrasnecesidadespresentandolainformacin
deseada.

22

GoogleSites

Finalmenteseelijelajerarquadelapgina.Seofrecen2posibilidades:
1. Ponerla en el nivel ms alto: Es la opcin por defecto. Supone una
pginamsjuntoconlaHomeodeInicio.
2. Ponerladebajo:Seraunasubpgina.

Paso5:ConfiguracindelSitio
Elaccesoocomosecomparteconlosdems:Configuracindelsitio

5.1Compartirestesitio
Un sitio puede ser compartido con todo el mundo (pblico) o con los usuarios que
especifiquemos.
Hay3posibilidadesdeinteractuar:
1. Como propietario: es el que tiene todos los privilegios para gestionar el
sitio.

2. Elcolaboradorpuede:
Crear,editar,moveryborrarpginas
Aadirarchivosadjuntos

Aadircomentarios
Aadiryeliminarpginasdelmenlateraldenavegacin
Subscribirsealoscambiosqueseproduzcanenelsitio

23

GoogleSites

3. Comosimpleusuarioolectorsolopuedeverlaspginas.

El sitio creado nos permite invitar a otros como propietarios, colaboradores y

lectores,atravsdelformulariodondeseescribirnlasdireccionesdecorreo,que
podemosextraersinningnproblemadenuestroscontactosdegmail.
Sielsitioespblicoparaquetodoelmundopuedaverlo,elapartadodepermisos
avanzadosdebertenermarcadalasiguientecasilla.
Sisedeseaqueseaprivado,soloparaunospocos,deberemosdesmarcarla.

24

GoogleSites

5.2Cambiarelaspecto
Paracambiarelaspectodelsitiosepresentantresopciones:
5.2.1ElementosdelSitio

Pordefecto,ocupanuestrapginaelanchodetodalapantalla:100
Sisequiereunespaciolibreaambosladosynocompletarlapantallasecambia
la anchura a 90, 80,70... Probamos hasta que quede en el tamao deseado.
TambinselograDesmarcandolaopcincabecera,eliminarelmarcosuperior
que contiene el Ttulo y el logo. La altura est por defecto al tamao del logo.
Podemoscambiartambinestaaltura.

25

GoogleSites

5.3Cambiamosellogo
Estpredeterminadoarribaalaizquierdaenlacabecera,ynoadmiteotra
posicin. Si queremos poner otro logo que no sea el de Google Sites,
haremosclicencambiarellogotipo.

Delaventanaqueseabre:
Seleccionandosinlogotipoprescindiremosdel.Sioptamosporaadir
uno,buscaremoselquedeseamosconExaminar.Hayquedimensionar
ellogoantessubirlo,sihemosfijadounaaltura.
PulsarAceptarysalvar:Guardamosloscambios

26

GoogleSites

Configuramoslabarralateral.
Este marco tiene una anchura de 150 pixels, est formado en un
principiopor2cuadrosomdulos:

Navegacin:Mendenavegacin

27

GoogleSites

SepuedecambiarelttuloNavegacinporotro(Ej.BarradeMen)Con
las dos flechitas que aparecen a la derecha cambiaremos el orden del
listadodelaspginasqueincluimos.

Aadimosnuevosmdulos:
Para que aparezcan en la barra lateral. Haciendo clic en +Aadir un
elementodelabarralateralsedespliegan5alternativas.
1. Navegacin: Enlaces a pginas individuales del sitio. Como lo
explicadoantes.
2. Texto: Para aadir texto. , puede resultar til para insertar
enlaces a sitios externos, incluir iconos y dibujos, logos y
publicidad,
3. Actividadrecientedelsitio:Unalistadelarecienteactividaddel
sitio
4. Mi actividad reciente: Una lista de la reciente actividad como
usuariodelsitio
5. Cuenta atrs: Un contador de das a una fecha que hay que
especificar

28

GoogleSites

Actividad reciente del sitio: Informacin sobre la reciente

actividadenelsitio.Conlasopcionesde:editar,suprimiro
aadirunnuevomdulo(Aadirunelementodelabarralateral)

5.1.3Cambiamosloscoloresyfuentes

Modificarcolores
yfuentes

Con la barra deslizante, seleccionamos un elemento para cambiarle el color del

ttulo,fondo,marcolateral.Podemosponerunaimagencomofondodecabecera,de
pgina,debarralateral.Alseleccionarelelemento,tendremosquebuscarlaimagen

29

GoogleSites

con examinar. Podemos cambiar en algunos elementos tambin el tipo de letra o

fuente.Hay6disponibles.
Cualquier cambio que hagamos nos lo muestra en la parte inferior de la pantalla, lo
queagilizayfacilitaestatarea.

5.1.4Cambiamoseltemadelsitio
Hay una serie de temas a elegir, cada uno con su particular
combinacindecoloresyfuentes.
Paraprobarloyvercomoquedara,solotenemosquehacerclicen
vistaprevia

5.1.5Otrosajustesdeconfiguracin
EslapestaaMssepuede:
1. Modificarnombrealsitio
2. Mostrarelnombredelsitioenloaltodelaspginas.Pordefecto
semostrara.
3. Desmarcaremosencasocontrario
4. Describirbrevementeelsitio
5. Indicarsielcontenidoessoloparaadultos.Marcarlaopcinsiqueremosesto.

30

GoogleSites

6. Cambiarlapginadeentradacuandoseaccedealsitio:ladenomina
pginadedestino.
PordefectoeslapginaHomeperopodemoscambiarlaporotracon
cambiar.

Undetalleimportanteatenerencuentaserefierealespacio quehayocupadoenel
sitiodelos100MBdisponibles.Loencontramosenuncuadrosituadoaladerecha.

Configuracindelapgina
Una vez tengamos abierta una pgina, Mas
acciones>Configuracin de la pgina. Desde aqu
podemosentreotrascosas,mostraronoalfinaldela
pginacomentariosypermitirarchivosadjuntos.

31

GoogleSites

Paso6:Caractersticasespeciales
Comofinalidaddetodositiocreadoes:
1. Bsquedadentrodelsitio.Situadoenlacabeceraaladerecha.Nosepuede
eliminar.

2. Sitio como Blog: Se pueden crear pginas con la estructura y filosofa de

cualquierblog:publicaciones,entradasopostscomotambinseconocen,para
anunciar o informar. Permite insertar un mdulo con las ltimas entradas a
elegircuantasamostrar.
3. Sitio como wiki: Permite colaborar. Guarda las distintas versiones o
modificacionesdelsitio,quepodemosverorecuperarencualquier
momento.
4. Almacn de archivos siempre actualizados: Cualquier archivo que se suba
aqu,nosinformadelasmodificacionesypresentalasdistintasversionespor
lasquehapasado.Permiteunalmacenamientode100MB.
5. Informacin inmediata de cualquier cambio a los colaboradores Con la
subscripcin al sitio o a cualquier pgina, siempre estaremos puntualmente
informados de los cambios que tengan lugar. El colaborador recibe
automticamenteuncorreoaviso.
6. IntegracinconGoogleAnalyticsparamostrarestadsticasdevisitas.A
travsdeGoogleAnalyticspodemosconsultarycontrolarelaccesoanuestro
sitiomediantelosvariadosycompletosinformesquesegeneran.

32

GoogleSites

7. Permite adjuntar archivos en pginas: Solo disponible para los

colaboradoresdeunsitio,alfondodecadapginasepuedenadjuntararchivos
queseconsiderennecesariosparadejarlosah.
8. Podemos hacer comentarios. Solo disponible para los colaboradores de un
sitio,alfondodecadapginasepuedenaadircomentarios.Aparecenaqu
nosoloelmensajesinodetallesdequienlohahecho.
9. Subpginas debajo de la pgina de la que dependen Las subpginas se
sitanjustodebajodelapgina.Paraaccederacualquierabastaconhaceclic.
10. Algunasutilidadesapiedepgina.Sidescendemosymiramosjustoalfondode
cualquier pgina, encontramos algunas utilidades que no podemos ni
configurarnieliminar.
Adestacar:
Sitemap:Nosmuestraunmapadelsitioformadoportodaslaspginas
creadasynoslaspresentaenformaderbol.
Actividad reciente del sitio: Despliega todos los cambios que se han
producidoenelsitioyelcolaboradorquelohahecho.

33

Paso7:Consideracionesfinales

Conestaguasepretendeapoyaryayudaralosusuariosinvestigadoresquequieran
aprender un poco ms acerca de las aplicaciones de la herramientas de la web 2.0
adaptableyaplicableparacualquierpropsitoanivelpersonal,familiar,laboral,
grupoyporsupuestoelmbitodocente.Esperamosqueseadegranprovecho.
ParafinalizarlaCybergrafiadondefuetomadagranpartedelmaterialparaestagua
deGoogleSites:

34