Objetivo :
El objetivo del curso de 'Diseño de páginas web con Html 4.0' es enseñarte todo lo referente al diseño y construcción de páginas web con el lenguaje HTML, desde las etiquetas básicas que lo forman y su sintaxis particular hasta los trucos más sofisticados para hacer páginas web bonitas, bien maquetadas y compatibles con los diferentes navegadores del mercado.
Es un curso multinivel, empezaremos con los conceptos más básicos, e iremos ampliando conocimientos hasta llegar a estudiar los trucos y habilidades que sólo se adquieren tras muchos años de experiencia.
Así pues, sean cuales sean tus conocimientos actuales, seguro que sacarás mucho partido del curso.
Requisitos:
El curso va dirigido a todos aquellos que quieran aprender a diseñar correctamente una página web.
Temario:
Diseño Profesional de Páginas web con HTML 4.0
Prólogo ->Entrar
- Prólogo
Conceptos generales sobre Internet ->Entrar
Internet y la World Wide Web
El protocolo http y el lenguaje HTML
Navegadores web
Arquitectura cliente-servidor
Tipos MIME
Idiomas y caracteres
Ejercicios
Conceptos básicos preliminares
Sintaxis propia del lenguaje HTML
Hojas de Estilos en Cascada (CSS)
Eventos y manejadores de eventos
Estructuración de carpetas de un sitio web
Editores de HTML
Ejercicios
Estructura de un documento HTML
Secciones de un documento HTML
Cabecera de página (HEAD)
Cuerpo de la página (BODY)
Contenedores y otros elementos
Indexación de código. Interpretación de tabulaciones y espacios.
Precabecera y Sección final.
Ejercicios
Texto
Introducción
Estilos físicos y lógicos
Etiquetas de estilo lógico
Etiquetas de estilo físico
Centrado de textos y cabeceras
La etiqueta FONT
Textos con estilos
Textos en las páginas web
Un poco de Tipografía
Ejercicio 1
Ejercicio 2
Enlaces
Introducción
Anchors. La etiqueta A
Uso de la etiqueta A
Tipos de enlaces
Eventos y enlaces
Colores de los enlaces
Ejercicio 1
Listas
Introducción
Listas regulares ordenadas
Listas regulares sin ordenar
La etiqueta LI
Otros tipos de lista
Listas anidadas
Listas con estilo
Uso de las listas
Ejercicio
Solución
Imágenes
Importancia de la imágenes en la web
La etiqueta IMG (I). Atributos de localización y aspecto
La etiqueta IMG (II). Atributos de alineación
La etiqueta IMG (III). Atributos identificadores y explicativos
La etiqueta IMG (IV). Atributos específicos de ciertos navegadores
Mapas de imágenes en el cliente
Formatos gráficos en la web
Aplicación de las imágenes a las páginas web
Usos de un gif transparente
Tablas
Introducción
Estructura de una tabla
Etiqueta TABLE y sus atributos (I)
Etiqueta TABLE y sus atributos (II)
Etiqueta TR y sus atributos
Etiquetas THEAD, TBODY, TFOOT
Etiquetas TD, TH y sus atributos
Agrupación de celdas
Otras etiquetas de tabla
Tablas anidadas
Uso de las tablas (I)
Uso de las tablas (II)
Uso de las tablas (III)
Uso de las tablas (IV)
Eventos y Tablas
Consejos para Tablas
Maquetación avanzada
Formularios
Introducción
La etiqueta FORM
La etiqueta INPUT (I). Cajas de texto
La etiqueta INPUT (II). Radios botones y Checkbox
La etiqueta INPUT (III). Botones de formulario
Las etiquetas SELECT y OPTION
La etiqueta TEXTAREA
Las etiquetas BUTTON, LABEL y FIELDSET
Formularios y CSS (I). Estilos de apariencia
Formularios y CSS (II). Posicionamiento
Maquetación de formularios
Formularios y lenguajes de programación
Introducción a CGI
Frames
Introducción
La etiqueta FRAMESET
La etiqueta FRAME
La etiquetas NOFRAMES
Frames anidados
Frames flotantes (I)
Frames flotantes (II)
Uso de los Frames (I)
Uso de los Frames (II)
Sonido en la web
Introducción
Características del sonido digital
Formatos de audio
La etiqueta BGSOUND
La etiqueta EMBED
La etiqueta OBJECT
La etiqueta A
Ventajas e inconvenientes de la inclusión de ficheros de audio
Video en la web
Introducción
Formatos de vídeo
Inclusión de ficheros de vídeo. La etiqueta IMG
La etiqueta EMBED
La etiqueta OBJECT
La etiqueta A
Uso del vídeo en las web
Elementos multimedia
Introducción
Applets de Java
Ficheros SWF (Flash)
Ficheros VRML (realidad virtual)
Ficheros QuickTime
Elementos diversos
Maquetación HTML de una interfaz de usuario
Protección del código de una página
Ejercicio final del módulo