HTML5 and CSS3 Fundamentals
About this Course
HTML5 and CSS3 are some of the most integral and evolving web technologies that enable you to structure content and present it on the web. This course demonstrates how to use advanced HTML5 multimedia features such as video, audio, and animation. Knowledge of these languages will help students create web pages that are easy to read and appealing to users. This course is designed to lay the foundation for mastering these two popular web publishing technologies and also focuses on the new and advanced features of HTML5, covering how to create HTML5 and CSS3 markup that will work well on the widest possible variety of web browsers, mobile devices, and machine readers, such as search engine web crawlers. The course also demonstrates how to use advanced HTML5 multimedia features such as video, audio, and animation.
What will you learn?
Course Outline:
2. Course Intro
3. Internet and the Web
2. Create a Template
3. Heading Element
4. Paragraph Element
5. Line Break Element
6. Blockquote Element
7. Phrase Elements
8. Ordered List and Unordered Lists
9. Description List
10. Special Characters
11. Structural Elements
12. Anchor Elements
13. HTML Validation
2. Using Color on Web Pages
3. Inline CSS with the Style Attribute
4. Embedded CSS with the Style Attribute
5. Configuring Text with CSS
6. CSS Class, ID, and Descendant Selectors
7. Span Element
8. Using External Style Sheets
9. Center HTML Elements with CSS
10. The Cascade
11. CSS Validation
2. Types of Graphics
3. Image Element
4. Image Hyperlinks
5. HTML5 Visual Elements
6. HTML5 Visual Elements Continued
7. Meter and Progress Element
8. Background Images
9. More About Images
10. Sources and Guidelines for Graphics
11. CSS3 Visual Effects Pt 1
12. CSS3 Visual Effects Pt 2
2. Page Layout Pt 2
3. Hyperlinks in an Unordered List
4. Practice with CSS Two-column Layout
5. Header and Text Image Replacement
6. Practice with an Image Gallery
7. Positioning with CSS
8. CSS Debugging Techniques
9. More HTML5 Structured Elements
2. Fragment Identifiers
3. The Target Attribute
4. CSS Sprites
5. Three-column CSS Page Layout Pt 1
6. Three-column CSS Page Layout Pt 2
7. Three-column CSS Page Layout Pt 3
8. Three-column CSS Page Layout Pt 4
9. Three-column CSS Page Layout Pt 5
10. Three-column CSS Page Layout Pt 6
11. CSS Styling for Print
12. Designing for the Mobile Web
13. Viewport Meta Tag & CSS Media Queries
14. Responsive Images
15. Testing Mobile Display
16. Flexible Box Layout
17. CSS Grid Layout