Objetivos

Dotar al interesado de conocimientos teóricos y prácticos para poder desarrollar un sitio Web con HTML y aplicar las ventajas de presentación que ofrecen las hojas de estilo en cascada (CSS).
Aportar al interesado de un modo rápido y sencillo las competencias necesarias para la creación y diseño de páginas Web en Dreamweaver.

¿A quién va dirigido?

A cualquier trabajador del sector informático. A diseñadores Web que deseen actualizar sus conocimientos en la versión 5 de HTML. A todo tipo de trabajadores que tengan interés en aprender a crear y publicar su propia página Web.

¿Para qué capacita este título?

Para diseñar y publicar una página Web, saber maquetar una página Web, saber crear animaciones, etc.

Otros Datos de interés

Es un curso muy práctico.
Se incluyen imágenes y recursos didácticos que ayudan al interesado a lo largo de su aprendizaje.
Incluye ejercicios de autoevaluación para que el interesado se autoevalúe y conozca el grado de conocimiento que ha adquirido una vez estudiada la materia.
Incluye tutorial interactivo que sirve de soporte al interesado para que el aprendizaje sea más significativo.
Incluye un anexo en el cual está orientado a que el interesado desarrolle el código HTML y CSS correspondiente a un documento HTML concreto.
Muchas empresas utilizan Internet como primera opción para promocionarse, vender sus productos, comunicarse con sus empleados y clientes etc.
El curso está orientado hacia la última versión de HTML, cuya aparición es muy reciente y no existe mucha documentación al respecto. Debido a esto, el contenido es muy interesante para que el interesado conozca las características de esta última versión, que marcará el futuro del diseño HTML.
Debido a su reciente salida, HTML 5 no es soportado (por ahora) en todos los navegadores. Por esta razón, a lo largo del temario se resaltan las diferencias más importantes respecto a la versión anterior.
El material está dedicado, en parte, a las hojas de estilo CSS, las cuales ofrecen importantísimas ventajas de diseño e incluso efectos imposibles de lograr usando únicamente HTML.

Contenido Formativo

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
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