Este curso básico de 24 horas introduce a los estudiantes en la construcción de páginas web estáticas mediante el uso de etiquetas HTML y hojas de estilo CSS. Los estudiantes aprenderán a reconocer e implementar elementos HTML como texto, imágenes, hipervínculos y tablas, y aplicar estilos CSS para crear diseños atractivos. Al finalizar el curso, los estudiantes podrán construir una página web completa.
1. CURSO DE HTML Y CSS
El objetivo de este curso es introducir al estudiante en la construcción de
Descripción páginas web estáticas, con el manejo de todas las etiquetas fundamentales
que permitan el diseño y maquetado atractivo de una página web.
Nivel Básico
Requisitos Ninguno
Duración 24 horas
Costo 400Bf
Será capaz de Reconocer e Implementar todos los elementos que
Perfil de Egresado componen una estructura HTML conjuntamente con estilos, crear
maquetados y diseño para aplicaciones Web
Profesor Keyla Bullon,Johany Milano
2. Contenido
Unidad Descripción Horas
Introducción a HTML Versiones de HTML 1 HORA
Estructura de un documento
Etiquetas de texto Etiquetas de texto 1/2 HORA
Control saltos de líneas y espacio
Etiquetas de imágenes Etiquetas de formato 1 HORA
Manipulación de imágenes
Hipervínculo Trabajar con hipervínculos 1/2 HORA
Creación de un enlace de imagen
Tablas Creación de tablas 3 HORAS
Formato de tablas
Uso de las tablas
Contenedores Uso de los Divs 1/2 HORA
Manejo de Formularios Insertar formularios 3 HORAS
Atributos de form
Manejo de componentes
Componentes de texto
Listas
Botones
Casillas de opciones
Botón de Opciones
Introducción a css Conceptos básicos de Css 1 HORA
CSS sintaxis
Uso de hojas de estilo externas
3. Selectores Selectores de elementos 3 HORAS
Selectores de Clase, Elementos, id, herencia.
Formato de texto básico Tipografía y estilos del texto 1 HORA
Maquetación Modelo de las cajas 2 HORAS
Layout
Estilos sobre componentes Enlaces, imágenes, listas, tablas formularios. 2 HORAS
Aplicación: Creación de una página La construcción de una cabecera del documento 7 HORAS
Web Diseñar un menú principal
Creación de una plantilla de diseño: tronco del cuerpo
Creación de una página de inicio principal: el
contenido del cuerpo principal
Creación de una plantilla de diseño: el contenido de
pie de página
Creación de una página con un menú, los gráficos y
enlaces con formato
Probando la pagina