Home

This is a page for students of 2018 HTML & CSS course in IAC Costa Rica.
Course documents are organized in the right "Pages" section.
Further pages will be uploaded as the course unfolds.

Course Syllabus (en)

Week	Content
1	[Web and HTML] - Understanding the structure of Web - Aspects of HTML and CSS - HTML tags and tree-structure format of HTML - Some basic tags in HTML
2	[Advanced HTML Syntax] - Using form, layout tags - Using img, audio, video tags - Practice: Implementing a simple blog interface using pure HTML
3	[Basic CSS Syntax] - Learn about CSS selectors - Overriding structure of tag, class, and ID selector - Using various types of selectors - Understanding and using the box model - Using developer tools to debug CSS
4	[Advanced CSS Syntax] - Display and positioning - Styling font, color, images - Understanding and using CSS grid - Practice: Adding and implementing CSS stylesheet to blog page
5	[Material Design – Google’s design framework] - Understanding design philosophy of material design - Using MDL elements to implement page components - Practice: Implementing a web page using HTML, CSS and MDL

Programa (es)

Semana	Contenido
1	[Web y HTML] - Entendimiento de la estructura del Web - Aspectos de HTML y CSS - HTML tags(etiqueta) y formato de la estructura de árbol de HTML - Algunos tags(etiquetas) básicos en HTML
2	[Sintaxis avanzado de HTML] - Usar formas, layout tags - Usar imagen, audio, vídeo tags - Práctica: Implementar interfaz simple de blog usando puro HTML
3	[Sintaxis básico de CSS] Aprender seleccionadores de CSS - Overriding estructura de tag, class, y seleccionador de ID - Usar varios tipos de seleccionadores - Entender y usar el modelo de box - Usar herramienta de desarrollador para debug CSS
4	[Sintaxis avanzado de CSS] - Demostrar y posicionar - Styling tipografia, colores, imágenes - Entender y usar CSS grid - Práctica: Añadir y implementar CSS stylesheet para la página de blog
5	[Material Design – Google’s design framework] - Entender la filosofía del diseño de material design - Usar elemenots de MDL para implementar los componentes de la página - Práctica: Implementar la página web usando HTML, CSS y MDL