Course Overview: HTML/CSS
Course Description
This course provides a comprehensive introduction to HTML (HyperText Markup Language) and CSS (Cascading Style Sheets), the foundational technologies used to create and design websites. Through a combination of lectures, hands-on projects, and real-world examples, students will learn how to build and style web pages from scratch.
Learning Objectives
By the end of the course, students will be able to:
Understand the structure and syntax of HTML.
Create well-structured web pages using HTML5.
Apply CSS to control the appearance and layout of web pages.
Use advanced CSS techniques such as Flexbox and Grid Layout.
Develop responsive web designs that work on a variety of devices and screen sizes.
Integrate multimedia elements like images, videos, and audio into web pages.
Implement basic web accessibility principles to ensure websites are usable by all.
Course Outline
Module 1: Introduction to HTML
What is HTML?
Basic HTML structure (doctype, html, head, body)
HTML tags and elements
Creating a simple web page
Text formatting and semantic HTML
Module 2: Advanced HTML
HTML5 new elements (header, footer, article, section, etc.)
Forms and form elements
Tables
Linking pages (internal and external links)
Embedding multimedia (images, videos, audio)
Module 3: Introduction to CSS
What is CSS?
CSS syntax and selectors
Applying CSS to HTML (inline, internal, external styles)
Basic styling (colors, fonts, text alignment)
Module 4: Advanced CSS
Box model (margin, border, padding, content)
Positioning elements (static, relative, absolute, fixed, sticky)
Flexbox layout
CSS Grid layout
Media queries and responsive design
Module 5: Web Design Best Practices
Web accessibility principles
Cross-browser compatibility
Performance optimization
Introduction to CSS preprocessors (Sass)
Module 6: Project Work
Building a multi-page website from scratch
Incorporating design principles and best practices
Peer review and feedback sessions
Assessment
Quizzes and assignments to reinforce learning.
Mid-course project to apply concepts learned.
Final project: Design and develop a fully functional website.
Prerequisites
No prior knowledge of HTML or CSS is required.
Basic computer skills and familiarity with using a web browser.
Resources Provided
Course textbook and supplementary materials.
Access to coding environments and tools.
Online forums for discussion and support.