Category Archives: General

Feina feta!

Després d’unes quantes setmanes de feina hem arribat al final!

Espero que gaudiu de les possibilitats de les aplicacions comentades al curs i d’aquelles que anireu descobrint al núvol.

Molt bona feina i fins a la propera!

Optimitzar imatges

Tractar imatges per inserir-les al web és una tasca fonamental per incrementar la satisfacció de l’experiència d’usuari/ària i rendibilitzar la velocitat de càrrega de les nostres pàgines.
En moltes ocasions és necessari fer un tractament de les imatges originals per tal de modificar la seva mida (amplada i alçada mesurada en píxels) i el seu pes (mesurat en kb). Per fer aquest tractament disposem de molts programes i aplicacions. La nostra pràctica la farem amb un de codi lliure, el GIMP. Podeu descarregar-vos una versió portable o bé fer una instal·lació.

Tractament d’imatges. Tasques bàsiques amb el GIMP.

Obrir una imatge

Feu clic al menú “Fitxer” de la finestra principal “GIMP”.
Escolliu l’opció “Obre”.
Cerqueu la imatge que voleu obrir i un cop seleccionada feu clic al botó “Obre”.

gimp_2

Escalar una imatge

Obriu una imatge.
Feu clic al menú “Imatge” de la imatge que teniu oberta.
Escolliu l’opció “Escala la imatge”.
Modifiqueu els valors d’amplada i/o alçada i feu clic al botó “Escala”.
La cadena que mostra la fletxa blava, activa o desactiva l’opció de mantenir la proporció de la imatge. És a dir, si tenim la cadena activada i reduïm l’amplada de la imatge a 250 píxels, el programa automàticament calcularà l’alçada corresponent. Si en canvi volem modificar la imatge sense mantenir les proporcions originals hem de fer clic a la cadena abans de modificar l’alçada i amplada de la imatge.

gimp_4

Retallar una imatge

Obriu una imatge.
Feu servir l’eina “Selecció rectangular” d’eines per seleccionar una àrea de la imatge.

gimp_8

Feu clic al menú “Imatge”.
Escolliu l’opció “Escapça la selecció”.

gimp_7

Desar una imatge

Per a poder desar els canvis que heu realitzat sobre una imatge feu clic al menú “Fitxer” de la imatge i escolliu “Desa” o “Anomena i desa”. És important que la imatge la deixem en un format vàlid per la web.

Hi ha tres tipus d’imatge vàlids per a publicar a la web: JPEG, PNG i GIF. Els dos primers els farem servir per a les imatges amb molts colors, com les fotografies i el GIF el deixarem per a les imatges amb pocs colors tipus gràfiques.

Desfer una acció

Podeu desfer qualsevol acció prement Ctrl + Z o bé fent clic al menú “Edita -> Desfés”. El GIMP permet desfer moltes accions, no només l’última, cosa que ens permet treballar amb la seguretat que sempre podem tornar molts passos enrera.

Més informació

A continuació teniu una llista d’enllaços on trobar informació ampliada del programa:
Guia de programari lliure de l’XTEC: http://www.xtec.cat/at_usuari/guies/pl
Manual oficial del programa: http://docs.gimp.org/es/

Tasques 2a sessió

Espero que tots/es disposeu ja del vostre bloc operatiu de cara a la sessió del dimarts 15. Recordeu que heu de portar , com a mínim,3 fotografies per fer la pràctica d’inserció d’imatges al bloc i deixar-les a la mediateca pròpia d’aquest.

Aprofitarem per veure com podem optimitzar per a Internet les imatges fetes amb les nostres càmeres digitals, de manera que es visualitzin amb la major qualitat possible i els temps de càrrega siguin curts.

Web 2.0?

Web 2.0?

Si preguntem a deu ususaris d’Internet pel significat del concepte Web 2.0 és molt probable que obtinguem tantes respostes diferents com ususaris consultats. Això en el cas hipotètic que realment saben de què els estem parlant! Es fa difícil trobar una definició “universal”. Sigui quina sigui però la definició sembla clar que la web, tal i com ara la coneixem, està en un procés d’evolució significatiu que donarà com a resultat un espai d’informació que afectarà en profunditat i per sempre a la manera en la qual accedim i administrem la informació.

La creença que la Web 2.0 no és una innovació tecnològica sinó més aviat una filosofia agafa cada vegada més popularitat.

Observeu aquesta imatge que vindria a resumir d’alguna manera el concepte:

Núvol d'etiquetes de la web 2.0

Us proposo la lectura d’un document que aportarà elements de reflexió al voltant del que estem comentant:

Altres dues aportacions al tema: