Diseño de Páginas Web (Html)

CURSO: DISEÑO PÁGINAS WEB (HTML)

  Objetivos:      Introducir al alumno en el mundo del diseño asistido por ordenador en entorno Windows utilizando una de las herramientas más versátiles y completas para dicho entorno.

Requisitos:     Es necesario un conocimiento básico de Windows.

Metodología: Enseñanza personalizada, profesor alumno. Clases prácticas desde el primer día.

Horarios:        En CEPI-BASE el alumno elige el día de inicio y la hora de asistencia a clase, pudiendo modificarlos a su conveniencia.

Duración: El curso tiene una duración aproximada de 40 horas.

Estas horas son estimadas a modo de referencia, no todos los alumnos necesitan las mismas horas, todo depende de la capacidad de cada uno en asimilar el temario. Nuestros cursos no van por horas, se rigen por el temario del curso.

En CEPI-BASE los cursos finalizan cuando el alumno ha terminado el temario.

 TEMARIO DEL CURSO: DISEÑO PÁGINAS WEB (HTML)

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

2- el lenguaje html

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

–      ejercicio de evaluación 1

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

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

–      los gráficos

*         La etiqueta <IMG>

*         Saltos de línea a los márgenes

*         Enlaces con Imágenes

*         Atributos de las imágenes

–      TEXTO EN MOVIMIENTO

*         Las Marquesinas

–      archivos multimedia

*         Tipos de archivos de audio

*         Control de Sonido de Windows

*         La etiqueta <BGSOUND>

*         Añadir videos y música

–      los archivos de descarga

–      ejercicios

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

–      ejercicios

–      ejercicio de evaluación  2

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

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

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

*         Atributos avanzados de la etiqueta <AREA>

*         Los Dioses

–      ejercicio de evaluación 3

9- HOJAS DE ESTILO y capas

–      hojas de estilo

*         Crear un estilo propio

*         Crear un estilo propio para un documento

*         Crear un estilo propio para varios documentos

–      atributos de las hojas de estilo

*         Tipo de letra

*         Color y fondo

*         Formato del texto

*         Los cuadros

*         Barras de scroll

*         Otros

*         Ejemplo (Modificar las barras de scroll del navegador)

*         Ejemplo 2 (Modificar el cursor del ratón)

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

–      ejercicios

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

–      EJERCICIOS

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

*         Crear carpetas y mover archivos

*         Utilización de referencias relativas

*         Los enlaces

–      publicar una página en internet

*         El servicio de FTP

*         Ejercicio

–      ejercicio de evaluación 4

En CEPI-BASE los cursos finalizan cuando el alumno ha terminado el temario.