Course Overview
This syllabus outlines the topics covered in the programming course.
Week 1: Introduction to Web Design
- Understanding the role of a web designer
- Overview of web design tools and software
- The design process: Planning and research
Week 2: HTML Basics
- Introduction to HTML (HyperText Markup Language)
- Structure of a web page: HTML elements and tags
- Creating a basic HTML document
- Text formatting and links
Week 3: CSS Basics
- Introduction to CSS (Cascading Style Sheets)
- Styling HTML elements: Selectors and properties
- Color, typography, and layout basics
- CSS layout: Box model and positioning
Week 4: Responsive Web Design
- Principles of responsive web design
- Media queries and breakpoints
- Creating a responsive layout
- Testing and troubleshooting responsive designs
Week 5: Web Typography
- Typography principles
- Choosing and pairing fonts
- Web-safe fonts vs. custom fonts
- Typography in CSS: Font properties
Week 6: Graphics and Images
- Image formats for the web
- Optimizing images for performance
- Adding images to HTML and CSS
- Image galleries and carousels
Week 7: User Experience (UX) Design
- Introduction to UX design
- User personas and user flows
- Wireframing and prototyping
- Usability testing and feedback
Week 8: Web Accessibility
- Understanding web accessibility principles
- ARIA roles and attributes
- Testing for accessibility
- Making web content accessible for all
Week 9: Interactivity and JavaScript
- Introduction to JavaScript
- Basic scripting: Variables, functions, and events
- Creating interactive web elements
- Incorporating JavaScript into web design
Week 10: Web Design Best Practices
- Cross-browser compatibility
- Performance optimization
- SEO (Search Engine Optimization)
- Launching a website and maintaining it
Week 11: Project Work
- Design and build a responsive website
- Apply web design principles learned throughout the course
- Present and critique project work
Week 12: Final Project and Review
- Final project presentations
- Peer and instructor feedback
- Course review and next steps
Assessment
- Quizzes and assignments (ongoing)
- Final project (individual or group)
- Class participation and engagement