Tabla de Contenido
Temario
Lecciones por cada unidad de estudio con videos sobre el proceso de desarrollo y textos explicativos del código.
Desarrollo del Curso
1. Herramientas
Principalmente usaremos un editor de código para escribir el código html y css ; y un navegador para poder visualizar lo que estamos maquetando
2. Estructura de carpetas y archivos
Estructura de carpetas y archivos CURSO HTML + CSS PÁGINA WEB BÁSICA parte 02
3. Header o banner superior
En la lección del curso vamos a maquetar un header que consta de una imagen con un logo y datos de contacto usando html y hojas de estilos
4. Menu Responsive con FlexBox
¿Cómo hacer un menu responsive ? CURSO HTML+CSS PÁGINA WEB BÁSICA parte 04
5. Contenido y Footer
Contenido y Footer CURSO HTML+CSS PÁGINA WEB BÁSICA parte 05
6. Sección Nosotros
Página nosotros.html CURSO HTML+CSS PÁGINA WEB BÁSICA parte 06
7. Sección Productos
Página productos.html CURSO HTML+CSS PÁGINA WEB BÁSICA parte 07
8. Sección Contacto con Formulario
Diseño de la sección contacto te enseñaré como implementar un formulario fácilmente en la página contacto.html
9. Metas para SEO y finalización
Configuración de Metatags para el posicionamiento web, finalización del curso básico DISEÑO WEB BASICO HTML Y CSS
Descripción del curso
Aprende a diseñar una página web desde cero con HTML y CSS, aplicando conceptos prácticos de un buen desarrollo web a nivel FrontEnd, orientada al SEO.
¿Qué aprenderás?
Aprende a diseñar una página web desde cero con HTML y CSS, aplicando conceptos prácticos de un buen desarrollo web a nivel FrontEnd, orientada al SEO.
Secciones:
- Sección Inicio
- Sección Nosotros
- Sección Productos
- Sección Contacto
Características
- Estructura con html y css las partes de una página web
- Crear un menu de navegación responsive para enlazar las diferentes secciones de la página web
- Crear un formulario
- Crear reglas y aplicar estilos a medida
Requisitos
EL perfil del estudiante:
- Conocimiento básicos de html
- Conocimientos básicos de Css
Una PC con los siguientes programas:
- Editor de código Sublime Text
- Navegador web Google Chrome
Código fuente
Disponible
- Acceso al código fuente
- Acceso a recursos gráficos
- Formato descargable ZIP