HTML & CSS Refresher Course

Course Details

This course is designed as an all-day seminar or a short course to provide students with the tools necessary to advance their web design skills and become more efficient and knowledgeable web designers. In this seminar, the primary languages of the web—HTML and CSS—take center stage as students learn how to make a usable and well-structured basic site.

Who it’s for…

The course is appropriate for beginners with some computer proficiency, novices who may not have stayed current with the languages, or intermediate students looking to learn some new tricks.


Course Modules

Download course materials [ZIP]

AFTERNOON SESSION – SPRINGS [ZIP]

The full course is broken into several modules.

Module 1: The history and technology of the Web
1-1. A history of the World Wide Web
1-2. Web browsers
1-3. Client/server communication
1-4. Client-side design languages
1-5. Internet technologies and protocols

Module 2: HTML Structure
2-1. HTML: Document Structure
2-2. HTML: Elements & Attributes
2-3. HTML: Building the webpage
2-4. HTML: Basic elements
2-5. HTML: Specifying elements
2-6. HTML: HTML5 Structural Elements
2-7. HTML: Hyperlinks
2-8. Common HTML Elements

Module 3: HTML Language
3-1. HTML: Type-based Elements
3-2. HTML: Lists
3-3. HTML: Images and Media
3-4. HTML: Forms
3-5. HTML: Tables

Module 4: CSS Fundamentals
4-1. CSS: Document Style
4-2. CSS: Cascading
4-3. CSS: Referencing and inclusion
4-4. CSS: The Box Model
4-5. CSS: Positioning

Module 5: CSS Design
5-1. CSS: Typography
5-2. CSS: Fonts
5-3. CSS: Backgrounds
5-4. CSS: CSS3 Background Properties
5-5. CSS: List styles
5-6. CSS: Horizontal lists
5-7. CSS: Images
5-8. CSS: Tables
5-9. CSS: CSS3 Transformations

Module 6: Professional practice
6-1. File Management
6-2. Cross-browser compatibility
6-3. Preparing a page for HTML5 use
6-4. Navigation Structure & Design
6-5. Debugging and Troubleshooting
6-6. Best Practices

Module 7: User-centered principles
7-1. Accessibility
7-2. Usability