New members: get your first 7 days of ITTutorPro Premium for free! Join for free

HTML5 and CSS3 Fundamentals

Course Description

19.15 Hours

98 Videos

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?

In this course the following content will be covered:

  • Authoring Content in HTML
  • Embedding and Linking Content
  • Formatting Content with CSS
  • Authoring Complex Content Structures
  • Testing and Publishing HTML Content
  • Creating HTML5 Content
  • Using Advanced Techniques to Select and Apply Styles
  • Using Advanced Background and Border Techniques
  • Incorporating Advanced Text Formats
  • Adding Animation and Multimedia

Making HTML Readable and Accessible


Share on:

Course Syllabus

Module 1: Course Orientation, Internet & Web

  1. Instructor Intro
  2. Course Intro
  3. Internet and the Web

Module 2: HTML Basics

  1. HTML Overview and Your First Webpage
  2. Create a Template
  3. Heading Element
  4. Paragraph Element
  5. Line Break Elemen
  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

Module 3: Color & Text, CSS

  1. Overview of Cascading Style Sheets
  2. Using Color on Web Pages
  3. Inline CSS with the Style Attribute
  4. Embedded CSS with the Style Element
  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

Module 4: Visual Elements & Graphics

  1. Visual Elements and Graphics
  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

Module 5: Web Design

  1. Web Design

Module 6: Page Layout

  1. Page Layout Pt 1
  2. Page Layout Pt 2
  3. Hyperlinks in an Unordered List
  4. Practice with CSS Two-column Layout
  5. Header Text Image Replacement
  6. Practice with an Image Gallery
  7. Positioning with CSS
  8. CSS Debugging Techniques
  9. More HTML5 Structured Elements

Module 7: Links, Layout, & Mobile

  1. Links, Layout, & Mobile
  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

Module 8: Tables

  1. Tables Pt 1
  2. Tables Pt 2

Module 9: Forms

  1. Overview of Forms
  2. Input Element Form Controls Pt 1
  3. Input Element Form Controls Pt 2
  4. HTML5 Form Controls

Module 10: Web Development

  1. Web Development Pt 1
  2. Web Development Pt 2

Module 11: Web Multimedia and Interactvity

  1. Web Multimedia and Interactivity
  2. Getting Started with Audio and Video
  3. HTML5 Audio and Video Elements
  4. CSS3 and Interactivity Pt 1
  5. CSS3 and Interactivity Pt 2
  6. CSS3 Transform Property and Transition Property Pt 1
  7. CSS3 Transform Property and Transition Property Pt 2
  8. CSS3 Transform Property and Transition Property Pt 3
  9. HTML5 Details and Summary Elements
  10. Java, JavaScript, Ajax, and jQuery Programming Languages
  11. HTML5 APIs

Module 12: JavaScript and jQuery

  1. JavaScript and jQuery
  2. Debugging
  3. Document Object Model
  4. Events and Event Handlers
  5. Variables
  6. Programming Concepts
  7. Form Handling
  8. jQuery
  9. jQuery Selectors and jQuery Methods
  10. jQuery Image Gallery Pt 1
  11. jQuery Image Gallery Pt 2
  12. jQuery Plugins Pt 1
  13. jQuery Plugins Pt 2

Module 13: Course Summary

  1. Course Summary

From: $14.99 / month

  • Vast selection of courses and labs Access
  • Unlimited access from all devices
  • Learn from industry expert instructors
  • Assessment quizzes and monitor progress
  • Vast selection of courses and labs Access
  • Blended Learning with Virtual Classes
  • Access to new courses every quarter
  • 100% satisfaction guarantee

You Will Get Certification After Completetion This Course.

Instructor Led Lectures
All IT Tutor Pro Formerly It Nuggets Courses replicate a live class experience with an instructor on screen delivering the course’s theories and concepts.These lectures are pre-recorded and available to the user 24/7. They can be repeated, rewound, fast forwarded.
Visual Demonstrations, Educational Games & Flashcards
IT Tutor Pro Formerly It Nuggets recognizes that all students do not learn alike and different delivery mediums are needed in order to achieve success for a large student base. With that in mind, we delivery our content in a variety of different ways to ensure that students stay engaged and productive throughout their courses.
Mobile Optimization & Progress Tracking
Our courses are optimized for all mobile devices allowing students to learn on the go whenever they have free time. Students can access their courses from anywhere and their progress is completely tracked and recorded.
Practice Quizzes And Exams
IT Tutor Pro Formerly It Nuggets Online’s custom practice exams prepare you for your exams differently and more effectively than the traditional exam preps on the market. Students will have practice quizzes after each module to ensure you are confident on the topic you are learning.
World Class Learning Management System
IT Tutor Pro Formerly It Nuggets provides the next generation learning management system (LMS). An experience that combines the feature set of traditional Learning Management Systems with advanced functionality designed to make learning management easy and online learning engaging from the user’s perspective.

Frequently Asked Questions

How does online education work on a day-to-day basis?
Instructional methods, course requirements, and learning technologies can vary significantly from one online program to the next, but the vast bulk of them use a learning management system (LMS) to deliver lectures and materials, monitor student progress, assess comprehension, and accept student work. LMS providers design these platforms to accommodate a multitude of instructor needs and preferences.
Is online education as effective as face-to-face instruction?
Online education may seem relatively new, but years of research suggests it can be just as effective as traditional coursework, and often more so. According to a U.S. Department of Education analysis of more than 1,000 learning studies, online students tend to outperform classroom-based students across most disciplines and demographics. Another major review published the same year found that online students had the advantage 70 percent of the time, a gap authors projected would only widen as programs and technologies evolve.
Do employers accept online degrees?
All new learning innovations are met with some degree of scrutiny, but skepticism subsides as methods become more mainstream. Such is the case for online learning. Studies indicate employers who are familiar with online degrees tend to view them more favorably, and more employers are acquainted with them than ever before. The majority of colleges now offer online degrees, including most public, not-for-profit, and Ivy League universities. Online learning is also increasingly prevalent in the workplace as more companies invest in web-based employee training and development programs.
Is online education more conducive to cheating?
The concern that online students cheat more than traditional students is perhaps misplaced. When researchers at Marshall University conducted a study to measure the prevalence of cheating in online and classroom-based courses, they concluded, “Somewhat surprisingly, the results showed higher rates of academic dishonesty in live courses.” The authors suggest the social familiarity of students in a classroom setting may lessen their sense of moral obligation.
How do I know if online education is right for me?
Choosing the right course takes time and careful research no matter how one intends to study. Learning styles, goals, and programs always vary, but students considering online courses must consider technical skills, ability to self-motivate, and other factors specific to the medium. Online course demos and trials can also be helpful.
What technical skills do online students need?
Our platform typically designed to be as user-friendly as possible: intuitive controls, clear instructions, and tutorials guide students through new tasks. However, students still need basic computer skills to access and navigate these programs. These skills include: using a keyboard and a mouse; running computer programs; using the Internet; sending and receiving email; using word processing programs; and using forums and other collaborative tools. Most online programs publish such requirements on their websites. If not, an admissions adviser can help.