1. FPE Diseador Web y Multimedia
Carmina Barreiro. Curso de Adams.
Mdulo 1.
Teora. Planificar y entender.
Mdulo 3.
Dreamweaver. Bendito WYSIWYG!

2. Dreamweaver
Introduccin
Interfaz de Dreamweaver
Panel de Propiedades
Barra Insertar
Personalizar espacio de trabajo
Dividir para ver Cdigo
3. Dreamweaver
Crear un Sitio Web
Como crear y modificar datos del sitio
Ventana Archivo
Conocimientos bsico del nombre delos archivos.
4. Dreamweaver
Escribir
Cuidado al copiar desde Word u otra web y Pegar en Dreamweaver
Estilos predefinidos
Prrafo
Encabezados
Listas
Listas Numeradas
5. Dreamweaver
Insertar enlaces. Barra propiedades
Enlaces a pgina
Enlaces externos
Enlaces a correos
Comprobar vnculos
6. Dreamweaver
Las imgenes
Caractersticas y Formatos para Web
Insertar una imagen y propiedades
7. Dreamweaver
Las Tablas:
Propiedades de la Tabla
Propiedades de las Filas
Propiedades de las Celdas
Combinar Celdas
Truco Borde Fino con color de fondo y espacio entre celdas
Usar imgenes de fondo
8. Dreamweaver
Formularios:
Elementos de Formularios
Pgina de Respuesta
A Tomar en Cuenta:
Ya no se usa tanto y es innecesario el botn borrar.
Solicitar la informacin mnima indispensable.
Disposicin a rellenar formularios es directamente proporcional al inters del usuario (No te creas Dios)
Cuidado con la manadecampos obligatorios.
No limitar el nmero de caracteres sin necesidad.
No olvidar la Ley de Proteccin Datos
til para medir conversiones de publicidad online.
9. Dreamweaver
Formularios. Cmo funciona el envo de datos:
10. Dreamweaver
Los Comportamientos (Javascript sin programar!)
Javascript: lenguaje de programacin orientado objeto que permite mejoras en la interfaz de la web
Qu es la programacin orientada a Objetos?una forma de programacin que usa objetos y sus interacciones, para disear aplicaciones y programas informticos.
Elementos Fundamentales Comportamientos:EVENTO afecta a un OBJETO desencadena una ACCIN
11. Dreamweaver
Los Comportamientos. Usos:
Validar formularios
Imgenes de sustitucin
Abrir nueva ventana
12. Dreamweaver
Las imgenes
Mapear una imagen
Crear imgenes de sustitucin
Imagen en reposo
Imagen en onMouseOver
13. Dreamweaver
Elementos Spry:
Barra de Navegacin de Spry
Acorden
Formularios con Validacin
14. Dreamweaver
Trabajar con Plantillas:
Crear Plantillas
Crear Documento a partir de plantilla
Aplicar plantilla a documento
Aplicar cambios desde una plantilla
Uso para una web un segundo idioma
15. Dreamweaver
RECURSOS:
Imgenes, ilustraciones, animaciones, sonido:
Istcokphoto: http://www.istockphoto.com/
Fotolia: http://es.fotolia.com/
Dreamstime: http://www.dreamstime.com/
16. Dreamweaver
RECURSOS:
Tipografas Gratis:
http://www.fontsquirrel.com/
http://www.exljbris.com/
Complemento de Firefox parainspeccionar el cdigo de una web: Firebug (http://getfirebug.com)
17. Dreamweaver
NOTA FINAL: Las imgenes de Dreamweaver incluidas en esta presentacin corresponden a la interfaz de la versin CS3 para Mac. Pueden variar ligeramente de la versin para PC. Pero ambas incluyen las mismas funciones, en el mismo lugar.