MÒDUL DISSENY I MANTENIMENT DE PÀGINES WEB

FORMACIÓ

En aquest curs s'ha efectuat l'aprenentatge de les matèries necessàries per poder dissenyar i programar un lloc web.

1. ASPECTES GENERALS

1.1 Configurar i instal·lar diversos programes d'accés a Internet.
1.2. Configurar el software adequadament.
1.3. Conèixer les característiques dels diferents sistemes d'accés a la xarxa.
1.4. Buscar informació a través d'Internet.
1.5. Descarregar programes des de la xarxa.
1.6. Utilitzar altres aplicacions i serveis d'Interne.
1.7. Conèixer els diferents tipus de sistema de codificació dels colors.
1.8. Imatges digital. Conèixer conceptes com, resolució, píxel,  profunditat del color. Diferencies entre els principals formats, JPG, GIF, BMP, PNG, TIFF....
1.9. Que és un Blog?
1.10 Com fer un bon blog.
1.11 Com començar a fer una pàgina web.
1.12 Tipus de pàgines.
1.13 Com distribuir els continguts en un lloc web
1.14 Planificació d'un lloc web: anàlisi, disseny, desenvolupament, proves, implantació.
1.15 Introducció al diferents protocols que trobem a internet. HTTP, FTP, SSL, TCP/IP...

Conèixer els diferents navegadors i les seves diferències

Explorer           Firefox           Chrome           Opera          Safari

2. HTML/XHTML

2.1. Introducció. Format i aparença bàsica d’un document XHTML.
2.2. Conèixer les etiquetes i les regles a seguir.
2.3. Treballar amb enllaços, vincles o links.
2.4. Posar imatges, treballar amb les diferents propietats.
2.5. Treballar amb taules.
2.6. Treballar amb capes (div).
2.7. Crear un formularis per recollir informació.
2.8. Dissenyar un lloc web amb xhtml.
2.9. Crear pàgines web, utilitzant els diferents elements del llenguatge XHTML.

Llenguatge XHTML i editor de text Notepad++

Consorci regulador de l'estàndard XHTML                 editor de text

3. CSS

3.1. Introducció a les fulles d'estil.
3.2. Propietats del estils CSS.
3.3. Inserció de fulles d'estil en pàgines HMTL.
3.4. Buscar informació a Internet sobre les fulles d'estil en cascada.
3.5. Trobar informació sobre novetats CSS 3.
3.6. Utilització de CSS amb el diferents projectes.
3.7. Crear pàgines web, utilitzant els diferents elements del llenguatge XHTML + CSS.

4. JAVASCRIPT

4.1. Introducció al Javascript.
4.2. Operadors i Expressions.
4.3. Variables i tipus de variables.
4.4. Estructures de Control.
4.5. Funcions.
4.6. Esdeveniments.
4.7. Control de formularis.
4.8. Objectes del llenguatge
4.9. Investigar a internet i localitzar informació sobre Javascript i les seves normes
4.10. Acces al model d'objectes de document DOM
4.11. Creació de l’arbre de nodes per part del navegador.
4.12. Tipus de nodes.
4.13 Creació i eliminació de nodes amb JavaScript.
4.14. Control d'esdeveniments des de DOM.
4.15. Exercicis varis per practicar els coneixements adquirits.
4.16. Repàs general de tots el conceptes de JavaScript amb exercicis.
4.17. Utilització de JavaScript en els diferents exercicis i projectes.

5. DREAMWEAVER

5.1. Definir un "sitio web".
5.2. Funcionament de l’aplicatiu.
5.2. Treballar amb taules amb Dreamweaver.
5.3. Creació, posicionament i edició de capes amb Dreamweaver.
5.4. Crear un menú amb capes.
5.5. Maquetació d'una pàgina amb capes.
5.6. Utilització de les plantilles per crear un site web.
5.7. Creació i utilització d'elements de biblioteca per incorporar a les pàgines web.
5.8. Creació d'una lloc web utilitzant Dreamweaver: planificar el lloc Web, creació de vincles, optimització d'imatges, aplicar estils CSS, creació de taules, ús de capes, creació de formularis.
 

6. PHOTOSHOP
 

6.1. Funcionament de l’aplicatiu.
6.2. Treballar amb diferents tipus d'imatges
6.3. Realització de les operacions bàsqiues de Photoshop
6.4. Utilització de les capes (crear, desplaçar, duplicar. Ordre,…)
6.5. Transformacions bàsiques (retallar, l'opció transformar,…)
6.6. Optimització d'imatges per penjar en una pàgina web
6.7. Maquetació d'una pàgina web segons model presentat
6.8. Retoc de fotografies
6.9. Crear un arxiu GIF, JFG, PNG.
6.10. Utilització de Photoshop per la realització dels treballs.

7. PHP / Bases de Dades MySQL

7.1 Què és el PHP?
7.2 Característiques de PHP
7.3 Instal•lar un servidor Local amb PHP
7.4 Servidor web Apache.
7.5 Què és una Base de Dades?
7.6 Instal•lació de MySQL
7.7. Introducció al llenguatge SQL
7.8. Creació de taules i consultes amb SQL.
7.9. Inserir, modificar i eliminar dades.
7.10. Primers exemples amb PHP
7.11. Editors de codi PHP
7.12. Primers passos amb PHP
7.13. Comentaris en el codi
7.14. Variables amb PHP
7.15. Concatenació
7.16. Break o salt de línea
7.17. Arrays amb PHP
7.18. Operacions i mètodes de les Arrays
7.19. Càlculs amb PHP
7.20. Creació i anàlisi de formularis
7.21. Formularis avançats
7.22. Protecció amb Contrasenya (encriptació MD5).
7.23. Bucles
7.24. Enviar un formulari d'opinió
7.25. Accés a dades des de PHP
7.26. Utilització de PHP+MySQL en exercicis i projectes.

8. JQUERY

8.1. Introducció a jQuery.
8.2. Descarrega del fitxer de codi.
8.3. Diferenciació de les diferents llibreries, UI, Plugins.
8.4. Programació amb jQuery.
8.5. Creació d’efectes.
8.6. Creació de galeries d’imatges.
8.7. Utilització de jQuery en exercicis i projectes.

9. PROYECTES I EXERCICIS

9.1 Exercicis amb XHTML, CSS, JavaScript, PHP, Bases de Dades, jQuery.
9.2 Diseny i realització dels projectes reals.