Course Overview
Course objectives
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.
Modules
Module 1: Course Orientation, Internet & Web
- Instructor Intro
- Course Intro
- Internet and the Web
Module 2: HTML Basics
- HTML Overview and Your First Webpage
- Create a Template
- Heading Element
- Paragraph Element
- Line Break Elemen
- Blockquote Element
- Phrase Elements
- Ordered List and Unordered Lists
- Description List
- Special Characters
- Structural Elements
- Anchor Elements
- HTML Validation
Module 3: Color & Text, CSS
- Overview of Cascading Style Sheets
- Using Color on Web Pages
- Inline CSS with the Style Attribute
- Embedded CSS with the Style Element
- Configuring Text with CSS
- CSS Class, ID, and Descendant Selectors
- Span Element
- Using External Style Sheets
- Center HTML Elements with CSS
- The Cascade
- CSS Validation
Module 4: Visual Elements & Graphics
- Visual Elements and Graphics
- Types of Graphics
- Image Element
- Image Hyperlinks
- HTML5 Visual Elements
- HTML5 Visual Elements Continued
- Meter and Progress Element
- Background Images
- More About Images
- Sources and Guidelines for Graphics
- CSS3 Visual Effects Pt 1
- CSS3 Visual Effects Pt 2
Module 5: Web Design
- Web Design
Module 6: Page Layout
- Page Layout Pt 1
- Page Layout Pt 2
- Hyperlinks in an Unordered List
- Practice with CSS Two-column Layout
- Header Text Image Replacement
- Practice with an Image Gallery
- Positioning with CSS
- CSS Debugging Techniques
- More HTML5 Structured Elements
Module 7: Links, Layout, & Mobile
- Links, Layout, & Mobile
- Fragment Identifiers
- The Target Attribute
- CSS Sprites
- Three-column CSS Page Layout Pt 1
- Three-column CSS Page Layout Pt 2
- Three-column CSS Page Layout Pt 3
- Three-column CSS Page Layout Pt 4
- Three-column CSS Page Layout Pt 5
- Three-column CSS Page Layout Pt 6
- CSS Styling for Print
- Designing for the Mobile Web
- Viewport Meta Tag & CSS Media Queries
- Responsive Images
- Testing Mobile Display
- Flexible Box Layout
- CSS Grid Layout
Module 8: Tables
- Tables Pt 1
- Tables Pt 2
Module 9: Forms
- Overview of Forms
- Input Element Form Controls Pt 1
- Input Element Form Controls Pt 2
- HTML5 Form Controls
Module 10: Web Development
- Web Development Pt 1
- Web Development Pt 2
Module 11: Web Multimedia and Interactvity
- Web Multimedia and Interactivity
- Getting Started with Audio and Video
- HTML5 Audio and Video Elements
- CSS3 and Interactivity Pt 1
- CSS3 and Interactivity Pt 2
- CSS3 Transform Property and Transition Property Pt 1
- CSS3 Transform Property and Transition Property Pt 2
- CSS3 Transform Property and Transition Property Pt 3
- HTML5 Details and Summary Elements
- Java, JavaScript, Ajax, and jQuery Programming Languages
- HTML5 APIs
Module 12: JavaScript and jQuery
- JavaScript and jQuery
- Debugging
- Document Object Model
- Events and Event Handlers
- Variables
- Programming Concepts
- Form Handling
- jQuery
- jQuery Selectors and jQuery Methods
- jQuery Image Gallery Pt 1
- jQuery Image Gallery Pt 2
- jQuery Plugins Pt 1
- jQuery Plugins Pt 2
Module 13: Course Summary
- Course Summary
Modes of Learning
- Flashcards: Remember the “read and guess” games we used to play back then? Here’s to enhance what you learned. How does it work? A statement will be written on a flashcard, and you’ll need to guess the answer. Then flip it over to see if you answered it correctly. The cards continue, each with a random statement from the course that you took previously.
- Scatter: “Make Everything Disappear.” Turn the screen white and vanish it all but this time testing your knowledge and your time being monitored. Find the best match and click your way toward success. This brain teaser might give you a hard time! But education combined with games adds an element of fun to it.
- Learn: Here’s another. Read and choose the right answer. A game designed on a Multiple-Choice pattern. This kind of exercise boosts your confidence. When one option seems to be correct, you choose the other only for it to be the right option. The right option will welcome another statement, but don’t sweat! You are still learning.
- Speller: This fun-packed game is unique in its own way. Hear the term carefully and type it out on your screen. You think you are a pro at learning spellings of tricky terms. Test yourself out with this game. Could you hear it properly? If you could, were you able to write it?
We have found our students doing absolutely great by showcasing their certificates. Grab that certificate of yours before someone else does and get that recognition you deserve.
You best learn when you see it. Our easy-to-understand video content is in place for you. Watch the studying content and grasp all the concepts easily. With so many lectures and 3000+ hours of video content, find what suits your needs. These educational videos are designed to sharpen your experience with your training content. Our easy-to-understand video content is in place for you. Watch the studying content and grasp all the concepts easily.
In contrast to other e-learning services, our labs will let you exercise what you analyze in a real environment with a lot to choose from. This layout mirrors the traditional study room format which ensures you will recognize exactly the way to set up, manage and troubleshoot any environment.
Being a successful IT professional involves more than knowing key terms and concepts. You need to be able to “apply” your knowledge to real-world situations. At EZDA we quote, “Learn it to pertain to it.” So, why spend money buying the equipment when we got you all covered?