This course introduces students to the fundamentals of HTML5, the latest version of the Hypertext Markup Language used for creating and structuring web content. Students will learn the principles of web development, including HTML5 syntax, semantic elements, multimedia integration, and responsive design.
Week 1-2: Introduction to HTML5
Overview of Web Development
Evolution of HTML
HTML5 Syntax and Structure
Document Object Model (DOM)
Week 3-4: Semantic Elements
Header, Nav, Section, Article, Footer
Figure, Figcaption, Details, Summary
Mark, Progress, Time, Main
Week 5-6: Forms and Input Types
Form Structure
Input, Select, Textarea
New Input Types (e.g., email, URL, date)
Form Validation with HTML5 attributes
Week 7-8: Multimedia Integration
Audio and Video Elements
Embedding Media Content
Captions and Subtitles
Media Events and APIs
Week 9-10: Canvas and Graphics
Introduction to Canvas
Drawing Shapes and Paths
Working with Images
Animation with Canvas
Week 11-12: Local Storage and Web Storage
Cookies vs. Web Storage
Local Storage API
Session Storage
Data Persistence in Web Applications
Week 13-14: Responsive Design with CSS3
Media Queries
Flexible Grid Layouts
Flexible Box Layout (Flexbox)
CSS Grid Layout
Week 15: Final Project
Apply HTML5 concepts and techniques
Create a responsive web page
Showcase multimedia integration and interactive elements
Assessment:
Weekly Assignments
Midterm Exam
Final Project and Presentation