Programación y Diseño de Páginas Web

DESCRIPCION DEL CURSO

En el curso se estudian las principales aplicaciones de la Informática a los trabajos del diseño de páginas web.
La evaluación de los conocimientos consta de unas priebas teóricas y prácticas que el alumno desarrrollará según la velocidad que él mismo imprima en el curso, asistido constantemente por su profesor; al cual podrá exponerle todas las dudas que le surjan en su desarrollo.
El alumno, una vez que finalice su formación estará capacitado para:
- Conocer y dominar el funcionamiento de internet y todas sus utilidades.
- Dominar todas las herramientas de diseño y programación más importantes (Dreamweaver, Flash, Fireworks).
- Aprende todo lo necesario sobre servidores y dominios, para poder gestionar una web.
- Adquiere los conocimientos de diseño necesarios para plasmar conceptos en páginas web.

TEMARIO
FireWorks

- TEMA 1
o Introducción a Fireworks MX
o La configuración de un documento
o Herramientas de dibujo vectorial
o Seleccionar objetos vectoriales
- TEMA 2
o El color
o Trabajo con trazos
o Opciones de visualización y control de acciones
- TEMA 3
o Trabajar los objetos
o Trabajar los objetos II
o Trabajar los objetos III
o La creación de efectos
o Efectos II
- TEMA 4
o Trabajar con texto
o La transparencia, las máscaras y los modos de mezcla
o Los mapas de bits
o Automatización de tareas
- TEMA 5
o Importar
o La optimización
o La animación en Fireworks
o Los símbolos
o Interpolación de movimiento
- TEMA 6
o La interactividad en Fireworks
o Divisiones
o Los comportamientos
o Práctica: Creación de menús emergentes
o Exportación
Dreamweaver

- TEMA 1

• • Introducción a Dreamweaver MX
    • Concepto de página Web y Web Site
    • Ejemplos de páginas Web
    • Comenzando Dreamweaver
  • Algunas cuestiones previas a tener en cuenta
    • Antes de comenzar el proyecto
    • Preferencias (Ctrl+U)
  • Nuestro primer contacto con Dreamweaver
    • Área de trabajo en nivel Sitio
    • Propiedades de un sitio
    • Añadir páginas a un sitio
  • Área de trabajo en nivel página

- TEMA 2

• • El texto en Dreamweaver
  • Propiedades del texto
  • Propiedades del texto. Segunda parte
    • Otras opciones para trabajar con texto
    • Panel Objetos. Grupo Caracteres
  • Trabajar con tablas
  • Propiedades de las tablas
    • Combinar celdas
    • Dividir celdas
    • Propiedades de celda, fila y columna
    • Tablas anidadas
    • Modo disposición
    • Práctica

- TEMA 3

• • Vincular documentos
    • ¿Qué son los vínculos?
    • Tipos de enlaces
  • Vínculos relativos y vínculos de página
  • Vínculos entre páginas de un sitio
    • Crear una hoja de estilos para los vínculos
    • Relacionar páginas
  • Opciones de visualización
    • Práctica

- TEMA 4

• • Insertar objetos
    • Panel insertar
    • Insertar imagen
    • Panel activos
    • Práctica
  • Propiedades de la imagen
    • Zonas interactivas
  • Imágenes de sustitución
    • Práctica
  • Barras de navegación
    • Práctica
  • Panel insertar
    • Insertar datos de tabla
    • Insertar capa
    • Insertar fecha
    • Insertar HTML de Fireworks
    • Insertar Flash

TEMA 5

• • Hojas de estilos, marcos y propiedades de página
    • Hojas de estilos
    • Hojas de estilos CSS
  • Conjuntos de marcos
    • Guardar los conjuntos de marcos
    • Contenido de los marcos
    • Propiedades de los marchos
    • Propiedades del conjunto de marcos
    • Vínculos entre marcos
    • Práctica
  • Propiedades de la página
  • Color para texto y vínculos
  • Otras opciones de las propiedades de página
    • Codificación del documento
    • Imagen de rastreo
    • Visualización en modo nivel de página

TEMA 6

• • Capas y animación
    • Capas
    • Propiedades de las capas
  • Operaciones con capas
    • Convertir capas en tablas y tablas en capas
    • Práctica
  • Animaciones
    • 6.3.1. Práctica

TEMA 7

• • Formularios
    • Tipos de formularios
    • Creación de un formulario
    • Campos de texto
  • Formularios. Segunda parte
    • Casillas de verificación
    • Botón de opción y grupo de opción
    • Menú desplegable y listas
  • Formularios. Tercera parte
    • Campos de archivo
    • Campo oculto
    • Campo de imagen
    • Insertar botones
  • Validación y envío de formularios
    • Localización de datos erróneos
    • Propiedades del formulario
    • Práctica

TEMA 8

• • Comportamientos e interactividad. Publicación
    • Comportamientos e interactividad
    • Acciones
  • Acciones
    • Abrir ventana del navegador
    • Carga previa de imágenes
    • Comprobar navegador
    • Comprobar plug-in
    • Controlar Shockwave o Flash
  • Acciones. Segunda parte
    • Controlar sonido
    • Línea de tiempo
    • Mensaje emergente
  • Eventos
  • Comprobación de vínculos
  • Publicación
    • Preparar la conexión
    • Publicar
    • Actualizar páginas
    • Recuperar archivos

Flash MX
TEMA 1

• • Introducción a Flash MX y sus herramienta de dibujo
    • Los comienzos
    • ¿Qué es Flash MX?
  • Requisitos del sistema para la instalación de Flash MX
    • Para Microsoft Windows
    • Para Macintosh
    • Requisitos del sistema para Flash Player
  • Dibujo vectorial y Mapa de bits
    • Algunas cuestiones a tener en cuenta
  • La interfaz y las herramientas de dibujo
    • La interfaz
    • Paneles
    • Barras de herramientas
    • Los comandos
    • Herramientas de dibujo
  • Herramientas de selección y borrado
  • Herramientas de pintura
    • La paleta de color
    • Creando y aplicando degradados a los objetos
    • El panel de propiedades
  • Práctica

TEMA 2

• • Operaciones Básicas
    • Abrir, cerrar y guardar documentos
    • Operaciones básicas del menú edición
  • Opciones de visualización
    • Opciones de visualización en el menú ver
  • El panel alinear y el panel info
    • El panel alinear
    • El panel info
  • Transformar objetos
    • Transformación libre
    • Panel transformar
    • Transformar desde el menú Modificar
  • Modificar objetos
    • Opciones del menú modificar

TEMA 3

• • Trabajar con objetos agrupados y organizarlos
    • Agrupar objetos
    • Organizar objetos
  • Trabajar con texto
    • Insertar y seleccionar texto
    • Tipos de texto
    • Edición de texto
    • Panel de propiedades de texto
    • Opciones de texto
    • Transformar texto en línea y relleno
  • Trabajar con capas
    • Efecto de sombra
    • Efecto de neón
    • Efecto de degradado
  • Trabajar con símbolos
    • Concepto de símbolo e instancia
    • Tipos de símbolos
    • Modificar instancias
  • La Biblioteca
    • La ventana biblioteca
    • Opciones de la biblioteca
    • Abrir como biblioteca

TEMA 4

• • Configuración del documento
  • Trabajar con la línea de tiempo de Flash MX
    • La línea de tiempo
  • Tipos de fotogramas
  • Manipular fotogramas
    • El menú insertar
    • El botón derecho del ratón y su menú contextual
    • Manipular fotogramas

TEMA 5

• • El menú control
  • Interpolación de movimiento
  • Opciones de la interpolación de movimiento
  • Animación con máscara
  • Interpolación de forma
  • La pista de forma

TEMA 6

• • Interpolación con guías
    • Capas guía
    • Práctica
  • Importar y exportar archivos
    • Importar
    • Exportar
    • Exportar imagen
  • Trabajar con imágenes de mapa de bits
    • Colorear un mapa de bits
    • Editar un mapa de bits con un programa externo
    • Propiedades de los mapas de bits
    • Convertir un mapa de bits en vectorial

TEMA 7

• • Los botones
    • Concepto de botón
    • La línea de tiempo del botón
    • La biblioteca de botones
  • La navegación en escenas y el explorador de películas
    • La navegación en escenas
    • El explorador de películas
  • Introducción a Actionscript
    • El panel acciones
    • Acciones de objetos
    • Acciones de fotograma
  • Acciones básicas de Actionscript
    • Concepto de acción básica
    • Go to
    • Play
    • Stop
    • Ejemplo
    • Stop all sounds
    • Get URL
    • FS command
    • Load movie
    • Unload movie
    • Tell target
    • If frame is loaded
  • Prácticas
    • Tell target
    • Go to y las etiquetas

TEMA 8

• • Sonido
    • Sonido: lo positivo y negativo
    • Importar sonido
    • El panel sonido
    • Agregar sonido a un botón
    • Sincronizar sonido e imagen
  • Prácticas de sonido
    • Ejercicio caballo
    • Ejercicio avión
  • Práctica load movie
  • La publicación