You are on page 1of 34

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

2
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.

3
GoogleSites

9 Manejararchivos.

9 Accesodemanerarpidaalasfuentesdeinformacin.

9 Edicinyanimacindefotografas.

9 Elaborarmaterialdemaneracolaborativa.

9 Subirydescargarvideos

ConlautilizacindeestaaplicacinaligualqueotrasdelaWeb2.0secomprueba
que las herramientas colaborativas no necesitan de expertos para su manejo, son
rpidasybastantesintuitivas,ademsdepotentesylomejordetodoGRATUITAS.

4
GoogleSites

Paso1:RegistrodeDatos
1.1PantalladeBienvenida

Accederaesteservicioenlasiguientedireccin:http://sites.google.com.

SedebetenerunacuentadeGoogleparaseguiradelanteyaquesolicita
identificarusuarioycontrasea.Sinohayquecrearla.

Luegoteaparecelasiguientepantallaparacrearelsitio

Darclicpara
crearsitio

5
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

6
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

7
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.


8

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:

1
3

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 seleccionar el
archivo

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 lista


personalizada

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

You might also like