Articles per afegir noves característiques al Google Site; s'expliquen pas a pas i permeten millorar les funcionalitats del vostre site.
-
Presentació de fotos
Les últimes fotos del National Geographic publicades a la web en un slide estàtic -presentació de diapositives-:
Com es fa? Molt fàcil:1.- Codi HTML:<div style="width:100%; overflow:auto; white-space:nowrap;"><img src="http://www.example.com/image1.jpg"><img src="http://www.example.com/image2.jpg"></div>2.- Substituir la adreça web on tens les imatges, pots col·locar tantes com en vulguis.3.- Pots modificar la amplada (que ocupi el 80% del espai).Recorda que per fer una presentació dinàmica des de Picassa només cal:1.- Anar a Insereix>Presentació Web de Picassa2.- Seleccionar una col·lecció.També des de Insereix>Presentació (des de Google Docs)
Publicat a les 11 de febr. 2012, 2:34 per Albert Profe
-
Afegir fotos des de Picasa
Amb el mateix compte de correu de Gmail, pots obrir un compte de Picasa i desar fotos fins a un total de 10GB, es a dir, molt per sobre dels 100 MB de Google Sites.Pots entrar en Picasa, pujar la foto i després inserir-la al Google Sites amb:Inserir>Imatge>Adreça URL, però també ho pots fer directament des del Sites. Com? Aquí ho expliquem en 4 pasos:En el Google Sites, ves a Insereix i cerca l'opció Foto de Picasa.Insereix> Foto de PicasaS'obrirà una finestra Insereix, on pots triar Album web de Picasa o l'opció Penjar les fotos. La primera t'ofereix inserir una foto existent al Picasa, la segona pujar-la ...
Publicat a les 24 de març 2011, 2:31 per Albert Profe
-
Afegir Vídeo
Una utilitat molt estesa i demanada és afegir un reproductor de vídeo des del propi web (o per defecte un altre web on siguem propietaris). Es a dir, el reproductor i el vídeo s'allotjaran en el vostre web. No es tracta de enllaçar un vídeo de YouTube o Google si no de tindre'l a la web i reproduir-lo directament.Aquí teniu l'exemple:Ho farem en 6 passos:1.- En primer lloc, hem de descarregar el reproductor de vídeo que volem. En el nostre cas, descarreguem des de la plana:http://www.alsacreations.fr/dewplayer-en el reproductor DewPlayer, que és open source i fàcil instal·lar.2.- A una plana tipus "Emmagatzematge de fitxers" del nostre ...
Publicat a les 25 de març 2012, 8:52 per Albert Profe
-
Afegir àudio: Playlist
Nivell de dificultat: alt
En aquesta tercera part el que farem és afegir un reproductor d'àudio i unes cançons amb un menú PLaylist des del propi web (o per defecte un altre web on siguem propietaris). Es a dir, el reproductor i les cançons s'allotjaran en el vostre web.
Aquí teniu l'exemple (imatge):
Ho farem en 7 passos:1.- En primer lloc, hem de descarregar el reproductor que volem. En el nostre cas, descarreguem des de la plana:http://www.alsacreations.fr/dewplayer-en el reproductor DewPlayer, que és open source i fàcil instal·lar.2.- A una plana tipus "Emmagatzematge de fitxers" del nostre Site pujarem el reproductor que volem, Dewplayer té diversos i escollim DewPlayer ...
Publicat a les 18 de març 2011, 14:07 per Albert Profe
-
Afegir àudio: Llista
En aquesta segona part el que farem és afegir un reproductor d'àudio i unes cançons a una llista des del propi web (o per defecte un altre web on siguem propietaris). Es a dir, el reproductor i les cançons s'allotjaran en el vostre web.
Aquí teniu l'exemple:
Ho farem en 6 passos:1.- En primer lloc, hem de descarregar el reproductor que volem. En el nostre cas, descarreguem des de la plana:http://www.alsacreations.fr/dewplayer-en el reproductor DewPlayer, que és open source i fàcil instal·lar.2.- A una plana tipus "Emmagatzematge de fitxers" del nostre Site pujarem el reproductor que volem, Dewplayer té diversos i escollim DewPlayer-Multi.swf. Hem de carregar el ...
Publicat a les 14 de març 2011, 9:09 per Albert Profe
-
Afegir àudio: Senzill
Aquí teniu un exemple:Com es fa? Senzill, ho farem en tres passos:1.- Primer de tot es tracta de afegir aquest codi HTML incrustat al lloc on vulgueu afegir l'àudio:
<embed type="application/x-shockwave-flash" src="http://www.google.com/reader/ui/3523697345-audio-player.swf" flashvars="audioUrl=Web del fitxer mp3" width="400" height="27" quality="best"></embed>
2.- Ho podeu fer directament amb el botó HTML del editor de la plana (i aleshores copieu i enganxeu el codi a la finestra que se us obre) o anar a:Insereix>Més Gadgets...>Destacats>Embed Gadget.3.- Necessiteu la direcció web on hi és l'àudio i l'enganxeu enlloc de "Web del fitxer mp3"; en el ...
Publicat a les 14 de març 2011, 1:10 per Albert Profe
-
Barra de Navegació Horitzontal Desplegable
Instruccions - Navegació horitzontalApart de la barra de navegació vertical pot inserir una barra de navegació horitzontal amb desplegables, és molt senzill, segueix els passos i ho veuràs:És necessari habilitar aquesta nova navegació, per a això utilitzeu el botó Més accions, a continuació, Administrar lloc i anar a un Lloc de disseny.Utilitzeu el botó Canviar Disseny de Llocs i després marcar la casella de navegació horitzontal i utilitzar el botó Acceptar.Quan tornis a la pantalla de Disseny de llocs on ja hi és la nova secció de navegació horitzontal: utilitzeu l'enllaç "editar" per afegir el contingut de les seves pàgines per a la navegació horitzontal.Per afegir una pàgina del vostre lloc utilitzi ...
Publicat a les 6 de febr. 2011, 10:12 per Albert Profe
-
Ampliar la paleta de colors
La paleta de colors RGB (inicials de red, green, blue en anglès) consta, bàsicament, de tres colors primaris additius: Vermell-Verd-Blau. Aquests colors primaris additius, en HTML, estan representats per tres parells hexadecimals del tipus 0xHH-HH-HH segons el següent format:#RR GG BB (= #RR VV AA)Els valors que pot adoptar cada un dels tres parells hexadecimals van del 0x00 (0 decimal) al 0xFF (255 decimal). Com més gran sigui el valor del parell, més gran serà també la intensitat matís,lluminositat o claredat) del color corresponent a aquest parell (i viceversa). Això implica que l'extrem inferior de l'escala cromàtica parteix d'una intensitat (grau) de color mínima (nul = parell 0x00), passa ...
Publicat a les 14 d’abr. 2011, 1:40 per Albert Profe
-
Posar un link a una imatge
Exemple de Link a una imatgeque el fem apuntar a google.catHo podem fer de dos maneres:una amb el quadre-botó propietats de la imatge només inseridao modificant el codi HTML.Amb botó propietats:Utilitzeu el menú Inserir i trieu la imatge a afegir a la seva pàgina.Seleccioneu (o feu clic) a la imatge -Propietats- i podràs veure l'opció Enllaça en el quadre de diàleg que apareix: utilitzar l'enllaç Modificar.S'obra Crea un enllaç. Pots triar la pàgina que vols vincular o ves a la pestanya d'adreces web i afegir l'URL que voleu establir com a vincle -link-.Utilitzeu el botó D'acord -OK- i la seva imatge ara s ...
Publicat a les 26 de nov. 2011, 14:32 per Albert Profe
-
Imatges seguides (horitzonal)
InstruccionsPer obtenir imatges d'una fila -es a dir, seguides- s'haurà de modificar el codi HTML per treure l'etiqueta </div> inserida per Google Sites per alinear les imatges - segueix aquestes instruccions:Inseriu la primera imatge, aneu a Insereix i a continuació, la imatge.Inserir segona imatge i subsegüents de la mateixa manera.Modificar el codi HTML utilitzant el botó HTMLEn el codi HTML treure el <div style="display: block; style="text-align: left;"> i </ div> que envolta a cada imatge (pots desfer-te dels enllaços a la imatge si vols també)Això posarà les seves imatges en una fila. Si vols centrar-es a continuació, seleccioneu les imatges i l'ús de l'eina Propietats ...
Publicat a les 27 de nov. 2011, 1:44 per Albert Profe
-
Taula de continguts
IntroduccióGoogle no proporciona instruccions sobre com fer una de les característiques més útils de Google Sites: és l'eina Taula de contingut. Per obtenir la taula de contingut (i per a que funcioni correctament) és fa un procés de dues fases i les dues etapes es detallen a continuació en les instruccions. Instruccions 1.- Donar format als Títols (o dites Capçaleres al google sites)La taula de contingut ha de saber on són les capçaleres: la forma de fer-ho és seleccionar el text que voleu que apareguin com a capçaleres i utilitzar el botó Format seguit pel nivell apropiat de la capçalera, la capçalera (H2) que és el més important i Subcapçalera (H4) és el menys important. En ...
Publicat a les 6 de febr. 2011, 1:50 per Albert Profe
|
