Course Description: This course provides a comprehensive introduction to HTML programming, covering the foundational concepts and practical skills needed to create and structure web pages. Students will also get an introduction to CSS for styling and JavaScript for basic interactivity.
Course Objectives:
- Understand the structure and syntax of HTML.
- Develop skills in creating well-structured web pages.
- Learn to use CSS for styling HTML elements.
- Gain a basic understanding of JavaScript for adding interactivity to web pages.
- Build, test, and publish simple web pages.
Week 1: Introduction to the Web and HTML
- Overview of the web and how it works
- Introduction to HTML and its role in web development
- Setting up the development environment (text editors, browsers)
- Basic structure of an HTML document (doctype, html, head, body tags)
- Practical exercises in creating a simple HTML page
Week 2: HTML Elements and Attributes
- Understanding HTML elements and attributes
- Working with headings, paragraphs, and text formatting tags (b, i, strong, em)
- Creating lists: ordered (ol), unordered (ul), and definition (dl) lists
- Adding links and navigation with anchor (a) tags
- Practical exercises in using basic HTML elements
Week 3: Working with Images and Multimedia
- Adding and formatting images in HTML using the img tag
- Using the alt attribute for accessibility
- Embedding audio and video content
- Using the audio and video tags with controls
- Practical exercises in embedding multimedia content
Week 4: Structuring Content with HTML
- Using semantic HTML tags for better content structure
- Understanding and using div and span tags
- Creating sections, articles, headers, footers, and asides
- Understanding the importance of semantic HTML for accessibility and SEO
- Practical exercises in structuring web pages with semantic HTML
Week 5: Introduction to CSS
- Understanding the role of CSS in web development
- Basic syntax of CSS and how to link it to HTML
- Using selectors, properties, and values
- Applying inline, internal, and external CSS
- Practical exercises in styling HTML elements with CSS
Week 6: Styling Text and Layout with CSS
- Formatting text: fonts, sizes, colors, and alignment
- Using the CSS box model: margins, borders, padding
- Working with widths, heights, and overflow
- Creating layouts with display properties: block, inline, flex, and grid
- Practical exercises in text styling and layout design
Week 7: Advanced CSS Techniques
- Using CSS pseudo-classes and pseudo-elements
- Working with background images and gradients
- Creating responsive designs with media queries
- Introduction to CSS frameworks (Bootstrap)
- Practical exercises in advanced CSS styling
Week 8: Introduction to JavaScript
- Understanding the role of JavaScript in web development
- Basic syntax and data types of JavaScript
- Writing and linking JavaScript to HTML
- Using variables, operators, and control structures
- Practical exercises in basic JavaScript programming
Week 9: Interactivity with JavaScript
- Working with functions and events
- Manipulating the DOM (Document Object Model)
- Using JavaScript to change HTML content and styles
- Validating forms with JavaScript
- Practical exercises in adding interactivity to web pages
Week 10: HTML Forms and User Input
- Creating and structuring HTML forms
- Using different input types and attributes (text, password, email, number, etc.)
- Understanding form validation techniques
- Submitting forms and processing user input
- Practical exercises in building and validating HTML forms
Week 11: Web Publishing and Best Practices
- Preparing web pages for publishing
- Understanding file organization and paths
- Using FTP/SFTP for uploading web pages to a server
- Best practices in HTML, CSS, and JavaScript
- Practical exercises in publishing a simple website
Week 12: Final Project and Review
- Comprehensive project integrating HTML, CSS, and JavaScript
- Applying all techniques learned throughout the course
- Peer review and feedback sessions
- Final project presentations and critique
- Course review and Q&A
Assessment:
- Weekly assignments and quizzes (40%)
- Midterm project (20%)
- Final project (30%)
- Class participation and attendance (10%)
