Inicio arrow Cursos Diseño Web arrow Diseño web (HTML)

Curso de DISEÑO WEB (HTML) Imprimir

más info. 934 547 306

Objetivos: En este curso se pretende que los alumnos aprendan los fundamentos de Diseño en Páginas WEB, utilizando hipertexto, añadiendo los enlaces, gráficos, tablas, formularios etc. y elementos del lenguaje HTML dinámico, de forma que sean capaces de programar tales páginas.

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 asitencia 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 contenido.

Nuestros cursos no van por horas, se rigen por el contenido del curso.

CONTENIDO 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
- 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
  · Movimiento diagonal
  · Movimiento aleatorio
- JAVASCRIPT Y CSS
- EJERCICIOS

10. HOJAS DE ESTILO  (I) Y CAPAS
- HOJAS DE ESTILOS
  · 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
 

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

 


Academias Informatica Barcelona | Cursos Programacion Web | Cursos Programacion .NET | Cursos Diseño Grafico | Cursos Informatica

CEPIBASE C, Balmes, 114 Bajos | 08008 BARCELONA | e-mail: info@cepibase.com | www.cepibase.com | Teléfono: 93 454 73 06 | Fax: 93 323 62 57