Imatges i documents
Una imatge val més que mil paraules!
Última actualización
Una imatge val més que mil paraules!
Última actualización
El mòdul insert és una eina integrada al gestor del web que ens simplifica la vida quan toca afegir imatges als nodes.
Per afegir-ne una cal que localitzis la caixa següent (no la confonguis amb la caixa que et permet afegir documents, que està just a sota):
Un cop tinguis clara aquesta informació, cal que segueixis aquests passos:
Dirigeix-te a la caixa esmentada anteriorment i clica el botó "Navega".
Selecciona la foto que tens desada l'ordinador i que vols penjar i clica el botó "Carregar".
Al requadre d'edició, ubica el cursor al punt de text on vols que hi hagi la imatge en qüestió.
Torna avall, a la caixa del mòdul, i clica el botó "Insereix".
Comprova que hagi aparegut la imatge correctament.
Un cop tinguis la imatge al cos del node, pots editar-ne les propietats clicant el botó dret damunt de la imatge en qüestió i anant a "Propietats de la imatge".
Se t'obrirà un menú emergent amb diferents paràmetres que pots canviar:
Text alternatiu
Mides (altura i amplada)
Vora
Espaiat (horitzontal i vertical)
Aquest text és una alternativa per mostrar en cas que no es pugui visualitzar la imatge. Els principals motius pels quals un usuari pot necessitar un text alternatiu són els següents:
L'usuari ha desactivat les imatges del navegador per estalviar ús de dades mòbils.
Hi ha errors a l'HTML o el navegador no és compatible amb el format d'imatge.
L'usuari té alguna discapacitat visual i necessita un navegador amb lector de pantalla.
Ens interessa que els buscadors (Google, Yahoo!, Bing...) puguin trobar la imatge en determinades cerques.
Depenent de la imatge, es recomana un tipus de text diferent:
Imatges decoratives: si la imatge no aporta cap informació important a l'usuari, millor que no hi afegeixis cap descripció. D'aquesta manera estalviem temps als usuaris.
Contingut: si la imatge conté informació, el text alternatiu hauria de resumir aquesta informació.
Enllaç: si la imatge és clicable, caldria indicar a on va a parar.
Text: si la imatge és un logotip o qualsevol text important, el text alternatiu ha de contenir tot el text de la imatge.
Quan pengem una imatge seria bo que el nom del fitxer fos descriptiu. És a dir caldria que enlloc de DCIM_463.jpg fos grau_en_fisoterapia_uvic.jpg.
És molt important que les imatges no pesin gaire per garantir que els nodes es carreguen ràpid. El web ja optimitza les imatges de manera automàtica. Malgrat tot recomanem editar-les prèviament.
Una imatge destinada a aparèixer entremig del text hauria de pesar uns 50kb com a màxim.
Una imatge destacada (o imatge de portada) hauria de pesar 100kb com a molt.
Per optimitzar les imatges podem utilitzar un software d'edició de fotografia o bé alguna eina en línia:
Si disposes d'algun programa d'edició de fotografia com Gimp o Photoshop, pots editar la imatge. Recomanem canviar les propietats següents:
Resolució: 72ppp. Les pantalles no tenen més de 72 punts per polzada de resolució. Per tant, encara que una imatge tingui més resolució, la diferència no serà apreciable.
Amplada: recomanem que les imatges entre text tinguin una amplada de 750px i les imatges destacades uns 1500px.
Cada pàgina pot tenir una imatge destacada. Aquestes imatges apareixen de manera automàtica a la part superior del node i s'adapten a la mida de la pantalla.
Per afegir una imatge destacada cal que anar a la següent caixa:
Per afegir la imatge destacada cal que facis els passos següents:
Dirigeix-te a la caixa esmentada anteriorment i clica el botó "Examinar".
Selecciona la imatge de l'ordinador que vols afegir i clica el botó "Carregueu".
Espera que es carregui la imatge.
Localitza el desplegable "Manual Crop" i selecciona la mida que ha de tenir la imatge destacada.
Image 1350 x 443 per els nodes que no tenen menú lateral.
Image 960 x 315 per els nodes que sí que tenen menú lateral.
Guarda al node i comprova que la imatge es mostri correctament.
El procediment per afegir un document és similar al que hem seguit per afegir una imatge.
L'únic format permès per a penjar documents és el PDF.
Per afegir un document cal localitzar la caixa següent (no la confonguis amb la caixa per afegir imatges, que està just a sobre):
Per afegir un document cal que facis els passos següents:
Dirigeix-te a la caixa esmentada anteriorment i clica el botó "Navega".
Selecciona el document de l'ordinador que vols penjar i clica el botó "Carregar".
Al requadre d'edició, ubica el cursor al punt del text on vols que hi hagi l'enllaç del document en qüestió.
Torna avall a la caixa del mòdul i clica el botó "Insereix".
Comprova que ha aparegut l'enllaç al document correctament.
Hi ha la possibilitat d'afegir vídeos al web (per exemple, la pàgina principal de l'UHub) o d'afegir-hi documents interactius (per exemple, el catàleg d'espais). Per poder implementar aquests continguts cal que treballar amb "marcs". Expliquem com funcionen els marcs més endavant.
