eLearning Bundle - Web Design Online Course

HTML Web Design TrainingeLearning Bundle - Web Design

by Certstaffix® Training

Length: 5 Course(s)      Price: $350/person (US Dollars)      Bulk Pricing: 6+ Contact Us      Access Length: 6 Months      Category: HTML / Web Development


This eLearning Bundle includes these 5 courses: HTML5 and CSS3, Part 1 of 3, HTML5 and CSS3, Part 2 of 3, HTML5 and CSS3, Part 3 of 3, Beginning Responsive Web Development with HTML and CSS and Developing Mobile Websites.
Purchase This Course ➥
Course Description: Print It | Download PDF | Email It

  Online HTML / Web Development Classes: Learn at Your Own Pace

We will enroll you into a demo (Windows 10) eLearning session. Login information will be emailed to you.

Prefer a self-paced learning solution to fit your own schedule? Certstaffix® Training offers eLearning courses bundled together:

  • Learn at your own pace - Start and stop as it is convenient for you. Pick up where you left off.
  • Lecture utilizing video and recorded screen shots
  • 6 month subscription length
  • Any software needed for training is provided in an online lab environment.

  Detailed Training Topics

Course Description: Print It | Download PDF | Email It
HTML Web Design Training

HTML5 and CSS3, Part 1 of 3 - 1:57 hours

FEATURES
Inline Activities
Video

With the advent of multimedia on web pages it became clear that the standard HTML4 was no longer sufficient for web page development. Enter HTML5 and CSS3 in connection with JavaScript. This course covers the changes to HTML that now can embed audio and video playing without using a plug-in. The course will also cover many new features such as Structural Tags, Input Field Types, and Canvas Elements. The course also includes the new CSS3 Transitions, local storage of user preferences, history management, and drawing and animating graphics with WebGL.

Introduction [11:06]
Structural Tags and Attributes [18:39]
Custom Data Attributes [15:14]
HTML5 Form Input Types [11:59]

HTML5 and CSS3, Part 2 of 3 - 2:11 hours

FEATURES
Inline Activities
Video

With the advent of multimedia on web pages it became clear that the standard HTML4 was no longer sufficient for web page development. Enter HTML5 and CSS3 in connection with JavaScript. This course covers the changes to HTML that now can embed audio and video playing without using a plug-in. The course will also cover many new features such as Structural Tags, Input Field Types, and Canvas Elements. The course also includes the new CSS3 Transitions, local storage of user preferences, history management, and drawing and animating graphics with WebGL.

Multi Column Layouts [06:56]
Media Queries [10:37]
Rounded Corners [06:19]
Adding Shadows [12:41]
Using Real Fonts [06:53]
CSS3 Transitions [10:33]
Native Drag and Drop [10:01]

HTML5 and CSS3, Part 3 of 3 - 2:52 hours

FEATURES
Inline Activities
Video

With the advent of multimedia on web pages it became clear that the standard HTML4 was no longer sufficient for web page development. Enter HTML5 and CSS3 in connection with JavaScript. This course covers the changes to HTML that now can embed audio and video playing without using a plug-in. The course will also cover many new features such as Structural Tags, Input Field Types, and Canvas Elements. The course also includes the new CSS3 Transitions, local storage of user preferences, history management, and drawing and animating graphics with WebGL.

Web SQL Storage [20:44]
Web SQL Storage Continued [26:39]
Web SQL Storage Conclusion [14:06]

Beginning Responsive Web Development with HTML and CSS - 6:53 hours

FEATURES
Audio Narration
Video

With trends driving the changes in web design, it is almost impossible for desktop-only websites to meet minimum style and usability expectations. We show you how to create a single solution that works on all modern devices. This course begins with the latest techniques provided by HTML5 and CSS3. Along the way, you will discover tips and tricks that make your future designs and development workflow leaner and more maintainable than ever before. By the time you reach the end , you will be equipped with the latest cutting-edge frontend development skills, ready to develop your very own modern, responsive websites that are pixel-perfect across a wide range of devices.

THE ESSENTIALS OF RESPONSIVE WEB DESIGN

Course Overview

The Essentials of Responsive Web Design

Defining Responsive Web Design

Tools and Text Editors

First Responsive Example Building a Simple Fluid Layout

Taming Images

Amending the Example for a Larger Screen

Lesson Summary


MEDIA QUERIES – SUPPORTING DIFFERENT VIEWPORTS

Lesson Overview

Media Query Syntax

Combining Media Queries

Using Media Queries to Alter a Design

Media Queries Best Practices

The Viewport Meta Tag

Media Queries Level 4

Lesson Summary


FLUID LAYOUTS AND RESPONSIVE IMAGES

Lesson Overview

Converting a Fixed Pixel Design to a Fluid Proportional Layout

Flexbox

Direction Part 1

Direction Part 2

Alignment

Flex Property

Changing Source Order

Responsive Images

Lesson Summary


HTML5 FOR RESPONSIVE WEB DESIGNS

Lesson Overview

HTML5 Markup

Semantic HTML5

HTML5 Media Elements

Lesson Summary


CSS3 – SELECTORS, TYPOGRAPHY, AND COLOR MODES

Lesson Overview

Introduction to CSS

Word Wrapping

Facilitating Feature Forks in CSS

New CSS3 Selectors and Their Use

CSS3 Structural Pseudo-Classes

nth Rules

More about CSS

New CSS3 Color Formats and Alpha Transparency

Lesson Summary


STUNNING AESTHETICS WITH CSS3

Lesson Overview

Shadows with CSS3

Gradients

Adding Fallback for Older Browsers

Background Images

CSS Filters

Lesson Summary


TRANSITIONS, TRANSFORMATIONS, AND ANIMATIONS

Lesson Overview

CSS3 Transitions

CSS3 2D Transforms

CSS3 3D Transformations

CSS Animations

Lesson Summary


CONQUER FORMS WITH HTML5 AND CSS3

Lesson Overview

HTML5 Forms

The HTML5 Input Element

Styling forms with CSS

Lesson Summary


USING SVGS FOR RESOLUTION INDEPENDENCE

Lesson Overview

Introducing SVGs

Inserting SVGs

Extra SVG Capabilities and Oddities

Lesson Summary

Developing Mobile Websites - 15:45 hours

FEATURES
Audio Narration
Inline Activities
Video


In this Responsive Web Design training class, you will learn to use HTML5, CSS, JavaScript, and other tools to create websites that are responsive: sites that adapt their layout to the client device being used, whether it be a smartphone, tablet computer, or desktop computer/laptop. You will learn to use CSS media queries, mobile-friendly HTML5 features, JavaScript enhancements, and various frameworks to build websites that look as good on an iPhone or Android as they do on a desktop or laptop computer.


Lesson 1: Designing for Mobile

Lesson 2: Flexible Grids

Lesson 3: Flexible Images and Other Media

Lesson 4: The Viewport & Media Queries

Lesson 5: HTML5: Mobile Specific

Lesson 6: GeoLocation API

Lesson 7: Home Screen Icons

Lesson 8: Accelerometer

Lesson 9: Video

Lesson 10: jQuery Mobile

Lesson 11: Mobile Menus

Lesson 12: The Bootstrap Framework
Course Description: Print It | Download PDF | Email It