Diseño Páginas Web (HTML)

Precio A consultar - Cursos de especialización, Presencial de 40 horas - Titulación Emitida por el centro - Bolsa de empleo Propia del centro - Promoción: Facilidades de pago

CEPIBASE,S.L.

Pedir más información del curso Diseño Páginas Web (HTML)

Información del curso Diseño Páginas Web (HTML)

Justificación/Descripción del curso:

Sedes de realización del curso: Barcelona

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.

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.

Requisitos de acceso al curso:

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

Temario cubierto por el curso:

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
– 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
Enlaces con otros documentos
Integración de servicios de Internet
Modificar los colores de los enlaces
La Etiqueta
– LOS GRÁFICOS
La etiqueta
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
– EJERCICIO DE EVALUACIÓN 2

6- LAS TABLAS
– CREAR TABLAS EN HTML
Los Atributos de la tabla , etiqueta

Los Atributos de las filas,
Atributos de las celdas,

y	Colores y Fondo para Tablas – EJERCICIOS 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 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 Atributos avanzados de la etiqueta Los Dioses – EJERCICIO DE EVALUACIÓN 3 10- 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 Los atributos de las capas Posicionar las capas – EJERCICIOS 11- EFECTOS MULTIMEDIA – CREACIÓN DE PÁGINAS JAVASCRIPT La Etiqueta

Colores y Fondo para Tablas
– EJERCICIOS

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

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
Atributos avanzados de la etiqueta

Los Dioses
– EJERCICIO DE EVALUACIÓN 3

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