Course description

  • What is this course about?

    HTML Development Suite is a comprehensive training program that equips candidates with the fundamentals of HTML, advanced HTML, HTML and CSS for Beginning Web Developers as well as a detailed discernment of HTML5. With the continuous advancement in the Internet the need to develop search-engine friendly pages is on the rise. Therefore, employers are seeking trained HTML professionals who are capable of making the website accessible to a huge audience.

    HTML is the custom markup language that is used for creating web pages. The web browser reads HTML files and converts them into audible or visible web pages. The HTML tags are used to interpret page content and describe the website structure. HTML elements help in creating structured documents by contributing structural semantics.

    HTML Development Suite is comprehensive and can be taken up by both beginners as well as advanced learners. HTML Development Suite is best suited for web designers, mobile app developers, web application developers, software engineers and candidates with technical background.

  • What learning benefits do you get from Simplilearn’s training?

    Here are some of the major learning benefits that come with this training:
    • Trained professionals will be thorough with the fundamentals of HTML, which includes understanding of HTML and XML, create web page, link one web page to another and publish HTML pages
    • The training entails HTML5 Mobile Game Development by Example - Educational Game and HTML5 Mobile Game Development by Example -Veggies vs Zombies. These enable the candidates to create modest 2D games for mobile, web and other devices
    • Advanced HTML, HTML5 and CSS3 Site Design and HTML5 Input Types are also covered in this training
    • Build Your Own HTML5 Video Player covered in this training empowers the participants to develop their own HTML5 video interface from the scratch. This includes embedding video using HTML5 and creating custom controls
    • By the end of this training program candidates will be able to comfortably add HTML5 video to any website

  • What are the career benefits in-store for you?

    With the constant advancement in technology and continuous change in programming platforms, the demand for trained HTML professionals is on a constant rise. Here are some of the major career benefits that come with this training:
    • Average salary for trained HTML developer is $89,000. Source: payscale.com
    • With the constant rise in the number of websites and internet marketing becoming a norm, IT companies across the globe are seeking competent HTML developers
    • As organizations seek trained HTML professionals, trained professionals have an edge over their non-trained counterparts

  • Why Simplilearn?

    • Simplilearn is the World’s Largest Certification Training Provider, with over 500,000+ professionals trained globally
    • Trusted by the Fortune 500 companies as their learning provider for career growth and training
    • 2000+ certified and experienced trainers conduct trainings for various courses across the globe
    • All our Courses are designed and developed under a tried and tested Unique Learning Framework that is proven to deliver 98.6% pass rate in first attempt
    • Accredited, Approved and Recognized as a training organization, partner, education provider and examination center by globally renowned names like Project Management Institute of USA, APMG, CFA Institute, GARP, ASTQB, IIBA and others

Course preview

    • Building Responsive Websites with HTML5 CSS3

      3:29:50
      • 1.1 Welcome
        00:48
      • 1.2 A Look At What We'll Build
        01:36
      • 1.3 Key Aspects Of Responsive Design
        02:43
      • 1.4 Determining Device Resolutions To Target
        04:20
      • 1.5 Wireframing Responsive Layouts
        04:59
      • 1.6 The Concept Of Using Multiple CSS Files
        10:50
      • 1.7 Media Queries and Multiple Style Sheets
        08:58
      • 1.8 Building Media Queries Into A Single CSS File
        07:38
      • 1.9 Using Media Query Expressions
        05:05
      • 1.10 Setting Up The HTML and CSS Files
        04:19
      • 1.11 Getting Started With The Header
        07:36
      • 1.12 Inserting The Main Nav Menu
        06:01
      • 1.13 Inserting The Search Field
        06:56
      • 1.14 Problems With Applying Floats
        04:19
      • 1.15 Integrating Google Fonts API
        03:25
      • 1.16 Building The Hero Section Structure
        04:26
      • 1.17 Formatting The Hero Section
        09:04
      • 1.18 Inserting and Formatting A Call To Action Button
        09:51
      • 1.19 Building The Features Section, Part One
        05:46
      • 1.20 Building The Features Section, Part Two
        04:57
      • 1.21 Inserting The Organize Section
        08:19
      • 1.22 Building The Share Section
        05:16
      • 1.23 Building The Call To Action Area
        06:36
      • 1.24 Inserting And Formatting The Footer
        03:48
      • 1.25 Finishing Touches For The High Resolution Layout
        04:07
      • 1.26 Setting Up The Medium Resolution CSS and Testing The Media Query
        07:02
      • 1.27 Formatting The Medium Res Header
        04:08
      • 1.28 Formatting The Medium Res Hero Section
        06:09
      • 1.29 Formatting The Features Section
        02:14
      • 1.30 Formatting The Organize And Share Sections
        05:17
      • 1.31 Building The Get Section and Finishing Up The Medium Res Layout
        02:53
      • 1.32 Setting Up The Low Res CSS and Testing The Media Query
        04:41
      • 1.33 Formatting The Low Res Header
        02:53
      • 1.34 Resolving Problems Caused By Floats
        04:22
      • 1.35 Formatting The Low Res Hero Section
        03:18
      • 1.36 Formatting The Features Section
        01:46
      • 1.37 Formatting The Organize And Share Sections
        02:59
      • 1.38 Building The Get Section and Finishing Up The Low Res Layout
        03:07
      • 1.39 Disabling Device Smart Zoom
        05:59
      • 1.40 Testing Your Responsive Layouts
        04:28
      • 1.41 Setting Up Retina Display Graphics
        06:22
      • 1.42 Where To Go From Here
        00:29
    • Module 1 - Introduction to the Course

      02:17
      • 1.1 Introduction To The Course
        02:17
    • Module 2 - How to Build an HTML5 Video Player

      47:30
      • 2.1 How To Build An HTML 5 Video Player
        08:09
      • 2.2 Coding The HTML
        08:09
      • 2.3 Video Player Attributes
        07:17
      • 2.4 JavaScript Modifications
        08:05
      • 2.5 Working with Adobe Flash
        12:32
      • 2.6 Testing Your Video Player
        03:18
    • Chapter 0 - Introduction

      03:22
      • 0.1 Introduction
        01:56
      • 0.2 Here's What We'll Create In This Course
        01:26
    • Chapter 1 - From Wireframe To Design

      21:59
      • 1.1 From Wireframe To Design
        05:16
      • 1.2 Choosing Your Designs Colour Palette
        06:39
      • 1.3 Tools For Selecting Typefaces
        05:18
      • 1.4 Choosing Imagery And Design Elements
        04:46
    • Chapter 2 - Getting The Design Underway

      50:51
      • 2.1 Getting The Design Underway
        05:15
      • 2.2 Formatting Call To Action Buttons With CSS
        08:41
      • 2.3 Additional Shadow Effects To The Buttons
        03:11
      • 2.4 Finishing Up The Button Formatting
        05:40
      • 2.5 Typographic Treatments With Google Font API
        07:42
      • 2.6 Beginning The Features Section Styling
        05:29
      • 2.7 Finishing The Features Section
        04:08
      • 2.8 Formatting The Organize Section
        04:48
      • 2.9 Wrapping Up The Layouts Design
        05:57
    • Chapter 3 - Inserting and Formatting Graphics

      17:31
      • 3.1 Inserting and Formatting Graphics
        02:49
      • 3.2 Setting Up The Hero Section Graphics
        04:53
      • 3.3 Getting The Feature Section Images Inserted
        03:04
      • 3.4 Placing The Organize and Share Images
        02:52
      • 3.5 Using A Graphic As A Button Label
        03:53
    • Chapter 4 - Cross-Browser Testing

      22:49
      • 4.1 Cross - Browser Testing
        08:07
      • 4.2 Running Virtual Operating Systems For Testing
        09:17
      • 4.3 Making Minor Adjustments For Browser Compatibility
        05:25
    • Chapter 5 - Wrapping Up

      00:29
      • 5.1 Wrapping Up
        00:29
    • Advanced HTML

      25:03
      • 1.1 Course Materials
        00:30
      • 1.2 The Doctype
        01:58
      • 1.3 Head Section (Part 1)
        06:15
      • 1.4 Head Section (Part 2)
        06:49
      • 1.5 Scripts
        01:18
      • 1.6 Hierarchy (DOM)
        04:08
      • 1.7 Entities
        04:05
    • Understanding HTML5 Input Types

      12:06
      • 1.1 Introduction
        01:14
      • 1.2 Search
        01:04
      • 1.3 Email
        01:04
      • 1.4 URLs
        00:42
      • 1.5 Tel
        00:42
      • 1.6 Numbers
        01:44
      • 1.7 Range
        00:47
      • 1.8 Date
        00:43
      • 1.9 Month
        00:39
      • 1.10 Week
        00:12
      • 1.11 Time
        00:50
      • 1.12 Color
        00:32
      • 1.13 Turning Off Automatic Validation
        00:40
      • 1.14 Use Them Today
        01:13
    • 01 - Make HTML5 Games From Scratch With No Coding Required

      3:26:14
      • 1.1 Introduction To The Course Welcome
        04:06
      • 1.2 General Interface
        05:39
      • 1.3 Insert A Sprite
        01:54
      • 1.4 Sprite Properties
        03:53
      • 1.5 Adding Movement To A Sprite
        02:29
      • 1.6 Adding Borders
        03:48
      • 1.7 Edge And Origin
        01:02
      • 1.8 Learn How To Scroll To A Sprite
        01:57
      • 1.9 Adding A Background
        02:01
      • 1.10 Adding Layers
        02:08
      • 1.11 Adding Text To Your Game
        03:17
      • 1.12 Snapping To The Grid
        00:25
      • 1.13 Setting The Sprite Size
        06:10
      • 1.14 Learning More About Events
        03:11
      • 1.15 How To Rotate Your Sprite
        00:46
      • 1.16 How To Rotate Your Sprite With An Event
        04:24
      • 1.17 Rotate To An Angle
        04:14
      • 1.18 How To Set An Angle
        00:43
      • 1.19 How To Shake The Camera
        02:47
      • 1.20 Setting Opacity With Events
        01:10
      • 1.21 Setting Is Visible With Events
        00:47
      • 1.22 How To Destroy An Object With An Event
        01:41
      • 1.23 How To Spawn An Object And Basic Bullet Use
        07:03
      • 1.24 Bullets Part 2
        04:34
      • 1.25 Destroying The Projectile
        02:40
      • 1.26 Setting The Projectile s Origin
        03:24
      • 1.27 Rotate Towards Mouseclick
        01:42
      • 1.28 Move Sprite Towards Mouseclick
        01:26
      • 1.29 Introduction To Variables
        02:12
      • 1.30 Implementing Variables Rotate Sprite To Mouse
        05:31
      • 1.31 Speed Run How To Implement Everything
        06:23
      • 1.32 How To Pin Objects To Other Objects
        02:40
      • 1.33 Making Objects Solid
        01:05
      • 1.34 Collision Masks And Solid Objects
        02:03
      • 1.35 How To Use Wordwrap
        02:01
      • 1.36 Adding Car Properties To Your Sprite
        00:48
      • 1.37 How To Make A Heads Up Display (HUD)
        04:13
      • 1.38 Paralax Scrolling
        03:07
      • 1.39 Hiding Layers On Demand
        01:02
      • 1.40 More Layer Properties
        02:10
      • 1.41 How To Move To Co Ordinates And Objects
        04:33
      • 1.42 How To Move Layers
        03:45
      • 1.43 How To Change The Background Color
        02:25
      • 1.44 Changing The Background Color With A Tiled Background
        02:30
      • 1.45 Adding A Spotlight Effect
        06:34
      • 1.46 Adding Text Boxes
        00:51
      • 1.47 Adding Buttons To Your Game
        01:30
      • 1.48 Changing Text With Buttons
        05:02
      • 1.49 Append Text Feature
        02:12
      • 1.50 Adding A Variable To Your Textbox
        01:58
      • 1.51 Constantly Update Your Textbox With Text
        01:54
      • 1.52 Adding Sound To Your Game
        03:13
      • 1.53 Thoughts About Making An Easy Game
        08:47
      • 1.54 Thoughts On Making An Easy Game Part 2
        03:15
      • 1.55 Making An Easy Game Part 3
        05:08
      • 1.56 Finishing The Easy Game Part 4
        03:13
      • 1.57 Recap On What We Have Done So Far
        05:27
      • 1.58 Simple Physics
        02:22
      • 1.59 Add Spawning And Collision
        04:30
      • 1.60 Physics Properties
        05:17
      • 1.61 Applying A Force To A Physical Object
        03:22
      • 1.62 Applying A Force To An Angle
        01:00
      • 1.63 Applying A Force To A Position
        01:13
      • 1.64 Applying A Velocity
        02:02
      • 1.65 Adding Torque To Your Object
        00:58
      • 1.66 Adding Angular Velocity To Your Object
        01:14
      • 1.67 Applying Torque Towards An Angle
        01:14
      • 1.68 Applying Torque Towards A Position
        00:56
      • 1.69 How To Create A Revolute Joint
        01:37
      • 1.70 How To Make A Tiled Background
        03:44
      • 1.71 How To Make A Scrolling Background
        01:52
    • 02 - Make HTML5 Games From Scratch With No Coding Required - Part 2

      6:57:05
      • 2.1 Project goals and planning
        03:13
      • 2.2 Making a simple production spec
        07:54
      • 2.3 Adding the player and controls
        05:21
      • 2.4 Adding wall collisions
        02:52
      • 2.5 Tweaking the player controls
        02:23
      • 2.6 Adding projectiles
        04:26
      • 2.7 Adding a spread projectile
        08:49
      • 2.8 Adding debug features to your game
        03:03
      • 2.9 Adding a beam part 1
        03:05
      • 2.10 Adding a beam part 2
        03:53
      • 2.11 Adding homing projectiles
        05:27
      • 2.12 Fixing the homing projectile bug
        01:28
      • 2.13 How to make the enemies move towards the target
        03:11
      • 2.14 Adding the projectile enemy collision
        03:27
      • 2.15 Adding Spawining Objects
        02:01
      • 2.16 Adding the random function to the timer
        01:15
      • 2.17 Adding a score modifier
        05:36
      • 2.18 Adding in Scores and HUD
        06:46
      • 2.19 Adding the lives to the HUD
        02:43
      • 2.20 Adding the losing lives functionality
        02:30
      • 2.21 Adding the weapons type to HUD
        06:41
      • 2.22 Adding Powerups to your game
        07:45
      • 2.23 Adding points powerups to the game
        06:52
      • 2.24 Adding Weapons Select
        12:50
      • 2.25 Adding Beam powerup
        08:38
      • 2.26 Adding homing Powerup
        05:38
      • 2.27 Making a menu
        05:34
      • 2.28 Adding functionality to the menus
        05:40
      • 2.29 Setting up a game over screen
        04:50
      • 2.30 Adding some game over logic
        01:48
      • 2.31 Final Thoughts of the game before art
        04:05
      • 2.32 Intoduction to adobe illustrator and talking about aesthetic values
        09:38
      • 2.33 Making a simple scene
        13:41
      • 2.34 Adding gradients to you game
        07:34
      • 2.35 Resizing the image to fit the gameplay
        05:18
      • 2.36 Adding Snow to the mountains
        08:59
      • 2.37 Adding Shadding to the mountain
        12:30
      • 2.38 Adding Clouds
        11:56
      • 2.39 Adding some trees
        22:14
      • 2.40 Fixing the trees
        04:22
      • 2.41 Adding the trunks to the foreground trees
        04:44
      • 2.42 Adding the canopy to the trees in the foreground
        04:56
      • 2.43 Starting our bee character
        05:50
      • 2.44 Continuing the bee character part 2
        06:36
      • 2.45 Making a bee part 3
        03:51
      • 2.46 Adding more detail to the bee
        08:50
      • 2.47 Adding legs to the bee - WITH SOUND
        08:38
      • 2.48 Adding Wings to the bee
        04:23
      • 2.49 Completing the bee and talking about design
        03:56
      • 2.50 Creating the wasp
        04:41
      • 2.51 Creating the wasp part 2
        06:42
      • 2.52 Adding more detail to the wasp
        08:34
      • 2.53 Adding Detail to the eye
        06:42
      • 2.54 Adding detail to the mouth
        09:50
      • 2.55 Adding the Arms
        16:48
      • 2.56 Adding the wings to the wasp
        07:52
      • 2.58 Talking about the text and the design
        07:15
      • 2.59 Making Powerups
        11:10
      • 2.60 Making the rest of the powerups part 2
        02:52
      • 2.61 Making the projectile
        05:19
      • 2.62 Making the beam weapon part 1
        01:24
      • 2.63 Making the beam weapon's spark part 2
        05:49
      • 2.64 Making the title Screen
        08:01
      • 2.65 Adding detail to the title screen
        10:34
      • 2.66 Finishing the title screen
        05:52
    • 03 - Make HTML5 Games From Scratch With No Coding Required - Part 3

      4:54:22
      • 3.1 Finishing the cards
        04:32
      • 3.2 Setting up the instruction screen
        04:11
      • 3.3 Making the bee animation
        09:34
      • 3.4 Making the wasp animation
        08:58
      • 3.5 Making the spark animation
        03:19
      • 3.6 Exporting Images
        13:01
      • 3.7 Setting up the instruction screen
        02:34
      • 3.8 Setting Up the menu screen
        04:46
      • 3.9 Setting up the highscore screen
        03:11
      • 3.10 Adding the art to the game screen
        03:19
      • 3.11 Adding the images to the game screen
        03:39
      • 3.12 Setting up the text in the game
        01:59
      • 3.13 Making the scrolling background
        17:16
      • 3.14 Fixing some illustrator and graphic problems
        15:27
      • 3.15 Adding the animation to the bee and the wasp
        02:21
      • 3.16 Adding the animation spark to the beam
        08:37
      • 3.17 Talking about the project and adding sound effects
        05:03
      • 3.18 Making the projectile sound effect
        04:53
      • 3.19 Making the spread projectile
        02:23
      • 3.20 Making the homing projectile
        04:35
      • 3.21 Making the beam sound effect
        05:40
      • 3.22 Making the wasp death sound
        04:12
      • 3.23 Making the bee hit sound
        02:43
      • 3.24 Talking about the music and adding our first beat
        05:13
      • 3.25 Adding the bass line
        03:34
      • 3.26 Adding the melody
        09:20
      • 3.27 Finishing the Song
        09:02
      • 3.28 Making the game over music
        01:19
      • 3.29 Adding the bass line to the game over music
        04:19
      • 3.30 Adding the melody
        04:24
      • 3.31 Adding the melody to the game over music
        08:59
      • 3.32 Making the drums more interesting in the game over music.
        03:39
      • 3.33 Composing the main music
        03:25
      • 3.34 Composing the bassline
        05:51
      • 3.35 Picking the synthsizers
        12:27
      • 3.36 Comosing the pre melody
        03:17
      • 3.37 Composing the A melody
        08:08
      • 3.38 Composing the B melody
        07:23
      • 3.39 Making the song a little more interesting
        05:50
      • 3.40 Adding the form the to song
        05:00
      • 3.41 Adding an intro to the song
        07:32
      • 3.42 Making the drums more interesting
        06:28
      • 3.43 Adding cymbals and finishing the song
        09:32
      • 3.44 Mixing your music
        05:17
      • 3.45 Making a powerup Sound effect
        01:08
      • 3.46 Making the second powerup sound effect
        01:06
      • 3.47 Adding the music to the game
        04:50
      • 3.48 Correcting the music coding errors
        03:55
      • 3.49 Correcting a music logic problem
        02:28
      • 3.50 Adding sound effects part 1
        06:55
      • 3.51 Adding sound effects part 2
        03:51
      • 3.52 Mixing your audio in the engine
        03:57
    • 04 - Make HTML5 Games From Scratch With No Coding Required - Part 4

      1:45:11
      • 4.1 Adding a difficulty curve
        16:01
      • 4.2 Adding a difficulty curve part 2
        02:59
      • 4.3 Making the game more fun
        06:07
      • 4.4 Adding high scores and polishing the game
        06:12
      • 4.5 Making the icons for the chrome store
        14:50
      • 4.6 Making the 16x16 icon
        02:53
      • 4.7 Making the banners 1280 and 440
        10:50
      • 4.8 Packing your game for the chrome store
        05:49
      • 4.9 Final steps of publishing to the chrome store
        09:32
      • 4.10 Final steps of publishing to the chrome store
        01:05
      • 4.11 Setting up the facebook game
        03:28
      • 4.12 Adding a facebook login
        04:02
      • 4.13 Publishing your score to your facebook
        03:30
      • 4.14 Exporting your HTML 5 webpage
        01:46
      • 4.15 Setting canvas URL in facebook
        02:44
      • 4.16 Resizing your icon
        02:56
      • 4.17 Finalizing your facebook game
        02:31
      • 4.18 Final thoughts of Bees versus wasps
        07:56
    • 05 - Make HTML5 Games From Scratch With No Coding Required - Part 5

      44:27
      • 5.1 Families
        08:20
      • 5.2 Famillies part 2
        02:55
      • 5.3 Particles Part 1
        01:08
      • 5.4 Particles and rotation
        01:39
      • 5.5 Adding the particles to the mouse
        01:05
      • 5.6 How to rotate the particles manually
        01:21
      • 5.7 Particle Spawn Rate
        00:56
      • 5.9 Particle spray cones
        02:38
      • 5.10 One Shot versus continuous spray
        01:15
      • 5.11 Setting values in the event sheet
        01:36
      • 5.12 Changing the image
        01:49
      • 5.13 Particle speed and art verus technical
        02:31
      • 5.14 Setting the particle size
        01:22
      • 5.15 Particle Opacity
        01:07
      • 5.16 Particle Growth Rate
        01:20
      • 5.17 X and Y randomizer
        01:56
      • 5.18 Speed Randomizer
        01:13
      • 5.19 Size Randomizer
        01:09
      • 5.20 Growth Rate randomizer
        02:05
      • 5.21 Particle Acceleration
        01:18
      • 5.22 Angle randomizer
        01:46
      • 5.23 Particle Gravity
        02:00
      • 5.24 Speed Randomizer
        01:15
      • 5.25 Opacity Randomizer
        00:43
    • Section 1 - Start Your Engines

      16:26
      • 1.1 Introduction
        04:46
      • 1.2 HTML 5 Quintus Basics
        11:40
    • Section 2 - Course Project

      2:08:31
      • 2.1 Sprites Loading
        10:04
      • 2.2 Zombie Class
        04:12
      • 2.3 Collision And Physics
        06:10
      • 2.4 Accessing The Game Loop
        05:20
      • 2.5 Game UI
        05:43
      • 2.6 Modules
        09:51
      • 2.7 Touching The Sun
        06:52
      • 2.8 Game State Variables
        05:00
      • 2.9 Gameplay Module
        07:26
      • 2.10 Random Sun Generation
        08:32
      • 2.11 Plants
        09:39
      • 2.12 Shooting Plants
        07:18
      • 2.14 Explosive Chillis
        01:46
      • 2.15 Sunflowers
        03:40
      • 2.16 Loading Levels From Json Files
        09:14
      • 2.17 Plant Buttons
        12:18
      • 2.18 Audio
        08:46
      • 2.19 Multilevel Game
        06:40
    • Section 3 - Course Summary

      03:58
      • 3.1 Course Summary
        03:58
    • Section 1 - Start Your Engines

      16:11
      • 1.1 Intoduction
        04:31
      • 1.2 Html 5 Quintus Basics
        11:40
    • Section 2 - Course Project

      1:47:49
      • 2.1 Structure Loading Assets
        07:37
      • 2.2 Stages Scenes and Layers
        06:49
      • 2.3 Sprites
        06:20
      • 2.4 Collision Detection
        05:14
      • 2.5 Viewport Camera
        06:29
      • 2.6 The Rivals
        07:56
      • 2.7 The Princess
        07:48
      • 2.8 Game Over
        12:23
      • 2.9 Level Options
        07:52
      • 2.10 UI Module
        06:46
      • 2.11 Game States and Question Generation
        07:17
      • 2.12 Number Buttons
        07:23
      • 2.13 Answer Area
        03:14
      • 2.14 Checking the Answer
        09:32
      • 2.15 Adding Sound
        05:09
    • Section 3 - Course Summary

      06:04
      • 3.1 Course Summary
        06:04
    • Chapter 0 - Introduction

      03:12
      • 0.1 Introduction
        00:57
      • 0.2 A Look At What Well Build
        02:15
    • Chapter 1 - Let Get Started

      25:33
      • 1.1 Lets Get Started
        03:25
      • 1.2 In The Beginning HTML Fundamentals
        11:18
      • 1.3 Understanding What CSS Is All About
        06:34
      • 1.4 Viewing A Page Background Code
        04:16
    • Chapter 2 - Getting Your Files Organized

      16:01
      • 2.1 Getting Your Files Organized
        06:43
      • 2.2 Creating A Page And Understanding Index Files
        05:41
      • 2.3 Setting Up An External Style Sheet
        03:37
    • Chapter 3 - Let Build A Web Layout From Scratch

      1:27:45
      • 3.1 Lets Build A Web Layout From Scratch
        06:54
      • 3.2 Connecting The External Style Sheet And Testing
        08:14
      • 3.3 Inserting And Formatting The Site Header
        07:36
      • 3.4 Finishing Up The Basic Layout
        04:48
      • 3.5 Debugging For Internet Explorer
        03:25
      • 3.6 Understanding How The Layout Works
        05:49
      • 3.7 Using Divs For Page Layout
        07:14
      • 3.8 A More Economical Approach To Layout And CSS
        07:50
      • 3.9 Using Float And Clear
        05:54
      • 3.10 Centering The Layout
        09:01
      • 3.11 Nesting Layout Objects
        07:03
      • 3.12 Spacing Apart The Layout
        09:11
      • 3.13 Final Touches
        04:46
    • Chapter 4 - Inserting And Formatting Text

      1:17:29
      • 4.1 Inserting And Formatting Text
        04:16
      • 4.2 Setting Up Paragraphs And Headings
        04:36
      • 4.3 Adjusting The Layout For Text Part 1
        07:35
      • 4.4 Adjusting The Layout For Text Part 2
        05:19
      • 4.5 Formatting HTML Headings With CSS
        06:48
      • 4.6 Formatting Paragraphs
        04:09
      • 4.7 Using Class Rules To Format Text
        05:22
      • 4.8 More Formatting With Class Rules
        09:07
      • 4.9 Working More Efficiently With CSS
        06:52
      • 4.10 Inserting And Formatting Lists
        06:40
      • 4.11 Using A List To Build The Main Navigation Menu
        10:15
      • 4.12 Setting Up The Footer Navigation
        06:30
    • Chapter 5 - Now It Time For Some Graphics

      42:18
      • 5.1 Now It Time For Some Graphics
        06:28
      • 5.2 Resizing Images With Your Graphics Editor
        04:51
      • 5.3 Controlling Graphics With CSS
        07:06
      • 5.4 Inserting The FeatureBox Images(Free Lesson)
        07:10
      • 5.5 Adjusting The FeatureBox Layout
        02:57
      • 5.6 Setting Up The FeatureBox Titles
        06:18
      • 5.7 Illustrator, Photoshop, HTML, And CSS Workflow
        07:28
    • Chapter 6 - Site Rollout

      26:21
      • 6.1 Site Rollout
        03:37
      • 6.2 How To Not Roll Out A Website
        07:07
      • 6.3 Roll Out 1 - Setting Internal Hyperlinks
        04:36
      • 6.4 Roll Out 2 - Creating The Site Pages
        01:33
      • 6.5 Previewing And Testing The Site
        04:03
      • 6.6 A Final Thought On Site Rollout
        05:25
    • Chapter 7 - Inserting Additional Page Elements

      1:02:46
      • 7.1 Inserting Additional Page Elements
        06:58
      • 7.2 Inserting A Simple Slideshow
        08:29
      • 7.3 Inserting And Formatting Tables
        08:15
      • 7.4 Inserting A Google Map
        07:51
      • 7.5 Formatting A Customer Testimonial Page
        07:07
      • 7.6 Setting Up A Contact Us Page
        06:44
      • 7.7 Finalizing The Site
        11:55
      • 7.8 Organizing The CSS File
        05:27
    • Chapter 8 - Going Live Uploading The Completed Site

      25:26
      • 8.1 Uploading The Completed Site
        03:52
      • 8.2 Uploading The Local Site To The Remote Server
        02:25
      • 8.3 Testing The Live Site
        02:04
      • 8.4 Making Edits And Updating The Live Site
        06:49
      • 8.5 Testing And Debugging For Other Browsers
        09:53
      • 8.6 Conclusion
        00:23
    • Module 1 - Introduction To HTML

      08:44
      • 1.1 The Basics Of HTML
        02:55
      • 1.2 What Is HTML
        02:59
      • 1.3 Getting The Browser
        00:42
      • 1.4 Getting The Editor
        00:49
      • 1.5 Setting Up The Editor
        01:19
    • Module 2 - HTML Basics

      18:11
      • 2.1 Structure Hello World
        04:36
      • 2.2 The DOM
        02:10
      • 2.3 Customizing The Editor
        01:32
      • 2.4 Self Closing Tags - Environment
        01:21
      • 2.5 Validation
        06:10
      • 2.6 Comments
        02:22
    • Module 3 - Block Level Elements

      08:42
      • 3.1 Block Level Elements
        08:42
    • Module 4 - Line Breaks And Spacing

      04:50
      • 4.1 Line Breaks And Spacing
        04:50
    • Module 5 - Inline Elements

      22:58
      • 5.1 Span Text Modifiers
        02:37
      • 5.2 Anchors
        10:25
      • 5.3 Exercise - Linking To The Top Of The Page
        04:46
      • 5.4 Images
        05:10
    • Module 6 - Tables And Forms

      1:19:56
      • 6.1 Tables
        04:49
      • 6.2 The Basics Of Forms
        09:54
      • 6.3 HTML5 Input Attributes
        15:44
      • 6.4 New HTML5 Inputs
        08:53
      • 6.5 Action Attribute
        03:40
      • 6.6 GET vs POST
        03:13
      • 6.7 Using An Image For The Submi Button
        04:06
      • 6.8 Exercise - Hote Booking Form
        18:45
      • 6.9 Placeholder Vs. Value
        02:31
      • 6.10 Radio Buttons, Checkboxes, Selsct Elemnets And Text Areas
        08:21
    • Module 7 - Sematic HTML5 Elements

      14:35
      • 7.1 New Elements
        03:39
      • 7.2 What Are Semantic Elements
        03:14
      • 7.3 Semantics Elements In Practice
        04:32
      • 7.4 Meter And Progress Elements
        03:10
    • Module 8 - Multimedia

      07:43
      • 8.1 Audio
        04:15
      • 8.2 Video
        03:28
    • Fundamentals Of HTML

      1:20:54
      • 1.1 Course Materials
        00:25
      • 1.2 What Is HTML
        01:14
      • 1.3 Editors
        02:08
      • 1.4 Elements
        03:26
      • 1.5 Block Elements
        02:36
      • 1.6 Attributes
        05:02
      • 1.7 Line Breaks
        01:42
      • 1.8 Headers And Paragraphs
        04:45
      • 1.9 Links
        04:15
      • 1.10 Images
        04:27
      • 1.11 Formatting (Part 1)
        02:29
      • 1.12 Formatting (Part 2)
        05:16
      • 1.13 The Style Attribute
        07:42
      • 1.14 Comments
        02:44
      • 1.15 The Div Element
        02:02
      • 1.16 Lists
        04:37
      • 1.17 Tables (Part 1)
        05:57
      • 1.18 Tables (Part 2)
        06:14
      • 1.19 Forms
        10:59
      • 2.20 IFrames
        02:54
    • Chapter 0 - Introduction

      12:51
      • 0.1 Introduction
        04:03
      • 0.2 Why Using Photoshop May Not Be The Best Choice
        03:07
      • 0.3 Using HTML and CSS For Fast Wireframe Compositing
        02:54
      • 0.4 A Look At What We ll Build In This Course
        01:23
      • 0.5 Bonus Lesson How To Turn Any Web Page Into A Wireframe
        01:24
    • Chapter 1 - Getting Started

      46:27
      • 1.1 Getting Started
        04:45
      • 1.2 Building The Structural CSS Rules Part 1
        07:43
      • 1.3 Building The Structural CSS Rules Part 2
        02:53
      • 1.4 Connecting Up The HTML To The CSS
        05:20
      • 1.5 Centering Layout Elements
        05:37
      • 1.6 Setting Up Inner Layout Containers
        07:19
      • 1.7 Inserting Additional Inner Containers
        03:35
      • 1.8 Spacing Apart The Layout
        09:15
    • Chapter 2 - Wireframing The Header In Greater Detail

      20:26
      • 2.1 Wireframing The Header In Greater Detail
        04:37
      • 2.2 Building The Logo Container
        03:55
      • 2.3 Setting Up The Main Navigation Menu
        05:54
      • 2.4 Creating A Call - To - Action Button
        06:00
    • Chapter 3 - Building The Rest Of The Layout

      40:25
      • 3.1 Building The Rest Of The Layout
        04:41
      • 3.2 Getting Started With The Hero Content
        04:02
      • 3.3 Finishing Up The Hero Section
        05:36
      • 3.4 Inserting The Feature Headers
        03:35
      • 3.5 Building The Feature Boxes
        05:59
      • 3.6 Wireframing The Organize Section
        05:42
      • 3.7 Speeding Things Up For The Share Section
        04:27
      • 3.8 Finishing - Up The Wireframing
        06:23
    • Chapter 4 - Finishing Touches

      44:58
      • 4.1 Finishing Touches
        03:49
      • 4.2 Adding A Logo Placeholder With Text
        03:51
      • 4.3 Inserting The Remaining Image Placeholders
        03:23
      • 4.4 Inserting A Background Placeholder
        05:10
      • 4.5 Adding Subtle Interactivity
        06:01
      • 4.6 Adding Button Interactivity
        11:43
      • 4.7 Finishing Touches
        04:57
      • 4.8 Sharing The Wireframe For Review
        06:04
    • Chapter 5 - Wrapping Up

      00:21
      • 5.1 Wrapping Up
        00:21
    • {{childObj.title}}

      • {{childObj.childSection.chapter_name}}

        • {{lesson.title}}
      • {{lesson.title}}

    View More

    View Less

Reviews

Theresa Iserman
Theresa Iserman

By the end of this training program, I was confident and comfortable to add HTML5 video to any website

Jim Corey
Jim Corey

12 online course and one can create web pages with the help of HTML. Yes, this course does just that and much more

Charlie Pyne
Charlie Pyne

This expert level training course helps participants with foundation as well as advanced level skills of HTML. Great course

FAQs

  • I want to know more about the training program. Whom do I contact?

    Please join our Live Chat for instant support, call us, or Request a Call Back to have your query resolved.

    • Disclaimer
    • PMP, PMI, PMBOK, CAPM, PgMP, PfMP, ACP, PBA, RMP, SP, and OPM3 are registered marks of the Project Management Institute, Inc.