Diseño páginas web (HTML)

TEMARIO DEL CURSO

1- INTRODUCCIÓN A HTML
–EL DISEÑO DE PÁGINAS DE WWW
Los editores de HTML
Herramientas Gráficas
–EL HTML
Origen del Lenguaje
–LOS PROGRAMAS DE ESTE CURSO

2- EL LENGUAJE HTML
–EDITOR RJ TEXTPAD
EL DOCUMENTO DE HTML
Las etiquetas
El nombre de archivo de un documento HTML
Estructura de un documento
Etiquetas de la cabecera
Colores, Imágenes y Texturas de fondo
Texto Preformateado
–LOS CARACTERES ESPECIALES
Letras acentuadas
Otros caracteres especiales
Los Sets de Caracteres (Charset)
–EJERCICIOS

3- TRABAJO CON TEXTOS
–DAR FORMATO AL TEXTO
Etiquetas para el Texto
Títulos
Tipos y tamaños de letra
Color de texto
–LISTAS Y SANGRÍAS
Las Listas
Las Sangrías
–LÍNEAS DE SEPARACIÓN
–LOS COMENTARIOS
–EJERCICIOS
–EJERCICIO DE EVALUACIÓN 1

4- INCORPORAR ELEMENTOS A UNA PÁGINA
–LOS ENLACES
La etiqueta "A"
Enlaces con otros documentos
Integración de servicios de Internet
Modificar los colores de los enlaces
La Etiqueta "ABBR"
–LOS GRÁFICOS
La etiqueta "IMG"
Enlaces con Imágenes
Atributos de las imágenes
–ARCHIVOS MULTIMEDIA
Multimedia nativo en HTML VG Multimedia con extensiones
los archivos de descarga
–EJERCICIOS

5- ESTRUCTURA HTML
–EVOLUCIÓN DE LA ESTRUCTURA
DIV
–ESTRUCTURA HTML5
Etiquetas de sección
Otras etiquetas de definición
–EJERCICIOS

6- LAS TABLAS
–CREAR TABLAS EN HTML
Los Atributos de la tabla , etiqueta "TABLE"
Los Atributos de las filas, "TR"
Atributos de las celdas, "TH" y "TD"
Colores y Fondo para Tablas
–"THEAD" "TBDOY" "TFOOT"
–EJERCICIOS
–EJERCICIO DE EVALUACIÓN 2

7- LOS MARCOS
–DEFINICIÓN DE LOS MARCOS
Las Etiquetas
Ejercicios con Marcos
–LOS ENLACES
Enlaces con Destino
Los Distintos valores del atributo Target
–COMBINAR DISTINTOS MARCOS
Marcos y Submarcos
Rejillas de Marcos
–MARCOS EN LÍNEA
–EJERCICIOS

8- LOS FORMULARIOS
–DEFINICIÓN DE LOS FORMULARIOS
La etiqueta "FORM"
Las Etiquetas de los Controles
Los Controles de los Formularios
Ejemplo con formulario
Recepción y codificación de los datos de un formulario
–OTROS CONTROLES
El Atributo Tabindex
–EJERCICIOS

9- MAPAS SENSITIVOS
–DEFINICIÓN DE UN MAPA
Las Etiquetas utilizadas en la definición
Crear las Áreas sensibles
–COMO BUSCAR LAS COORDENAS DE UNA IMAGEN
Microsoft Paint
Determinar las coordenadas
–EJERCICIOS
–EJERCICIO DE EVALUACIÓN 3

10- HOJAS DE ESTILO (I) Y CAPAS
–HOJAS DE ESTILO
Crear un estilo propio
Crear un estilo propio para un documento
Crear un estilo propio para varios documentos
–PRIORIDAD DENTRO DE LAS HOJAS DE ESTILO
–LAS CLASES
Ejemplo (Título con sombreado)
–LAS CAPAS
Definición de capas
Definición con CSS
La Etiqueta "LAYER"
Los atributos de las capas
Posicionar las capas
–SS Y HTML5
–EJERCICIOS

11- HOJAS DE ESTILO (II)
–INTRODUCCIÓN
–UNIDADES DE MEDIAD EN CSS
–ATRIBUTOS DE FUENTES
–ATRIBUTOS DE FONDO Y COLOR
–ATRIBUTOS DE TEXTOS
–PROPIEDADES DE BLOQUES
–ATRIBUTOS PARA CLASIFICACIÓN
–ATRIBUTOS PARA BARRAS DE SCROLL
–OTROS
–EJERCICIOS

12- EFECTOS MULTIMEDIA
–CREACIÓN DE PÁGINAS JAVASCRIPT
La Etiqueta "SCRIPT"
–COMBINAR JAVASCRIPT CON HTML
Scripts Inmediatos
Scripts Diferidos
Scripts Híbridos
Antes de comenzar
–LAS VARIABLES
Crear variables
Nomenclatura de las variables
Tipos de datos
–LOS COMENTARIOS
–LOS FILTROS
Filtro vertical (flipv)
Filtro horizontal (fliph)
Invertir colores (invert)
Transparencia por color (chroma)
Escala de grises (gray)
Rayos X (xray)
Opacidad (alpha)
Luz ambiental y foco de luz (light)
–EFECTOS DE MOVIMIENTO
Movimiento horizontal
Movimiento vertical
Movimiento diagonal
Movimiento aleatorio
–JAVASCRIPT Y CSS
–EJERCICIOS

13- ESTRUCTURACIÓN DE UN WEB SITE
–ESTRUCTURACIÓN DEL SITIO WEB EN EL ORDENADOR LOCAL
Tipos de estructuración
Ejemplos de estructuración
Referencias Absolutas y referencias relativas
–HERRAMIENTAS PARA LA ESTRUCTURACIÓN DEL SITIO WEB
Crear y nombrar carpetas
Copiar y Mover Documentos
–EJERCICIOS
–PUBLICAR UNA PÁGINA EN INTERNET
El servicio de FTP
Ejercicio
–EJERCICIO DE EVALUACIÓN 4