Professional Documents
Culture Documents
CrearunsitiowebconGoogleSitesImagen,sonidoyvdeo
Imagen ,
son id o y
vd eo
Aspectos bsicos de la
web 2.0
Aplicaciones educativas
de la Web 2.0
Derechos de autor.
Licencias Creative
Commons
Marcadores Sociales.
Delicious
Sindicacin de
contenidos
Imagen
Formatos, resolucin,
tamao, nombres de los
archivos y licencias
Tratamiento de la
imagen
Flickr
Picasa
Presentaciones
Diaporamas con sonido
y texto. Photopeach y
Vuvox
Google Docs
Prezi, Slideshare,
Vcasmo, Voicetrhead y
Yodio.
Sonido
Podcast. Podcasting
Descargar audio y vdeo
desde el navegador
De CD a MP3
Audacity
ElSistemaOperativoGoogle(habrqueempezarallamarloasdadoqueya
https://sites.google.com/site/imagensonidoyvideo/comocrearunsitiowebcongooglesites#crearsitio
1/18
16/2/2015
CrearunsitiowebconGoogleSitesImagen,sonidoyvdeo
Publicar podcasts
Reproductores sencillos.
Reproductores mltiples
Vdeo
Vdeos ms all de
Youtube
Alojar vdeos en Google
video y Youtube. Listas
de reproduccin
Descargar vdeos.
Downloadhelper y
Streamtransport
Insertar un vdeo en
nuestro blog o sitio web
Reproductores mltiples
de vdeo
Creacin de
cuestionarios con
ESLvideo y FLEvideo
Subtitular vdeos con
BOMBAY.TV y DOTSUB
Edicin de vdeo
casi ofrece los mismos servicios que un S.O. clsico) dispone desde no
hacedemasiadotiempodeGoogleSites.ElpredecesordeGoogleSitesfue
Pagecreator,unservicioquetambinsehaquedadoporelcaminoyparael
cualyanoaceptanusuariosnuevos,aunque permiten la continuidad de las
pginas actualmente existentes. Page Creator permita la elaboracin de
pginaswebsencillasdeformaindividual,nocooperativa.
Google Sites permite la creacin de Sitios Web de forma muy flexible.
Puede ser utilizado tanto para elaborar un sitio web tradicional, como un
blog, un wiki con capacidades restringidas o un foro de discusin. No
obstante, para el visitante externo, Google Sites presenta las
funcionalidades de una pgina web tradicional, es decir, sin posibilidad de
interaccinconloscontenidos.Slolosusuariosexpresamenteinvitadosal
sitiopuedenutilizartodasucapacidad.
Disponede3modalidadesdeusuarios:
1. Propietarios(Owners)quepuedengestionartodoelsitioaadiendo
contenidonuevo,eliminandoelyaexistente,gestionarlosusuarioso
modificandoelaspectovisual.
2. Colaboradores(Collaborators)puedencrearcontenido,modificarelya
existente,escribircomentariososubirarchivos.
3. Simplesusuariosolectores(Viewers):esteeselusuariopordefecto
paraaquellosquevisitenelsitiosisteesabierto.Sidecidimos
cerrarloalmundoexterior,aquellaspersonasquedefinamoscomo
lectorespodrnvernuestrositioperonoaadirnimodificarnada.
Resaltarlasencillezconlaquepodemoscrearcontenidossinnecesidadde
aprendizaje previo, ya que si estamos acostumbrados a usar editores
wysiwyg(=loquevesesloqueobtienes)notendremosdificultadalgunaen
podercrearpginaswebdesdeelprimerminuto.
Las tres grandes ventajas de Google Sites son las opciones de privacidad,
podemos definir con quien compartimos las pginas editables (gente del
mismo dominio, todo el mundo o una lista propia), los tipos de pgina que
podemos crear (un repositorio de archivos con 10GB por cuenta) y la
facilidaddeuso.
La plasticidad de las pginas de Google Sites hace que la funcionalidad
entre un wiki, un blog o un foro de discusin est determinada casi
nicamenteporelusoquequeramosdarlenosotros.
Las pginas guardan el historial de las diferentes versiones por las cuales
han pasado y se puede volver a cualquiera de ellas cuando se desee.
Adems, todos los usuarios con permiso pueden escribir en ellas, dejar
comentarios al pie de la misma o adjuntar archivos a cada pgina en
particular. Esta es la capacidad wiki que est presente en los diferentes
tiposdepginaquesepuedencrear.
Cuando se crea una pgina, uno de los tipos entre los que podemos elegir
https://sites.google.com/site/imagensonidoyvideo/comocrearunsitiowebcongooglesites#crearsitio
2/18
16/2/2015
CrearunsitiowebconGoogleSitesImagen,sonidoyvdeo
esAnuncios.Produceunapginaquepodemosusarcomounblog clsico,
comoforodediscusinocomotablndeanuncios.Laautnticaventajade
estetipodepginaesquesesimplificatodavamslaedicindeartculos
si lo comparamos con Blogger o WordPress. En la parte superior de esta
pginahayunbotnNuevaentrada,cuandosepulsaapareceeleditorenla
mismapginaporloqueesunaformasencilla,rpidaymuyeficientepara
escribirartculosnuevos.
Tiene muchas ms funcionalidades, como el almacenamiento de archivos
siempre actualizados, informacin sobre las modificaciones y acceso a las
distintasversioneslacreacindeunmapaenformaderboldelaspginas
de forma automtica, la existencia de pginas que pueden actuar para
almacenar archivos de forma exclusiva, la posibilidad de hacer listas de
tareas, insertar cualquier componente de Google como los documentos de
GoogleDocs,calendariosdeGoogleCalendar,etc.
Con la suscripcin "al sitio o a cualquier pgina" podemos estar
puntualmente informados de cualquier modificacin que se produzca
recibiendouncorreodeaviso.Estoesmuytilcuandoloseditoresdelsitio
sonvariaspersonas.
A travs de Google Analytics podemos consultar y controlar el acceso a
nuestrositiomediantelosinformesquesegeneran.
Perotambintienealgunosinconvenientes:
1. GoogleSitesnopermitelainclusindeobjetosincrustadosqueno
seandelpropioGoogle(YouTube,GoogleDocs,etc),porloqueno
podremosincluirdocumentosdeScribdopresentacionesde
Slideshare,porejemplo.
2. Nodisponedeningunaherramientaparaqueelvisitanteajenoalsitio
puedadejarnitansiquierauncomentario,almenosporelmomento,
yaquesehacedifcilpensarqueestoseguirdeestemodopor
tiempoindefinido.
Comotantosotrosproductos,empezsloeningls,peroyalatenemosen
espaol.
Parairentrandoenfaenavamosaverestepequeovideotutorial("Watcha
shorttutorial")eninglssubtituladoenespaol:
https://sites.google.com/site/imagensonidoyvideo/comocrearunsitiowebcongooglesites#crearsitio
3/18
16/2/2015
CrearunsitiowebconGoogleSitesImagen,sonidoyvdeo
Lomejoresquevayamospasoapaso.Vamosall!
1.Crearelsitio
AbrimoslapginadeGoogleSites.SitenemosunacuentaenGoogle,nos
reconoceraconnuestronombredeusuarioyslotendremosqueaadir
nuestracontrasea.SiannotenemoscuentaenGoogletendremosque
abrirladndolelosdatosquenospida.Hazclicsobreelbotn"Aceptar".
Acontinuacin,sobreelbotnCrearsitio(CreateaSite).
Despusseabrirunapginaconunsencilloformularioquedebers
cumplimentarconlossiguientesdatos:
Nombredelsitio(SiteName),automticamentesevaponiendoa
continuacinladireccinquetendrenInternetnuestrapgina.
Descripcindelsitio(Sitedescription):pequeadescripcinopcional.
https://sites.google.com/site/imagensonidoyvideo/comocrearunsitiowebcongooglesites#crearsitio
4/18
16/2/2015
CrearunsitiowebconGoogleSitesImagen,sonidoyvdeo
Contenidoparaadultos(MatureContent):sealamosestaopcinsilos
contenidossonsloparaadultos.
Compartircon(Sharewith):laprimeraopcinvienemarcadapordefecto
Todoelmundopuedeverestesitio(Everyoneintheworldcanview
thissite)
Slolaspersonasqueespecifiquepuedenverestesitio(OnlypeopleI
specifycanviewthissite)
Temadelsitio(Sitetheme):estnvisiblestres,peroaldarlealaopcin
Mstemas(Morethemes),podrselegirentremuchosms.
Acontinuacindebemoscopiarelcdigoquenosmuestrelapginay
pincharsobreelbotnCrearsitio(Createsite)
Yaestamosennuestrapginaprincipal.Laestructuraquepresenta,
mientrasnolacambiemos,eslasiguiente:
Marcosuperior:nombredelsitio:Pruebacursocep
Marcolateral:mandenavegacin
Marcoprincipal:pginaprincipal(enlaimagen:vaco)
https://sites.google.com/site/imagensonidoyvideo/comocrearunsitiowebcongooglesites#crearsitio
5/18
16/2/2015
CrearunsitiowebconGoogleSitesImagen,sonidoyvdeo
Marcoinferior:archivosadjuntosycomentarios.
Eslapginaquellamamos"deinicio",laprimeraqueapareceralentraren
laweb,oloqueeslomismoelpuntodeentradaatodoelsitio.Enella
colocaremos,ademsdelabienvenidaopresentacin,aquelloscontenidos
quepuedanserdemsutilidadalvisitantecuandoingresaenella.Para
construirsta,ocualquierotrapginaqueaadamos,haremosusodelas
herramientasdeedicinqueaparecencuandohacemosclicsobreelbotn
Editarpgina.Paraconfigurarlaadecuadamente,pulsamossobreMs
acciones.
2. Editar la pgina
Loprimeroquevemosesunabarradeedicinrpidaconlaquepodemos
elegireltipodeletra,eltamao,elformatoycolordelafuente,numeracin,
vietas,sangrasyjustificaciones,quitarelformatooeditarelHTML(slo
parainiciados).
Tambinvemoscuatromensdesplegablesquenosofrecenlaposibilidad
deincluirmuchoselementos:
MenInsertar:parainsertarcualquiertipodeelemento.
MenFormato:cambiatamaosyponealgunosformatosespeciales
detexto.
MenTabla:parainsertartablas.
MenDiseo:paraelegirentrepginasa12columnas.
CualquiercambioquehagamoshayqueaceptarloconGuardar.Si,porel
contrario,noqueremosconservarloscambiosoptaremosporCancelar.
Veamosahoralasposibildadesdeestosmens:
Men Insertar: elementos simples (imgenes, enlaces, ndice de
contenidos, linea horizontal) servicios de Google (Calendario,
documento de texto, lbumes web de Picasa, presentaciones, hojas
de clculo, formularios, vdeos de youtube o Google video) gadgets
de Google (ltimas entradas o posts, ltimos archivos actualizados,
liestasactualizadas,cuadrosdetexto,...)
https://sites.google.com/site/imagensonidoyvideo/comocrearunsitiowebcongooglesites#crearsitio
6/18
16/2/2015
CrearunsitiowebconGoogleSitesImagen,sonidoyvdeo
7/18
16/2/2015
CrearunsitiowebconGoogleSitesImagen,sonidoyvdeo
https://sites.google.com/site/imagensonidoyvideo/comocrearunsitiowebcongooglesites#crearsitio
8/18
16/2/2015
CrearunsitiowebconGoogleSitesImagen,sonidoyvdeo
MenFormatodetexto:paraestablecereltamaoyotrosaspectos
relacionadosconeltexto.
Mendiseo:nicamentenosdanaelegirentrepresentarcada
pginaenunadoscolumnas:
3.Aadirnuevaspginas
https://sites.google.com/site/imagensonidoyvideo/comocrearunsitiowebcongooglesites#crearsitio
9/18
16/2/2015
CrearunsitiowebconGoogleSitesImagen,sonidoyvdeo
Podemoscambiarelttulodelapginayaadircuantaspginas
consideremosnecesariasparanuestrositio.
Leponemosnombrealapginaquevamosacrearyelegimosunodelos
cincotiposdisponibles:
Pginawebsimple:pginaenblancoquecompletaremosconlos
contenidosquequeramos.
Pgina a dos columnas: aparecen cuatro mdulos vacos, tipo
tableroalhacerclicsobrecualquieradelosmdulossedespliegael
men insertar. Podemos montar pginas con distintos tipos de
elementos (foto, documento, gadgets, ...) bien estructuradas.
Podemos alterar la predisposicin inicial aadiendo ms mdulos,
marcando uno y "copiar y pegar", y eliminar los que queramos
(marcarconelratnyelegiropcin"Eliminar").
Anuncios: aadimos una pgina tipo Blog. Esta pgina se
confecciona aadiendo entradas que se convertirn en anuncios
informativos. Tendremos que poner el ttulo a la entrada y, a
continuacin, escribir el contenido de la noticia.. Cuando guardamos
aparececomoun"post"deunblogcon:ttulo,fechayhoraenlaque
sehapublicado,autordelapublicacinyelcontenido.Sihayvarias
entradas, se ordenan cronolgicamente en orden inverso, como en
cualquier blog. Tambin podemos elegir el nmero de "post" que
queremosquesemuestren.
Pgina archivador o contenedor de archivos:se trata de una pgina
preparada para almacenar y mostrar los archivos que queramos
guardarennuestrositio.Leponemosunnombreypodemosaadirun
archivo (botn "Examinar" y "Subir"). Posteriormente, haciendo clic
sobre el nombre podemos descargarlo y abrirlo, y acceder sobre el
histrico de las distintas versiones guardadas del documento. Esto
nosrecuerdaalaswikis.
Cuando tenemos muchos archivos podemos organizarlos en
carpetas, eliminarlo y suscribirnos a cambios (Subscribe ti page
change)para,sisehaproducidoalgncambio,nosllegueuncorreo
deavisoanuestracuenta.Recordamosquedisponemosde100Mb.
paraalmacenararchivos.
Pgina tipo lista: se trata de una pgina que contiene listados
confeccionados a nuestra medida. Primero tenemos que ponerle un
nombre y se nos abre una ventana con cuatro opciones: cualquiera
de las tres primeras nos presenta unas plantillas con las listas ya
estructuradas, si elegimos la ltima opcin (crear tu propia lista)
podemos crear desde el principio listados definiendo nosotros las
https://sites.google.com/site/imagensonidoyvideo/comocrearunsitiowebcongooglesites#crearsitio
10/18
16/2/2015
CrearunsitiowebconGoogleSitesImagen,sonidoyvdeo
Finalmenteelegiremoslajerarquadelapgina.Tenemosdosopciones:
1.Ponerlaenelnivelmsalto.Eslaopcinpordefecto.Supone
unapginamsjuntoconladeInicio(Home)
2.Ponerladebajo:seraunasubpgina
4.Configurarnuestrositio
1. Compartir este sitio. Un sitio puede ser compartido con todo el mundo
(pblico)oconlosusuariosqueespecifiquemos.Comodijimosalprincipio,
haytresposibilidadesdeinteractuar:
Comopropietario:tienetodoslosprivilegiosparagestionarelsitio
Comocolaborador:puedecrear,editar,moveryborrapginasaadir
archivosadjuntosycomentariosaadiryeliminarpginasdelmen
lateraldenavegacinsuscribirsealoscambiosqueseproduzcanen
elsitio
Comosimpleusuarioolector:slopuedeverlaspginas.
https://sites.google.com/site/imagensonidoyvideo/comocrearunsitiowebcongooglesites#crearsitio
11/18
16/2/2015
CrearunsitiowebconGoogleSitesImagen,sonidoyvdeo
Elsitiocreadonospermiteinvitaraotroscomopropietarios,colaboradoreso
lectores, a travs del formulario donde escribiremos las direcciones de
correo, que podemos extraer de nuestros contactos de gmail. Si el sitio es
"pblico",esdecirqueremosquetodoelmundopuedaverlo,enelapartado
"permisos avanzados" deber estar marcada la casilla correspondiente. Si,
porelcontrario,queremosquesea"privado",deberemosdesmarcarla.Espa
opcin tambin est disponible durante el proceso de creacin y registro
inicial del sitio. En la columna de la derecha iremos viendo toda la
informacinsobrelosusuariosqueparticipanenelsitio.
2.Cambiaraspecto.Veamoscmocambiarelaspectodenuestrapgina.
Pordefectonuestrapginaocupaelanchodetodalapantalla(100)
Siqueremosquequedeunespaciolibreaambosladosyno
completarlapantalla,debemoscambiarelanchoa90,80,70,....
Vamosprobandohastaquequedeanuestrogusto.Sihemospuesto
untemadefondoconestaanchuraservisiblesinproblema.
Desmarcandolaopcin"cabecera",eliminaremoselmarcosuperior
https://sites.google.com/site/imagensonidoyvideo/comocrearunsitiowebcongooglesites#crearsitio
12/18
16/2/2015
CrearunsitiowebconGoogleSitesImagen,sonidoyvdeo
quecontieneelttuloyellogo.Laalturaestcondicionadapor
defectoaltamaodellogo.Podemoscambiartambinlaaltura.
Desmarcandolalaopcin"barralateral",eliminamoslabarralateraly
tendremosunawebatodapginaysinmarcoslaterales.
Elegiremoselmarcoaladerechaoalaizquierday,siqueremos,
cambiaremostambinlaanchuraquepordefectovienea150.
Ellogoestpredeterminadoarribaalaizquierdaenlacabeceraynoadmite
otra posicin. Si queremos poner otro logo, haremos clic en "cambia el
logotipo"
Podemosprescindirdellogo("sinlogotipo")sioptamosporaadiruno,lo
buscaremosconlaopcin"Examinar",unavezlotengamosdimensionadoa
laalturaquehemosfijadoenlacabecera.Pulsamos"Aceptar"y
"guardamosloscambios".
Labarralateraltieneunaanchurade150pxelesy,enprincipio,est
formadapordoscuadrosomdulos:
Navegacin:mendenavegacin
Actividadrecientedelsitio:informacinsobrelosltimoscambios
realizadosenelsitio.
Podemos adaptar la barra lateral a nuestras necesidades con las opciones
Editar, suprimir o aadir un nuevo mdulo. En el men navegacin
situaremos los hiperenlaces a pginas que existen dentro del sitio, que
hemos creado previamente. Podemos cambiar el ttulo "navegacin" por
otro.Conlasdosflechitasqueapararecenaladerechapodemoscambiarel
orden del listado de las pginas. Si queremos aadir alguna pgina ya
creada para que se vea en este men hacemos clic en "aadir pgina a la
navegacindelabarralateral",ylaseleccionamosdelmapadenavegacin
quesenosmuestra.
https://sites.google.com/site/imagensonidoyvideo/comocrearunsitiowebcongooglesites#crearsitio
13/18
16/2/2015
CrearunsitiowebconGoogleSitesImagen,sonidoyvdeo
Podemosaadirnuevosmdulosenlabarralateralhaciendoclic
en"Aadirunelementoenlabarralateral".Nosofrecen5opciones:
Navegacin:enlacesapginassueltasdelsitio
Texto:paraaadirtexto.Conestaopcinpodemosinsertarenlaces
asitiosexternos,incluiriconos,dibujos,logos,...
Actividadrecientedelsitio:unalistadelasltimosmovimientos
delsitio
Cuentaatrs:uncontadordedasaunafechaquetendremosque
especificar.Puedetenerunafinalidadinformativasiqueremos
destacarlafechadealgnacontecimiento...
Una vez creados, podemos ordenar los mdulos en la barra lateral
pinchandosobreellosyarrastrndolosallugardondequeramoscolocarlos.
Cambiarloscoloresylasfuentes
Seleccionamosunelementoy,conlabarradeslizante,podemoscambiarel
color del ttulo, el fondo, el marco lateral, etc. Podemos poner una imagen
https://sites.google.com/site/imagensonidoyvideo/comocrearunsitiowebcongooglesites#crearsitio
14/18
16/2/2015
CrearunsitiowebconGoogleSitesImagen,sonidoyvdeo
Loscambiosquevayamoshaciendoseirnmostrandoenlaparteinferior
delapantalla.
Podemoselegirentreunaseriedetemas.Parairprobandodebemoshacer
clicen"Vistaprevia".
EnlapestaaMspodemos:
Ponerunnombrealsitio
Sinoqueremosmostrarelnombredelsitioarribadelaspginas
debemosdesmarcarestaopcin.
Describirbrevementeelsitio.
Indicarsielcontenidoessloparaadultos.
Cambiarlapginadeentradaoiniciocuandoseaccedealsitio,por
defectoeslapgina"Home"
ActivarlasestadsticasatravsdeGoogleAnalyticsdondehabr
quedarsedealtasiguiendolospasosquenosindicandespusse
https://sites.google.com/site/imagensonidoyvideo/comocrearunsitiowebcongooglesites#crearsitio
15/18
16/2/2015
CrearunsitiowebconGoogleSitesImagen,sonidoyvdeo
nosmostraruncdigoIDdepropiedadwebdeAnalytics.Habrque
esperarunas24horasaproximadamenteparaversifunciona.
Siemprequequeramosverlasestadsticas,podremoshacerlo
entrandoenGoogleAnalytics.Siqueremossabermssobreesto,
pincharsobreMsinformacin.
Enuncuadrosituadoaladerechatenemoslainformacinreferidaal
espacioocupadodelos100Mbdisponiblesennuestracuenta.
5.Configurarunapgina
Unavezabiertalapgina:Masacciones>Configuracindelapgina:
Podemoselegirlaconfiguracinquemsnosinterese.Convienerecordar
quealnombrarlaspginasnodebemosutilizarcaracterescomola,ni
tildesodiresis.
Pararepasarpuedesseguiresteestupendomanualparaaprenderautilizar
GoogleSitesdeManuelLpezCaparrs
6.Ejemplos
EstecursoesteditadoypublicadoconGoogleSites.
Algunosejemplosparahacerseunaideadelaspectoquepuedentener
estossitios:Classroom,SkiClub,Playgroup,Familywebsite,Team
Project,CompanyIntranet.
EnestapresentacinrealizadaconGoogleDocsManuelLpezCaparrs
https://sites.google.com/site/imagensonidoyvideo/comocrearunsitiowebcongooglesites#crearsitio
16/18
16/2/2015
CrearunsitiowebconGoogleSitesImagen,sonidoyvdeo
nosmuestraalgunosejemplosdeusodeGoogleSitesenlagestindeun
centroeducativo:
MsejemplosdeaplicacindeGoogleSitesenelmundoeducativo:
SitioderecursosTICparaelauladeEducacinInfantil
Wikiuniverso,proyectosobreeluniversoqueestrealizandoel
equipodeInfantildelCEIPValdliga.Nosloexplicanenesteblog.
CarlosCabanillashacreadoestaweb/wiki/blogparasusalumnosde
CulturaClsica.
Pginasrealizadasporelalumnadode1debachilleratode
HumanidadesdelIESAzahardeSevilla:
LasmujeresenlaantiguaGrecia,pginasobrevidacotidiana,
trabajo,derechosjurdicos,mujeresintelectualesyartistas....
Lamujerenlamitologaylaliteratura:modelosdemujer,
personajes.
Lasmujeresgriegashoy:laluchaporlaigualdad,logros
socialesysituacinenelmercadodetrabajo.Mujeresenla
poltica,enlaliteratura,enelarte...
VctorAcostahacreadootraweb/wiki/blogparaCienciasdelmundo
Contemporneo.
Proyecto"Nuestrospueblos".
Actividadesdefrancs2idiomade2debachilleratodelIES
AverroesdeCrdoba
IESAlhakenbilinge
https://sites.google.com/site/imagensonidoyvideo/comocrearunsitiowebcongooglesites#crearsitio
17/18
16/2/2015
CrearunsitiowebconGoogleSitesImagen,sonidoyvdeo
Comentarios
Notienespermisoparaagregarcomentarios.
Iniciar sesin | Actividad reciente del sitio | Informar de uso inadecuado | Imprimir pgina | Con la tecnologa de Google
Sites
https://sites.google.com/site/imagensonidoyvideo/comocrearunsitiowebcongooglesites#crearsitio
18/18