DISEÑO Y DESARROLLO WEB CON HTML 5 Y CSS
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
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
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.
Contenido de los CD:
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.