Informació bàsica

Aquest curs forma part d'un programa modular en el que l'estudiant pot triar el seu itinerari formatiu, realitzant la totalitat o part del programa, amb l'obtenció del/s títol/s corresponent/s. >Diploma d'Especialització en Disseny i Creació Web (al realitzar els mòduls 1, 2, 3, 4 i 5). >Curs d'Especialització en Photoshop - Illustrator (al realitzar el mòdul 1). >Curs d'Especialització en Flash (al realitzar el mòdul 2). >Curs d'Especialització en Dreamweaver (al realitzar el mòdul 3). >Curs d'Especialització en Desenvolupament Web (al realitzar el mòdul 4).

 

1.1 Disseny gràfic orientat als llocs web
– Coneixements bàsics de disseny gràfic i disseny multimèdia.
– El color i la composició.
– El meravellós món de la tipografia.

 

1.2 Illustrator CS3
– Entorn de treball: introducció, fonaments; eines, panels i inspectors.
– Documents: obrir, guardar; crear documents, crear plantilles i importar imatges.
– Projectes: configurar el document i la informació; eines necessàries.
– Dibuix d’objectes: eines bàsiques de dibuix, atributs gràfics; traçats i punts.
– Edició de traçats: inspectors; dibuix amb ploma i corbes Bézier.
– Color: teoria bàsica del color, modes de color; crear i administrar el color; gestió del color per a web i per impressió.
– Modificació d’elements: tallar, dividir i unir traçats; aplicar transformacions a traçats i punts.
– Organitzar la il•lustració: agrupar, alinear i còmput numèric; capes i estils.
– Incloure text: blocs de text, vinculació de blocs; edició de text; unir text a traçats; traçar el text.
– Especials: aplicació de filtres i efectes. Compatibilitat Illustrator i Flash.

 

1.3 Photoshop CS3
– Entorn de treball: introducció, fonaments; eines i panels.
– Documents: obrir i guardar arxius; nous documents; resolució de les imatges i modes de color.
– Iniciar projectes: configurar el document; entendre Photoshop com a eina per il•lustrar, com a laboratori de color, per retocar i preparar imatges i per generar originals i recursos gràfics.
– Eina d’il•lustració: eines bàsiques de dibuix i selecció, opcions d’aquestes eines, pinzells, colors i capes.
– Laboratori de color: modes de color, ajustar imatges, nivells i corbes, variacions i altres.
– Retoc i preparació d’imatges: resolució i formats, filtres i especials, reconstruir i reinventar parts de les imatges, enquadrar imatges.
– Creació d’originals: organitzar la il•lustració, capes, blocs de text; comparativa amb FreeHand; generar recursos per a web i multimèdia.
– Photoshop i web: recursos, optimització de gràfics i d’arxius, ajustar qualitat en web; modes de color específics, automatitzar tasques, accions i droplets.
– ImageReady: animacions en format gif.

Mòdul 2. Curs d’Especialització en Flash (30 hores). 
2.1 Primeres passes amb Macromedia Flash cs3.
– Entorn de treball.
– Dibuixar amb Flash.

2.2 Animacions amb Flash (1).
– Animació seqüencial i animació interactiva.
– La línia del temps, fotogrames clau, capes i guies.
– Animacions fotograma a fotograma.

2.3 Animacions amb Flash (… i 2).
– Interpolacions de moviment i de forma.
– Aplicació de màscares.
– Les escenes.

2.4 Els símbols
– Creació i edició de símbols: clips de pel•lícula, gràfics i botons.
– La biblioteca.

2.5 ActionScript Basic.
– El panell d’accions.
– Les accions de fotograma.
– Les accions aplicades als botons.

2.6 El so a Flash
– Importació i aplicació d’efectes de so.
– Sincronització del so a objectes.

2.7 Publicació de pel•lícules de Flash
– Opcions de configuració.
– Optimització per web.
– Els precarregadors de pel•lícules.

Mòdul 3. Curs d’Especialització en Dreamweaver (45 hores). 
3.1 Internet i web
– Conceptes generals d’Internet.
– Els navegadors i la web, diferències i coneixements bàsics.
– Els serveis a Internet —www, ftp, e-mail— i el seu funcionament.
– Versions HTML i CSS. Estàndards del W3C.

3.2 Anàlisi
– Com s’estructura un lloc web. Punts d’entrada, de sortida, nivells, conceptes referits a la profunditat i facilitat de navegació.
– Qui s’adreça als llocs web i com prendre decisions tècniques en funció d’aquest paràmetre (exemple amb Google Analytics).
– Distinció d’estils de maquetació en funció dels recursos tècnics usats (capes, taules...).

3.3 Estructura
– Desenvolupar l’esquema del lloc web que s’ha de treballar durant el curs, tenint en compte allò explicat fins ara.
– Preveure i concretar els passos de creació i desenvolupament del lloc en funció de l’orientació personal de cada alumne.
– Vincles entre pàgines.

3.4 Maquetació (1)
– Conceptes sobre tipografies a aplicar en el web.
– Resolucions apropiades pel disseny de pàgines web.
– Com crear el lloc web a Dreamweaver i començar la maquetació de les pàgines.
– Gestió de les pàgines del lloc a través de Dreamweaver.

3.5 Maquetació (2)
– El llenguatge HTML.
– CSS i estils aplicats: en línia o vinculats.
– Elements HTML.

3.6 Maquetació (3)
– Herència CSS.
– Selectors CSS.
– Propietats CSS.

 

3.7 Maquetació (4)
– Estructura de la web mitjançant CSS.
– Taules.

3.8 Llocs webs dinàmics
– Introducció.
– Paràmetres.
– Formularis.
– Conceptes bàsics de bases de dades: taules i consultes.
– Connexió i accés a les bases de dades.
– Llistats i fitxes de les dades.

Mòdul 4. Curs d’Especialització en Desenvolupament Web (90 hores).
4.1  Documentació i ideació
– S’explicaran diferents metodologies per fer sessions d’afluència (creativitat) i d’ideació, així com tècniques de recerca documental que nodreixen i enriqueixen un projecte.
– Presentació d’un cas pràctic real en les seves fases inicials de brífing, de documentació i d’ideació.

4.2 Desenvolupament de la proposta gràfica
– Aplicació de les eines de disseny gràfic professional (bàsicament FreeHand i Photoshop) orientades a assolir una proposta gràfica d’un lloc web.
– Presentació d’un cas pràctic de desenvolupament de proposta gràfica d’un projecte real.

4.3 Maquetació d’un lloc web amb estils
– Aplicació de les eines de maquetació web (bàsicament Dreamweaver). La maquetació es durà a terme mitjançant estils CSS i tenint en compte els paràmetres d’accessibilitat recomanats pel consorci W3C.
– Presentació d’un cas pràctic de maquetació amb estils CSS d’un projecte real partint d’una proposta gràfica inicial.

4.4 Animació i ActionScript
– Aplicació del programari Flash per dur a terme animacions en un lloc web. També es farà una breu aproximació al llenguatge de programació nadiu de Flash, l’ActionScript.
– Presentació d’un cas pràctic d’una animació duta a terme en el marc d’un projecte real.

4.5 Els llocs webs dinàmics
– S’explicaran conceptes bàsics referents a bases de dades i als llocs web dinàmics.
– Es duran a terme diferents aplicacions bàsiques amb ASP, per tal que puguin ésser aplicades a un lloc web real.

4.6 L’àudio i la música als llocs web
– S’explicarà la importància de la música i l’àudio en un audiovisual en general i en un lloc web en particular.
– Presentació d’un cas pràctic de la composició musical i dels efectes sonors d’un lloc web real.

4.7 El vídeo als llocs web
– S’explicarà la importància que té la incorporació dels documents videogràfics a Internet.
– Es durà a terme un petit enregistrament i posterior edició d’un document videogràfic per utilitzar en un lloc web.

4.8 Seminaris
Professionals del sector faran diferents sessions per explicar conceptes com:
– La imatge de síntesi (3D) als llocs web.
– El Net-art, o l’art a la xarxa
– El bloc.
– El futur d’Internet.

Mòdul 5. Treball final (45 hores).
El treball final suposarà la culminació de tot el procés d’aprenentatge dut a terme en els quatre mòduls anteriors. L’alumne haurà de crear un lloc web seguint totes les fases de desenvolupament d’un lloc web professional. Aquest lloc web finalitzat haurà d’anar acompanyat d’una memòria explicativa de tot el procés seguit fins a la consecució del producte final.

Jordi Reixach Sànchez. Director d’art de l’empresa Estudi J+1 i professor de l’Escola de Realització Audiovisual i Multimèdia (ERAM). 

Josep Ponsatí Cornellà. Enginyer tècnic en Informàtica de Gestió per la Universitat de Girona. A mitjan 2007, juntament amb el seu germà, va crear l’empresa Interactiu especialitzada en desenvolupament web, aplicacions en xarxa, SEO (Search Engine Optimization) i SEM (Search Engine Marketing). Imparteix classes a l’Escola Universitària ERAM des del curs 07-08.

*La direcció es reservarà el dret de fer canvis en l'equip docent en cas que algun dels professors no pugui impartir la seva matèria, garantint el mateix nivell de qualitat i categoria professional.