{"id":4083,"date":"2023-12-18T17:36:50","date_gmt":"2023-12-18T15:36:50","guid":{"rendered":"https:\/\/webs.uab.cat\/edicio-web\/?page_id=4083"},"modified":"2023-12-20T11:42:30","modified_gmt":"2023-12-20T09:42:30","slug":"asset-multimedia-imatge","status":"publish","type":"page","link":"https:\/\/webs.uab.cat\/edicio-web\/asset-multimedia-imatge\/","title":{"rendered":"Asset Multim\u00e8dia IMATGE"},"content":{"rendered":"\n

L’asset Multim\u00e8dia Imatge<\/strong> s\u2019utilitza per acompanyar les not\u00edcies i tamb\u00e9 es poden posar en p\u00e0gines interiors o en els destacats de la portada. En la captura de pantalla que veiem m\u00e9s abaix podem veure un exemple d’una imatge dins d’una p\u00e0gina interior.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Malgrat que l’exemple \u00e9s dins una p\u00e0gina interior, en realitat aquest asset serveix per visualitzar imatges dins de P\u00e0gines, Not\u00edcies i M\u00f2duls.<\/strong> Si voleu crear un contingut d’aquest tipus simplement cal anar al bot\u00f3 ‘Contenido<\/strong>‘ escollir el nom corresponent i despr\u00e8s seleccionar la definici\u00f3 Multim\u00e8dia ‘Imatge’<\/strong>.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Una vegada ja teniu creat el nou asset es hora omplir els camps. Per ajudar-vos a continuaci\u00f3n detallem cada camp que trobareu. De tots els camps que cont\u00e9 l\u2019asset multim\u00e8dia, nom\u00e9s cal omplir els que tenen l\u2019asterisc que s\u00f3n els obligatoris perqu\u00e8 funcioni b\u00e9 la visualitzaci\u00f3.<\/p>\n\n\n\n

*NOMBRE:<\/strong> El nom de l\u2019Asset Multim\u00e8dia Imatge<\/strong> no apareix en cap lloc de la web, nom\u00e9s us serveix per identificar els multim\u00e8dias dins el gestor de continguts. Els noms dels assets de tipus Asset Multim\u00e8dia<\/strong> amb la definici\u00f3 ‘Imatge<\/strong>‘ els comen\u00e7arem pel prefix ‘MM<\/strong>‘ seguit per ‘_IMG<\/strong>‘, aix\u00ed: <\/p>\n\n\n\n

‘MM_IMG_<\/strong>Exemple Nom Multim\u00e8dia’. <\/p>\n\n\n\n

En el cas dels multim\u00e8dia que son traduccions, hi posem sempre el prefixe (es) o (en) per indicar-ne l\u2019idioma.<\/p>\n\n\n\n

ETIQUETAS:<\/strong> Camp opcional, per si es vol etiquetar els assets, si els trobeu m\u00e9s r\u00e0pidament en el gestor de continguts.<\/p>\n\n\n\n

CATEGOR\u00cdA:<\/strong> \u00c9s un camp opcional. S\u2019ha preconfigurat una categoria, per\u00f2 podeu crear-ne de noves, aix\u00ed teniu opci\u00f3 de classificar les imatges que tingueu al site. Pot ser molt \u00fatil per treballar de forma m\u00e9s ordenada.<\/p>\n\n\n\n

ARXIU IMATGE:<\/strong> Pugeu el fitxer d\u2019imatge. Format t\u00edpic: JPEG, PNG. El nom del fitxer d\u2019imatge no pot tenir car\u00e0cters especials, ni espais, ni accents, ni \u00d1, ni L\u00b7L, etc. En el cas de fer una c\u00f2pia de l\u2019asset imatge, cal procurar que el nou fitxer tingui un nom diferent de l\u2019anterior.<\/p>\n\n\n\n

TEXT ALT:<\/strong> Text alternatiu de la imatge, s\u2019ha de descriure breument el que apareix a la imatge, per millorar l\u2019accessibilitat web. En el cas de fer una c\u00f2pia de l\u2019asset imatge, vigileu que el text alternatiu s\u2019ha de canviar i posar la descripci\u00f3 de la nova imatge. I que no sigui ni el nom del fitxer, ni altres codis. En aquest post expliquem millor com entendre aquest camp:<\/p>\n\n\n\n

\n
Siguem accessibles<\/a><\/div>\n<\/div>\n\n\n\n

PEU DE FOTO:<\/strong> Opcionalment, es pot mostrar un peu de foto. Molt utilitzat en not\u00edcies i quan la foto mostra persones i es vol dir el seu nom. O tamb\u00e9 per indicar autoria de la foto. <\/p>\n\n\n\n

ARXIU IMATGE MINIATURA<\/strong>: Aquest camp no \u00e9s obligatori, per\u00f2 prou recomenat ja que aquesta imatge \u00e9s veur\u00e0 dins de una Galeria<\/strong> (Fila o M\u00f2dul).
Exemple:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Una vegada ja teniu creat l’Asset Multim\u00e8dia Imatge<\/strong> a continuaci\u00f3 podeu afegir-lo dins una P\u00e0gina interio<\/a>r, una Not\u00edcia<\/a> o un M\u00f2dul<\/a>.<\/p>\n\n\n\n

<\/p>\n\n\n\n

Mides recomanades per a les imatges<\/h2>\n\n\n\n
\n

Acompanyant not\u00edcies <\/strong>(la imatge es veuria al carrusel i al detall de not\u00edcia):<\/p>\n\n\n\n