Diseño de Páginas Web con Adobe CS5: Dreamweaver y Flash

Objetivos:
Ampliarás tus conocimientos sobre el entorno internet, los programas de maquetación y programación de páginas web, y la creación de negocio en internet.

Dirigido a:
El curso de Diseño de páginas web está pensado especialmente para:
* Emprendedores con iniciativa que deseen montar su propio negocio en la red o que, teniendo ya su propia empresa, quieran crear su página web.
* Profesionales de la publicidad, el marketing y el diseño gráfico que busquen añadir valor a su curriculum.
* Personas que quieran aprender a crear páginas web para dedicarse profesionalmente en un futuro.
* Personas que deseen crear su página web para uso personal.

Descripción del curso

Cursos de Nuevas Tecnologías
En el ámbito laboral actual, la informática e internet se han convertido en herramientas indispensables en cualquier trabajo. El desconocimiento de estas áreas, supone una de las barreras laborales más importantes a la hora de progresar profesionalmente.

Aprende con Deusto Formación , de una manera práctica, a utilizar las herramientas necesarias. Con total flexibilidad, compatible con tu jornada laboral y con un servicio online que te permitirá realizar consultas a cualquier hora.

Domina este ámbito y podrás crecer en tu trabajo.

ESTRUCTURA Y CONTENIDOS
Los contenidos del curso se estructuran en tres carpetas entre las que se reparten nueve unidades didácticas y dos CD-ROM con videotutoriales.

El siguiente gráfico refleja sintéticamente la distribución de las unidades didácticas por módulos:

Módulo o carpeta 1. Historia de Internet y el lenguaje HTML
Se explica la historia de Internet, presentándolo como un nuevo canal de comunicación. Posteriormente, se incide en el diseño gráfico aplicado a la web, mediante la teoría del color, herramientas, tipografías y, por último, el lenguaje HTML, de manera que serás capaz de acceder al código y manipularlo directamente para conseguir los efectos deseados, conocer los lenguajes del mercado, el hipertexto y sus principales etiquetas, entre otros aspectos.

Módulo o carpeta 2. Dreamweaver
Dreamweaver es el programa por excelencia cuando se habla de creación de páginas web. La agilidad es la nota dominante en el trabajo con Dreamweaver, ya que contiene todas las posibilidades formales para crear páginas web y, además, mostradas de una forma absolutamente accesible.

Este módulo se introduce en el paradigmaWhatT You See Is WhAT You Get (WYSIWYG) y el programa Dreamweaver. Dominarás la instalación el programa, los conceptos imprescindibles, el espacio de trabajo, las hojas de estilo que te permitirán maquetar HTML mediante CSS y el Framework 960 Grid System. Posteriormente, nos centraremos en la maquetación HTML.

Módulo 3. Flash
Flash es el programa que ha revolucionado la forma de entender la animación en cuanto a su uso en la web. Por su capacidad y flexibilidad, es el medio ideal para desarrollar la propia creatividad respecto a los contenidos web.

En las unidades que componen este módulo, aprenderás a realizar animaciones que podrá introducir en tu página web, dotándola así de un acabado más avanzado.

Para ello, se habla del enriquecimiento del HTML mediante Dreamweaver, pasando posteriormente a introducir el programa Flash. Éste te permitirá crear símbolos, animaciones, importar sonidos y vídeo, utilizar gráficos vectoriales y mezclar estos elementos con imágenes de mapa de bits y elementos multimedia adicionales. Además, conoceremos el lenguaje de la programación Action Script, que permite añadir interactividad a los elementos multimedia de la página web. El módulo finaliza con los contenidos que explican cómo publicar un sitio web.

Anexo I: CD Interactivo de Google AdWords
El posicionamiento en buscadores es la técnica fundamental en toda campaña demarketing online, ya que permite la máxima segmentación del público, controlar el gasto perfectamente y hacerlo de manera dinámica. Con este CD podrás crear, planificar, administrar y optimizar una campaña en Google AdWords .

Anexo II: Adobe Acrobat Professional
Se incluye un módulo formativo de Adobe Acrobat Professional en formatoe-learning,al que se puede acceder a través del Campus Online. El Adobe Acrobat Professional te permitirá crear, editar y enriquecer los archivos en formato PDF con contenido multimedia, compartir información con formularios, recopilar comentarios de un grupo de trabajo y garantizar su viabilidad en impresiones profesionales.

La realización del curso de Diseño de páginas web culmina con la obtención del diplomaexpedido por DEUSTO Formación. Para obtenerlo, deberás superar con éxito las pruebas de evaluación que se proponen al finalizar el estudio de cada unidad didáctica.

Este diploma cuenta además con el sello que certifica la realización del curso de Google AdWords con la única empresa autorizada por Google.

Temario de las clases por videoconferencia:
Mes 1: Diseño gráfico aplicado a la web
Mes 2: Introducción al HTML
Mes 3: Tablas, capas, listas, caracteres especiales y otras etiquetas de HTML
Mes 4: Formularios en HTML. Inserción de imágenes
Mes 5: CSS
Mes 6: Introducción a Dreamweaver CS5
Mes 7: Tablas, imágenes, comportamientos y plantillas con Dreamweaver CS5
Mes 8: Posicionamiento de bloques usando CSS
Mes 9: Maquetación
Mes 10: Iniciación a Flash CS5
Mes 11: Capas, botones y ActionScript en Flash CS5
Mes 12: Publicación de un sitio web
Horas lectivas aproximadas del curso: 250 horas.

MATERIALES
El curso se compone de tres carpetas estructuradas en nueve unidades didácticas y dos CD con videotutoriales sobre los contenidos del curso. También incluye un módulo formativo de Adobe Acrobat Professional accesible desde el Campus Online, un CD interactivo con el curso de Google AdWords , 12 videoconferencias y 2 DVD de la versión educativa del softwareAdobe Dreamweaver CS5 y Flash CS5 . Estos materiales te permitirán afianzar el aprendizaje adquirido durante el estudio de las unidades, gracias al enfoque práctico de los videotutoriales que contienen aspectos relevantes del mismo.

PROGRAMA DEL CURSO
Unidad didáctica 1.Historia de Internet. Fundamentos para crear un sitio web
1. Historia y evolución de Internet
1.1. El origen de Internet
1.2. Cronología
1.3. Internet en la actualidad
1.4. Internet en el futuro
2. Internet como mecanismo de comunicación
2.1. Un nuevo canal de comunicación
2.2. Medios de comunicación y redes sociales
2.3. Legislación en Internet. La protección de datos privados y los derechos de autor
3. Conexión a Internet. Terminología y protocolos
3.1. Elementos necesarios para conectarse a Internet
3.2. Tipos de conexiones a Internet
4. Los servicios de Internet y su funcionamiento
4.1. El servicio web
4.2. El servicio de FTP
4.3. El servicio de correo electrónico
4.4. Servicios de chat y mensajería instantánea
4.5. Voz sobre IP
5. Los buscadores web
5.1. Una herramienta para buscar información
5.2. Tipos de buscadores web
5.3. Algunas preguntas sobre los índices temáticos y los motores de búsqueda
5.4. Aspectos básicos del funcionamiento de Google
5.5. Otros servicios de Google
6. Perfiles que intervienen en un proyecto web y organización de la producción
6.1. Introducción: ¿qué es un proyecto web?
6.2. Las fases del diseño web
Unidad didáctica 2.Diseño gráfico aplicado a la web
1. Teoría del color
1.1. Las propiedades del color
1.2. El tono y matiz
1.3. La saturación o intensidad
1.4. El valor o brillo
1.5. El modelo de color aditivo
1.6. El modelo de color sustractivo
1.7. Aplicaciones de los diferentes modelos de color
1.8. El significado del color
1.9. El color en el diseño web
2. Dispositivos de visualización, estándares y resoluciones
2.1. El píxel
2.2. La profundidad de color
2.3. La resolución
2.4. ¿Qué es la resolución?
2.5. Resolución de imagen aplicada a web
2.6. Resolución de imagen aplicada a dispositivos móviles
3. Tipos de imágenes aplicadas al diseño web
3.1. La compresión de imágenes para web
3.2. Otros tipos de imágenes de mapa de bits
3.3. Imagen vectorial
4. Herramientas de trabajo para optimizar imágenes web
4.1. Optimizar imágenes para web en Photoshop (JPG, GIF y PNG)
5. Diseño gráfico y usabilidad aplicada a la web
5.1. La usabilidad
5.2. Análisis de la audiencia o público objetivo
5.3. La regla de los tres clics
5.4. La interfaz web
5.5. Hacer los contenidos de la web más usables
5.6. Escribir para la web
6. La tipografía en web
6.1. Formatoserif y formatosans-serif
6.2. El tamaño de la tipografía en web
6.3. Otros aspectos importantes sobre la tipografía para web
Unidad didáctica 3.El lenguaje HTML
1. El hipertexto y los lenguajes de marcado
1.1. Qué es el hipertexto
1.2. Qué son los lenguajes de marcado
1.3. Evolución de los lenguajes de marcado
1.4. SGML y XML - HTML y XHTML
1.5. La web semántica
2. Estructura y creación de un documento HTML
2.1. Crear un documento HTML
2.2. Estructura principal: <html>, <head> y <body>
2.3. Uso del elemento Document Type Declaration (Doctype)
2.4. Idioma y codificación de caracteres
3. Principales etiquetas HTML
3.1. Etiquetas del <head>
3.2. Etiquetas y propiedades del <body>
Unidad didáctica 4.Introducción a WYSIWYG
1. ¿Qué es Dreamweaver?
1.1. Qué es una aplicación WYSIWYG
1.2. Instalación
1.3. Pasos previos a trabajar con Dreamweaver
1.4. Configuración del sitio
2. Profundizando en la interfaz de Dreamweaver
2.1. Descripción del espacio de trabajo clásico
2.2. Trabajar en la vista del código
3. Editar HTML con Dreamweaver
3.1. Elegir el tipo de documento y definir sus propiedades
3.2. Vista previa en navegador
3.3. Inserción de elementos
Unidad didáctica 5.Trabajar con hojas de estilo
1. Qué son las hojas de estilo CSS
1.1. Origen e historia
1.2. Compatibilidad de las hojas de estilo CSS y los navegadores
1.3. Uso y sintaxis de las CSS
1.4. Terminología básica
2. Hojas de estilo CSS desde Dreamweaver
2.1. Crear una hoja de estilo
2.2. Insertar una regla de estilo
2.3. Vincular hoja de estilos a un documento HTML
2.4. Aplicación de un estilo
3. Propiedades CSS
3.1. Propiedades de tipo y bloque
3.2. Propiedades de cuadro, borde y posición
3.3. Propiedades de fondo
4. Consejos prácticos CSS
4.1. Selectores especiales y pseudoclases
4.2. Uso múltiple de estilos
4.3. Atributo!important
4.4.Hacks para diferentes navegadores
4.5. Propiedades de la notación CSS abreviada
Unidad didáctica 6.Maquetando HTML
1. ¿Qué es la maquetación HTML?
1.1. Partiendo del diseño
1.2. Imaginando la maquetación
1.3. La maquetación semántica
1.4. Dividiendo el diseño y exportando las imágenes
2. Ejemplo práctico de maquetación HTML
2.1. Pasos previos a la maquetación
2.2. El proceso de maquetación
2.3. Otras herramientas de ayuda a la maquetación
3. Uso de plantillas y de estructuras predefinidas
3.1. Las plantillas en Dreamweaver
3.2. Creación de plantillas en Dreamweaver
3.3. Plantillas predefinidas en Dreamweaver
Unidad didáctica 7.Enriquecimiento del HTML mediante Dreamweaver
1. Herramientas prácticas
1.1. Mapa de imágenes
1.2. Fragmentos y uso deBuscar y reemplazar
1.3. Insertar vídeo .flv
1.4. Imagen de sustitución
2. Comportamientos y libreríaSpry
2.1. Lenguaje JavaScript
2.2. Comportamientos de Dreamweaver
2.3. LibreríaSpry
3. Creación de formularios
3.1. Etiquetas <form>, <input> y <label>
3.2. Área de texto
3.3. Casillas de verificación y botones de opción
3.4. Campoarchivo y botones
3.5. Listas de menú y menú de salto
3.6.Spry de validación
3.7. Envío de un formulario
Unidad didáctica 8.Usando Flash
1. ¿Qué es Flash?
1.1. Análisis de la interfaz
1.2. Programa de dibujo vectorial
1.3. Programa de animación
1.4. Programación orientada a objetos
2. Trabajar con Flash
2.1. Símbolos
2.2. Creación de animaciones de transición
2.3. Creación de máscaras de capa y guías de movimiento
2.4. Cajas de texto
3. ActionScript y publicación de la película
3.1. Acciones de control de la línea de tiempo
3.2. Propiedades y eventos
3.3. Uso de variables
3.4. Uso de audio
3.5. Publicar desde Dreamweaver
Unidad didáctica 9.Publicación del sitio
1. Servidores y requisitos
1.1. Servidores locales y servidores remotos
1.2. Características de los servidores remotos
1.3. ¿Qué servidor escoger?
1.4. Entorno de pruebas en un servidor local
1.5. Servidores remotos: ¿qué cliente de FTP escoger?
1.6. Configuración del cliente FTP
1.7. Asociar un dominio al alojamiento
1.8. Servicio de correo asociado al dominio
2. SEO. Posicionamiento en buscadores
2.1. La importancia de estar bien posicionado
2.2. Mecanismos para aumentar el tráfico y mejorar el posicionamiento
2.3. Preparando nuestra web y sus meta para buscadores
3. Alta en buscadores y herramientas de Google
3.1. Alta en los principales buscadores: Google, Bing y Yahoo!
3.2. Publicidad: Google AdWords y AdSense
3.3. Estadísticas: Google Analytics
3.4. Da de alta tu negocio en Google Maps
3.5. Otras Herramientas de Google para webmasters

Anexo I: CD Interactivo Google AdWords
Crear, planificar, administrar y optimizar una campaña en Google AdWords .

Anexo II: Adobe Acrobat Professional

1. Funciones básicas: ¿qué es un PDF?, área de trabajo del programa
2. Edición de documentos: navegación de páginas, presentación de PDF, control de calidad de PDF, edición de texto y objetos
3. Acciones y multimedia: índices demarcadores, capas, artículos, vínculos y enlaces, elementos multimedia y acciones
4. Control de imprenta: edición de reventado, previsualización de salida y acoplado de transparencias
5. Formularios: inserta y editar campos, tipos de campos, permisos a usuarios, distribuir formularios
6. Compatibilidad con programas: PDF en Photoshop, Illustrator e Indesing
7. PDF en Internet: posicionar y optimizar PDF. PDF en Google Docs