Objectius
- Adquirir els coneixements necessaris per a crear, editar i mantenir llocs Web d'una forma senzilla i eficaç.
- Adquirir els coneixements de fons bàsics que envolten a l'entorn de la creació i disseny de llocs Web i que resulten imprescindibles a l'hora d'abordar un projecte en Internet.
- Conèixer les eines que Dreamweaver, Flash i Photoshop posen a disposició de l'usuari per a la maquetació de pàgines Web.
Temari
- Internet i la Web. Conceptes bàsics
- Definir un Lloc
- Organitzar carpetes
- Dreamweaver: Entorn de treball i panells principals
- Panells principals
- Panell de Propietats (modificar i definir l'estètica general d'una pàgina web html)
- Editar text en html. Propietats generals. Crear un link de text
- Insertar imatges. Crear link a partir d´una imatge
- Crear una imatge de substitució(mitjançant Photoshop; guardar imatges optimitzades per web)
- Crear una imatge de substitució dinàmica(mitjançant Photoshop; guardar imatges optimitzades per web)
- Links o hipervíncles
- Creació de links de text editat en Dreamweaver; links d´imatge; links d´imatge de substitució; email link; crear botó link en Flash
- Crear vincles en un punt de fixació específic del web site.
- Pàgines que continguin marcs o frames
- Creació de llocs web utilitzant marcs o frames
- Utilitats i ús general d´aquests
- Gifs animats. Creació i utilitats (Animation Shop)
- Creació de gifs animats.
- Capturar-los i modificar-los
- Dissenyar un formulari en Dreamweaver
- Definir l´espai d´un formulari
- Reconèixer i crear l´aspecte estètic d´un formulari
- Estils .CSS
- Què és un estil .css?
- Com crear un estil .css
- Importància dels estils .css per al disseny de pàgines web
- Altres: Obrir finestra de Navegador. Crear una finestra nova en el navegador de dimensions definides pel dissenyador
- Tags Java Script d´interès
- Deshabilitar el botó dret del mouse
- Elements invisibles (targeta de presentació dintre del head)
- L´entorn de Flash
- Organitzar l´entorn de treball
- Treballar amb pel·lícules
- Insertar pel·lícules .mov i .avi dins Dreamweaver
- Modificar i editar pel·lícules .mov i .avi a Flash, i col·locar dins Dreamweaver
- Dibuixar amb Flash
- Gràfics vectorials i mapes de bits
- Eines de dibuix
- Modificar figures amb l´eina subseleccionar
- Modificar figures amb l´eina fletxa
- Seleccionar mitjançant l´eina llaç
- Esborrar amb Flash
- Els colors en Flash
- Color de farciment i color de contorn
- Identificador de colors o comptagotes
- Panells de traç i farciment
- Aplicar colors a partir de l´eina pot de pintura
- Treballar amb textos
- Les fonts en Flash
- Crear i modificar l´aparença de textos en Flash
- Biblioteques de símbols
- Conceptes bàsics
- Crear un símbol (botó, clip de pel·lícula, gràfic)
- Botons
- Gràfics
- Clips de pel·lícula
- Biblioteques de símbols
- Animacions. La línia de temps
- Les capes
- Els fotogrames o frames (en Flash)
- Animació fotograma a fotograma
- Animació mitjançant interpolació de moviment
- Crear una animació per interpolació de moviment
- Animació amb màscares
- Interpolació de forma
- Photoshop
- Capturar una imatge digital i tractar-la en Photoshop per usar-la a la web
- Resolució (ppp o dpi)
- Optimitzar imatges mitjançant Photoshop
- Diferències entre .jpg i . gif (.png), Quan hem d'usar un o un altre per la web?
- Tractar imatges amb transparències
- Creació d´un “shim” i aplicació d´aquest
- Eines generals de Photoshop (panell eines)
- Dibuixar amb Photoshop (eina ploma i eina llañ)
- Tractament de color de les imatges per la web
- Treballar per capes. Aplicar estils de capa com: ombres, bisel i relleu, teixidures…
- Eina desenfocar
- Eina tampó de clonar (restaurarem una foto antiga o malmesa)
- Creació d´una web i d´una galeria fotogràfica en 5 minuts mitjanñant Photoshop
- FAQ
- Què faig una vegada tinc creada una pàgina web?”
- Registre de dominis (.es, .net, .com, .org, .cat, .tv, .biz, ...)
- Hospedatge web
Certificat
Al finalitzar el curs es lliurarà a cada alumne un certificat acreditatiu dels estudis i treballs realitzats.
