====== Com publicar continguts ====== ===== La base ===== - Amb un gestor de continguts només t'has de preocupar dels continguts del web, no del seu format estètic. El gestor de continguts s'encarrega de mostrar la informació amb un disseny propi creat pel dissenyador gràfic i coherent en tot el web. Per tant: * No abusis dels colors * No utilitzis taules amb vores gruixudes * No saturis un contingut amb moltes imatges. En el cas que el gestor inclogui un sistema d'imatges, utilitza'l. No vaguis per lliure. * L'editor de continguts té moltes eines per formatar el contingut. No cal usar-les totes, només les imprescindibles * Simplicitat és bellesa - Fes servir els mateixos criteris a l'hora d'escriure un contingut: No escriguis textos ni títols només en majúscules, al començament de frase utilitza majúscula, evita subratllats, ... - Els continguts acostumen a tenir un títol breu, una descripció breu i una descripció llarga. El títol i la descripció breu han de ser realment breus. Deixeu els detalls per la descripció llarga. - No afegeixis canvis de línia en blanc al final de les descripcions. Encara que els canvis de línia no es vegin, hi són i provocaran separacions entre els continguts de la pàgina web desagradables a la vista. - Els textos que apareixen en els menús han de ser curts, sintètics. Sinó els menús ocuparien gairebé tot l'espai del nostre web. - No utilitzis dies de la setmana (dilluns, ...) per citar un esdeveniment. Cal que especifiquis la data complerta, incloent-hi l'any. Així un contingut es pot situar en el temps encara que passin els anys. - No escriguis una adreça de correu electrònic (email) en un contingut web perquè sinó, al cap de poc temps, rebràs molts correus no desitjats (spam) en aquesta adreça de correu. Per indicar un correu electrònic com, per exemple, secretaria@gencat.org pots fer-ho: * Inserint una imatge en què hi hagi escrit el correu electrònic des del teclat o a mà alçada (utilitza un programa de retoc d'imatges, per ex. el GIMP, per crear la imatge). * Indicant-ho d'una forma original en què no aparegui el caràcter @ (per exemple: secretaria arroba gencat punt org). ===== Publicació de continguts ===== ==== Organitza't els continguts==== És important que els continguts estiguin categoritzats amb seccions i categories. Al principi, trobaràs de seguida els articles, però quan comença a créixer? A partir de 100 articles, o utilitzem el cercador, o ens "podem perdre" buscant un article, sinó el tenim classificat. [[joomla:components:com_content|[+] Gestió de continguts]] ==== Crear ==== Utilitza l'eina de la part pública per publicar continguts. Per fer-ho, primer de tot, t'has de registrar. Si tens suficients permisos, t'apareixerà un nou mòdul: menú de l'usuari. Entre les opcions del menú de l'usuari, t'apareixerà: Publica (o qualsevol sinònim) Ompla el formulari. Els camps importants a omplir són: - Títol - Alies (el nom que tindrà la URL) - Secció i categoria - Descripció (fes un text d'introducció i aplica amb el menú "llegir més" per la descripció de l'article) - Metadata i Metakey (molt útil pels cercadors) - Media (una vegada has creat l'article, podràs publicar imatges). ==== Editar ==== Quan visualitzes un contingut, t'apareixerà una icona d'un full amb llapis. Aquesta icona significa que pots editar. Per editar, t'apareixerà el formulari de "crear" però amb la informació, per ser editat. ==== Eliminar ==== Quan visualitzis un contingut, t'apareixerà una icona d'un full amb una creu vermella. Aquesta icona significa que pots enviar-ho a la paparera. L'administrador del web o un usuari amb privilegis, pot recuperar aquest contingut, si l'has enviat a la paparera per error. ==== Cancel·la ==== Si no vols editar el contingut i guardar els canvis, **cancel·la**. Si vols guardar els canvis, **desa**. El sistema incorpora un control de versions i usuaris que editen. Si no cancel·les, aquell contingut, només tu l'estàs editant i cap altre usuari el pot editar (encara que hagis tancat el navegador web). ===== Les imatges ===== =====Nomenclatura del media===== Recomanem utilitar caràcters alfanumèrics. Eviteu utilitzar accents, Ñ, Ç i altres caràcters i espais. També aconsellable, escriure en minúscules. En el mateial media, es recomenable utilitzar noms de fitxer, que faci referència. Per exemple, si ens descarreguem una imatge de la nostra càmara, aparareixarà el nom **IMG_019.JPG**. Millor, canviar-ho manualment el nom per **mural_pati_escola.jpg**. A simple vista, se que la foto serà un mural que està al pati de l'escola. Una altra tècnica es inserir la mida de la imatge amb el nom. Per exemple, **mural_pati_escola_250x100.jpg**, a simple vista, jo ja se que la imatge fa 250 pixels d'amplada per 100 pixels d'alçada. =====Tractament de les imatges===== Es recomenable fer un tractament de la imatge un cop descarregat de la càmara abans d'enviar-la a la xarxa (servidor) === Reduir la grandària de les fotos === Les fotos creades amb les càmeres digitals actuals tenen molts Mega-Píxels (milions de píxels) perquè les puguem imprimir en paper amb una gran qualitat. Per penjar-les al web són excessivament grans i cal reduir-les. Una foto amb una grandària menor de 800x600 píxels és més que suficient. Per exemple, una mida de 600x450 (horitzontal) i 450x600 (verticals) és suficient. La següent taula mostra grandàries típiques de les càmeres digitals: | Nombre de píxels | Grandària | | 2 Mpíxels | 1600x1200 | | 4 Mpíxels | 2304x1728 | | 6 Mpíxels | 2816x2112 o 3008x2000 | Per reduir una imatge pots utilitzar el programa de retoc d'imatges **GIMP** (el trobaràs aquí http://www.softcatala.org/projectes/gimp). És un programa amb llicència lliure, en català i que funciona en Windows, Linux i Mac. Si has de reduir moltes imatges fer-ho una a una amb el GIMP pot ser una mica feixuc. Llavors és millor el programa de retoc d'imatges lliure **ImageMagick** (el trobaràs a http://www.imagemagick.org/script/binary-releases.php). Per Windows baixa't el programa amb l'etiqueta “Win32 static at 16 bits-per-pixel” de l'apartat “Windows Binary Release”. Després fas doble-clic sobre el programa baixat perquè s'instal·li. També convindria fer una miniatura de cadascuna de les fotos. La galeria d'imatges mostra totes les miniatures i fent clic a sobre d'una miniatura es veu la foto més ampliada. Si nosaltres no fem les miniatures, el gestor web ens mostrarà les imatges originals més petites i deformades. Per reduir tot un conjunt de fotos a la vegada i crear les seves miniatures seguirem els següents passos (està explicat per Windows però per Linux seria semblant): 1. Crea un directori (carpeta) a l'arrel del disc dur **C:** anomenat **fotos** i copia les fotos que vulguis reduir en aquest directori. Suposem que totes les fotos estan en format JPEG i tots els fitxers copiats acaben amb l'extensió **.jpg**. 2. Ves al menú de Windows Inicio/Todos los programas/Accesorios/Símbolo del sistema. 3. Escriu les següents comandes canviant **activitat** pel nom de l'activitat. Cadascuna d'elles van seguides de la tecla Enter: cd c:\fotos convert -resize 172800@ *.jpg c:\activitat\activitat.jpg convert -resize 10000@ *.jpg c:\activitat_thumb\activitat.jpg Nota: Amb el component Zoom no cal fer les miniatures, ja que el propi component ens les crearà. Amb la 1ª comanda **convert** hem reduït a 360x480=172800 píxels totes les fotos que acaben amb l'extensió .jpg i per cada foto reduïda s'ha creat un fitxer anomenat activitat-0.jpg, activitat-1.jpg, activitat-2.jpg, ... Amb la 2ª comanda **convert** hem reduït a 115x86=10000 píxels totes les fotos per crear les miniatures (en anglès es diuen thumbnails o ungles del dit gros). En el cas de treballar amb Linux, seria: for ARXIU in *.jpg; do echo $ARXIU; convert -geometry 10000@ $ARXIU mini-$ARXIU; done En resum, les imatges en gran recomanem mides 360x480 o 480x360 px, vertical o horitzontal, respectivament. La miniatura, 86x115 o 115x86, vertical o horitzontal, respectivament. ===== Mostrar varis continguts en una pàgina ===== ==== El bloc ==== Aquest sistema és molt utilitzat, perquè no cal gestió. Una vegada publiquis un contingut, per exemple, una notícia, aquest, ja automàticament apareix en l'apartat del nostre web "notícies". El bloc simplement és un llistat de continguts, un sota l'altra, on mostra un títol i una introducció. Si hi ha més continguts a mostrar i un límit (només mostrar 10 continguts per pàgina, per exemple), aquest sistema, apareix la paginació. Trobareu un exemple, al [[http://zikzakmedia.com/bloc.html|bloc de l'estudi]]. ==== La etiqueta {content} ==== Pots crear continguts nous, sense categoritzar, que ens faci de presentació de la secció. Aquesta pàgina, amb una taula, pots incloure varies etiquetes {content}. Ens pot ajudar amb l'ús de taules per decidir a on col·locar el pluging, segons el disseny de la pàgina. La etiqueta {content} és un sistema similar al ús dels wikis. Aquesta etiqueta, és un petit codi, un connector (pluging), que crea automàticament el títol, l'enllaç i la introducció (o altra informació, si es necessari). A la part inferior de l'editor WYSWYG quan editis un contingut, tens disponible l'etiqueta **customcontent**. Aquesta etiqueta, t'afegirà **{content:ID}** ID és l'identificador del registre que vols publicar. Aquest número el trobaràs quan editis el contingut. Simplement el què fa aquesta etiqueta, és crear automàticament el contingut. En aquesta imatge, veiem l'edició d'un contingut sense categoritzar. En ell, apareix una taula on s'ha inserit varies etiquetes {content} {{http://www.zikzakmedia.com/media/documentation/joomla/content_edit.jpg}} En el moment que es visualitza aquesta pàgina, el connector (pluging) t'ensenyarà la pàgina, segons la plantilla establerta. {{http://www.zikzakmedia.com/media/documentation/joomla/content_view.jpg}} === La imatge content.jpg === La imatge associada a l'etiqueta {content} simplement ha de tenir el nom: **content.jpg** Al mostrar el contingut de {content}, si aquesta imatge existeix, te'l mostrarà. Consulteu al [[http://zikzakmedia.com/suport/components/suport.html|centre de suport]] quina grandària ha de tenir aquesta imatge. === Les plantilles === Si no s'especifica cap paràmetre, la plantilla per defecte, és la **default**. En el cas que el vostre lloc web tingui varies plantilles, l'etiqueta **content** s'ampliaria amb: {content:133|nom_plantilla} Si voleu fer ús de la plantilla default, no cal especificar el nom de plantilla: {content:133} Consulteu al [[http://zikzakmedia.com/suport/components/suport.html|centre de suport]] si el vostre lloc web disposa de mes plantilles. ===== Fer un vincle a una altra pàgina ===== ====Utilitzar el Mapa Web (recomenable)==== * Es recomana, que amb [[joomla:components:com_menumanager|l'eina de menús]], primer de tot, crear el l'estructura d'arbre del vostre lloc web * Accedint al Mapa web (http://domini.com/index.php?option=com_joomap) es llistarà el Mapa que has creat. * Pots copiar l'enllaç que us dóna el mapa web, i en el moment de crear un enllaç, enganxa a l'apartat URL ====Utilitzar l'eina de vincle==== * Crea un nou vincle i a la part inferior, selecciona cap a on vols que apunti el link {{:joomla:plugins:media:link_article.jpg?400}} ====Plugin Link Article==== * Veure documentació del plugin [[joomla:plugins:linkarticle|Link Article]] (només per a gestors) ===== Fer un vincle a un document ===== * Fer un link a un document, és tant senzill com fer un enllaç, a la ruta del document Pots utilitzar el [[joomla:components:com_media|Gestor de Suports]] o [[joomla:components:com_extplorer|Media File Site]] per publicar documents Per crear un vincle al document, la ruta del document dependrà dels directoris que creis {{:joomla:plugins:media:link_document.jpg?400}} Tots els documents pengen del directori **media**. La ruta següent, dependrà dels directoris que has creat. Per exemple: http://www.zikzakmedia.com/media/documentation/manuals/manual_gimp_inici.pdf Fixa't en la imatge següent, els directoris que hi ha per arribar a manual_gimp_inici.pdf: documentation/manuals/ {{:joomla:plugins:media:document_tree.jpg}} ===== No puc editar ===== Veig la icona d'editar o em surt un cadenat, però no puc editar. Si dos usuaris editen un mateix contingut, que passaria? Es guardaria, l'últim usuari que guarda, eliminant tota la feina del primer usuari. Per evitar-ho, cal que l'usuari sempre guardi l'article o cancel·li. Si estàs al mode edició, i tanques el navegador web o fas ús de les fletxes "Vés enrere" del navegador, aquell article, encara et quedarà assignat que l'estàs editant. Has de cancel·lar o guardar perquè un altre usuari, el pugui editar A Administrador -> Eines -> Entrega global, els administradors poden desblocar tots els articles, menús, ... que estiguin bloquejats per altres usuaris. ===== Els paràmetres ===== Administrador -> Continguts -> Preferències Accés només administradors Aquí decideixes quins són els paràmetres Globals (els de per defecte) ==== Paràmetres no globals==== * En el mode edició de l'article, li pots assignar paràmetres específics. * També en l'edició del menú Bloc de secció o categoria i Disposició estàndard de l'article, pots assignar paràmetres específics per la visualització del l'article, quan es navega per seccions o categories. Per exemple: * Si a l'article li especifico que Mostri l'autor, però al menú de la secció, li dic que ocult, es mostrarà l'autor, ja que es un paràmetre obligat amb la secció * Si a l'article li especifico global l'autor, però a menú de la secció, li dic que el mostri, es mostrarà l'autor, ja que l'he obligat en la secció. ===== Etiquetes no permeses ===== La llista negre d'etiquetes no permeses i s'exclouen és: 'applet', 'body', 'bgsound', 'base', 'basefont', 'embed', 'frame', 'frameset', 'head', 'html', 'id', 'iframe', 'ilayer', 'layer', 'link', 'meta', 'name', 'object', 'script', 'style', 'title', 'xml' I els atributs: 'action', 'background', 'codebase', 'dynsrc', 'lowsrc'