DISEÑO Y DESARROLLO WEB CON HTML 5 Y CSS3

INTRODUCCIÓN

Internet y las páginas Web
¿Qué es internet?
Las páginas Web y la World Wide Web (WWW)
Funcionamiento y navegación
El lenguaje HTML
Las Hojas de estilo CSS
¿Qué hace falta para realizar una página Web?

Navegadores
Introducción
Navegadores para la WWW

Ubicación, tipo y contenido de las páginas Web
El Servidor
Clasificación de las páginas Web
Contenido y recursos en la creación de una página Web

HTML

El lenguaje HTML
Introducción
HTML

Elementos y estructura básica
Introducción
Creación de un documento html
Elementos
Estructura básica

Directivas de texto
Introducción
Saltos de línea y espacios en blanco
Párrafos
Secciones
Cabeceras
Separadores
Bloque de texto preformateado
Diálogos
Destacar texto
Listas
Marcadores de texto
Novedad y tachado

Enlaces
Introducción
Enlaces locales
Enlaces internos a un documento
Enlaces externos
Enlaces a direcciones de correo
Enlaces hacia archivos
El atributo target y otros

Tablas
Introducción
Tablas básicas
Tablas avanzadas
Agrupaciones de filas y columnas
Aplicaciones de las tablas

Imágenes
Introducción
Formatos
Insertar imágenes en HTML
Mapas de imágenes
La directiva FIGURE

Formularios
Introducción
La directiva FORM y sus atributos
Elementos de formulario. La directiva INPUT
Otros elementos
Formato

Audio, vídeo y otros objetos multimedia
Introducción
Los objetos multimedia
Multimedia en HTML 5
Marcos flotantes o iframes
Elementos interactivos en HTML 5

CSS

Introducción a las hojas de estilo CSS
Introducción
Historia
Funcionamiento básico
Comentarios

Selectores
Introducción
Tipos de selectores

Unidades de medida y colores
Unidades de medida
Colores

Propiedades Básicas
Introducción
Propiedades de fuentes de letra
Propiedades asociadas a colores y fondos
Propiedades asociadas al texto

Modelo de cajas
Introducción
Estructura y propiedades

Posicionamiento
Introducción
Propiedades y tipos de posicionamiento
Visualización

Estilos para listas y tablas
Listas
Tablas

CSS 3

Introducción
Sombras
Opacidad
Esquinas redondeadas
Nuevos selectores, pseudo-elementos y pseudo-clases

CONSIDERACIONES FINALES

Publicar un sitio Web
Introducción
Subir la página a un servidor
Dar de alta en buscadores

Mejorar una página Web con JavaScript
Introducción
Insertar JavaScript en documentos HTML
Aplicaciones

Anexo
Desarrollo de un sitio Web
Enunciado
Resolución

DREAMWEAVER CS4

Conceptos básicos de Dreamweaver
¿Qué es Dreamweaver?
Entrar y salir de dreamweaver
Crear, guardar y abrir documentos

El entorno de trabajo
La interfaz del programa
El panel insertar
El espacio de trabajo
Definir un navegador web

Configuración de un sitio local
Introducción
Crear un sitio local
Administración de archivos y carpetas

Trabajar con Dreamweaver
Introducción
Trabajar con imágenes
Trabajar con Texto
Editar XHTML en Dreamweaver
Creación de enlaces

Las hojas de estilos en cascada (CSS)
Introducción
Crear una hoja de estilo
El panel Estilos CSS
Selectores CSS

Celdas y tablas
Crear tablas
Dar formato a tabla y celdas
Dar color a las tablas
Ordenar los datos de una tabla
Otras acciones con las tablas

Herramientas de maquetación
Imágenes de rastreo
Las etiquetas DIV PA
Configurar las propiedades de las Div PA
Reglas, cuadrículas y guías

Formularios
¿Qué es un formulario?
Creación de Formularios
Elementos de un formulario
Crear campos de texto
Crear casillas de verificación y botones de opción
Crear listas y menús
Añadir botones para enviar y restablecer

Comportamientos
Introducción
Abrir ventana de navegador
Mensaje emergente
Validar formularios

Plantillas y librerías
Creación de plantillas
Crear la composición de elementos en la plantilla
Crear páginas a partir de una plantilla
Modificar una plantilla
Añadir regiones repetidas y opcionales
La biblioteca
Realizar modificaciones en un elemento de biblioteca

Insertar contenido multimedia
Insertar archivos de audio
Insertar archivos Flash
Insertar archivos FLV (Flash video)

La publicación
Desarrollar y explotar
Definición del Sitio
Alojar nuestra primera página Web
Configurar la conexión FTP

PHOTOSHOP CS4

Introducción a Photoshop
Introducción
Tipos de imágenes
Entrar y salir de Photoshop
La ventana
Vista rápida de los menús
Vista general del cuadro de herramientas

Operaciones Básicas
Crear imágenes
Formatos de archivo
Guardar imágenes
Abrir y cerrar imágenes
Resolución y tamaño de la imagen
Tamaño del lienzo de trabajo
Visualización de imágenes
Rotación del lienzo de trabajo

Personalizar Photoshop
Menú preferencias
Configuración de las preferencias generales
Preferencias para administración de archivos
Preferencias de rendimiento
Preferencias para cursores
Preferencias para transparencia y gama
Preferencias para las unidades y reglas
Preferencias para las guías, cuadrícula y sectores
Preferencias de texto

Selecciones
Las herramientas
Herramientas de marco
Herramientas lazo, lazo poligonal y lazo magnético
Las herramientas varita mágica y selección rápida
Recortar
Ajustar selecciones
Mover, copiar, pegar y eliminar selecciones

El color
¿Qué es la profundidad de bit?
Modos y modelos de color
Imágenes de color indexado
Imágenes en escala de grises
Duotonos
Imágenes en modo multicanal
Convertir imágenes entre modos
Gamas de color
El selector de color

Útiles de pintura
El panel pinceles
Ajustes de los pinceles
Usar las herramientas pincel y lapiz
Escoger los colores frontal y de fondo
Fusión y opacidad
Borradores
Herramienta bote de pintura
Usar la herramienta degradado

Capas
¿Qué es una capa?
El panel capas
Menú de opciones del panel capas
Editar capas
Desplazar y alinear el contenido de una capa
Capa de ajuste
Gestionar las imágenes con capas
Utilizar cálculos de canal para fusionar capas y canales
Máscaras de recorte
Seleccionar áreas opacas de una capa
Efectos de capa
Eliminar halos

Trazados y formas
¿Qué es un trazado?
Dibujar trazados a mano alzada
Dibujar un trazo segmento a segmento
Ajustar nodos
Vectorizar formas
Herramientas de forma
Aplicaciones de los trazados

Texto en Photoshop
¿Qué es la herramienta texto?
Crear texto
Formato del texto
Capas de texto

Editar y retocar
Deshacer errores y liberar memoria
El panel historia
Hacer una instantánea de la imagen
Las reglas y la herramienta de medición
Guías y cuadrícula
Transformar objetos en dos dimensiones
Tampón de clonar y tampón de motivo
Herramientas de enfoque y tono
Herramientas correctoras
Pinceles de historia
Fotografía HDR: alto rango dinámico

Canales y máscaras
Introducción a los canales y máscaras
El panel canales
Duplicar canales
Eliminar canales
Mezclar canales
Guardar y gestionar canales
Las máscaras
El modo máscara rápida
Usar canales alfa
Máscaras de capa
El panel máscaras

Filtros
Introducción
Consejos y sugerencias para efectos especiales
Galería de filtros
Artísticos
Bosquejar
Desenfocar
Distorsionar
Enfocar
Estilizar
Interpretar
Pixelizar
Ruido
Textura
Trazos de pincel
Video
Otros filtros
Digimarc

Imprimir
Impresión de una imagen
Opciones avanzadas de impresión
Crear reventados de color
Usar monotonos, duotonos, tritonos y cuadritonos en la impresión

Automatizar las tareas
El panel acciones
Crear y grabar acciones
Ejecutar acciones
Editar acciones
Organizar grupos de acciones
Usar el comando automatizar

CORELDRAW X4

Introducción a coreldraw
¿qué es coreldraw?
Entrar y salir de coreldraw
La ventana de coreldraw
La barra de menús
La barra de herramientas
Las ventanas acoplables
La caja de herramientas

Operaciones básicas con coreldraw
Cerrar y crear dibujos nuevos
Abrir archivos existentes
Guardar dibujos
Trabajar con páginas
Almacenamiento de archivos en pdf

Dibujar formas básicas
Dibujo de rectángulos y cuadrados
Dibujo de elipses, circulos, arcos y formas de sector
Dibujo de polígonos y estrellas
Dibujo de espirales
Dibujo de formas predefinidas

Edición de objetos
Seleccionar objetos: la herramienta selección
Cortar, copiar, pegar y borrar elementos
Comandos deshacer, rehacer y repetir
Duplicar y clonar objetos

Contorno y relleno de objetos
La herramienta pluma de contorno
El relleno uniforme
Rellenos degradados
Rellenos de patrón
Rellenos de textura
La herramienta relleno interactivo
La herramienta relleno de malla

Establecer reglas, retículas y líneas guía
La regla
Utilizar cuadrículas
Trabajar con líneas guía
Controles de encaje de objetos
La herramienta papel gráfico

Manipulación de objetos
La herramienta transformación libre
Fijar el orden de los objetos
Agrupar y desagrupar objetos
Bloquear y desbloquear objetos
Alinear y distribuir objetos

Dibujar con las herramientas lineales
La herramienta de mano alzada
Curvas bézier
Controlar los ajustes de las curvas bézier y tramos de mano alzada
Acotar los objetos
Conectar líneas y objetos
La herramienta medios artísticos

Texto en CorelDraw
Texto artístico y texto de párrafo
Los atributos del texto: el cuadro de diálogo formato del texto
Marcos de texto
Estilos
Operaciones avanzadas con el texto
Identificación de fuentes

Adaptar texto a trayectos y objetos
Adaptar texto a trayectos
La barra de propiedades adaptar texto a un trayecto
Reparar y separar texto de un trayecto
Vincular texto a un objeto

Opciones de visualización de documentos
Seleccionar la calidad de visualización
Visualizaciones automatizadas
Las herramientas zoom y panorámica
La ventana acoplable administrador de visualización

Configuración e impresión de un documento
Utilizar la barra de estado
Examen del documento
Configuración de las páginas del documento
Presentación preliminar
Impresión de un documento

* CONTENIDOS DE LOS CDs:

DISEÑO Y DESARROLLO WEB CON HTML 5 Y CSS
Tutorial interactivo de las aplicaciones informáticas HTML y CSS.

DREAMWEAVER CS4
Tutorial interactivo de la aplicación informática Dreamweaver CS4.

Photoshop CS4
Tutorial interactivo compuesto por resúmenes animados, simulaciones del programa y ejercicios de autoevaluación.

CorealDraw X4
Tutorial interactivo compuesto por resúmenes animados, simulaciones del programa y ejercicios de autoevaluación.