The Complete Web Designer package contains 3 of our most popular courses: HTML5 Foundations, CSS3 Foundations, and JavaScript Foundations. These three coding languages (working together) are used to create every website in the world.

Designed specifically for the interactive StudioWeb system, students are amazed how quickly and easily, they learn modern web design. All of StudioWeb’s courses provide a holistic training that makes understanding complex concepts easy, and memorization fun.

Course Modules

1. HTML5: 

HTML5 is the foundation coding language of every website in the world. Google, Amazon, Reddit … are all created with HTML5

StudioWeb’s HTML5 Foundations, is a course that teaches you far more than code: In a short time, you will learn how to build websites, how to write clean professional code, and so much more. Learn more (link to html5 course)

2. CSS3: 

CSS, which stands for Cascading Style Sheets, is the computer language used to style web pages. Having a basic understanding of CSS is fundamental for any web designer or web programmer!

CSS3 Foundations is our new CSS course specially designed for students totally new to CSS. You will quickly feel confident with CSS3 code, and you will be building real websites and web GUIs in no time! Learn more (link to CSS3 course)

3. JavaScript: 

Javascript is the programming language built into every web browser - Chrome, Firefox, Safari,  and all the others. JavaScript also happens to be the most popular programming language used today. 

Every modern website depends on JavaScript.  Understanding JavaScript is fundamental for any web designer or web programmer! If you know JavaScript, a high paying job is just around the corner! Learn more (link to JS course)

Web Foundations: what are domain names?
Introduction the HTML5

Start Learning Today!

Add to cart

Course Table of Contents

  • Beginners HTMLFree Previews

    View Videos
    • Chapter 1: The Basics
    • Chapter 2: Behind the Pages
    • Chapter 3: Build your 1st Web Page
      • Setting up the basic HTML page - part 1
      • Setting up the basic HTML page - part 2
      • HTML tag Rules - part 1
      • HTML tag Rules - part 2
      • Versions of HTML and doctypes
      • Peculiar text behaviour and tag spacing
    • Chapter 4: Build your 1st Web Site
      • What exactly are websites - part 1
      • What exactly are websites - part 2
      • Hyperlinks - part 1
      • HR tags
      • Header tags
      • Tag attributes
      • Hyperlinks - part 2
      • Hyperlinks - part 3
      • Paths
      • Clients vs Servers
      • Root Directory
      • Closing the chapter
    • Chapter 5: The 9 Essential Tags
      • Introduction
      • The break tag
      • Inserting images - part 1
      • Inserting images - part 2
      • Inserting images - part 3
      • Inserting images - part 4
      • Inserting images - part 5
      • Inserting images - part 6
      • Building HTML list - part 1
      • Building HTML list - part 2
      • Text formatting
      • Inline vs block tags
      • HTML comments
      • Domain names
    • Chapter 6: HTML Forms
      • HTML forms - part 1
      • HTML forms - part 2
      • HTML forms - part 3
      • HTML forms - part 4
      • HTML forms - part 5
      • HTML forms - part 6
      • HTML forms - part 7
      • HTML forms - part 8
    • Chapter 7: HTML Tables
      • HTML tables - part 1
      • HTML tables - part 2
      • HTML tables - part 3
      • HTML tables - part 4
      • HTML tables - part 5
      • HTML tables - part 6
    • Chapter 8: Head and Meta Tags
      • The ‘lang’ attribute
      • Meta Tags
      • More about the Head
  • Beginners CSSFree Previews

    View Videos
    • Chapter 1: The Basics
      • Introduction Free Preview
      • CSS tag selectors - part 1 Free Preview
      • CSS tag selectors - part 2 Free Preview
      • CSS tag selectors - part 3
      • CSS tag selectors - part 4
      • CSS class selectors
      • CSS ID selectors
      • CSS cascade intro
      • Dont repeat code
      • CSS layout types - part 1
      • CSS layout types - part 2
      • CSS layout types - part 3
      • CSS selectors - a refresher
    • Chapter 2: CSS Styling Basics
      • Page template & external CSS Free Preview
      • Page template & cleaner code
      • The nav tag & semantic meaning
      • CSS color - part 1
      • CSS color - part 2
      • CSS color - part 3
      • CSS color - part 4
      • CSS color - part 5
      • Styling text
      • Styling text - font weight - part 1
      • Styling text - complex selectors
      • Styling text - font weight - part 2
      • Font families - part 1
      • Font families - part 2
      • Font size - part 1
      • Font size - part 2
      • Font size - part 3
      • Parent / Child - part 1
      • Parent / Child - part 2
      • Parent / Child - part 3
    • Chapter 3: Diving deeper into CSS
      • Web safe fonts refresher
      • Google fonts - part 1
      • Google fonts - part 2
      • Google fonts - part 3
      • Browser developer tools review
      • Background colors - part 1
      • Background colors - part 2
      • Cascade in CSS
      • Background images
      • Background images - cover
      • 3 ways to insert CSS
    • Chapter 4: The Box Model
      • Box model - introduction
      • Box model - margin and layouts
      • Box model borders - part 1
      • Box model borders - part 2
      • Box model - more margins
      • Box model - shorthand
      • Box model - calculate width
      • Box model - centering in CSS
      • Color and background images
      • Height property
      • Opacity
    • Chapter 5: Styling Links and List
      • Intro pseudo classes - part 1
      • Intro pseudo classes - part 2
      • Intro pseudo classes - part 3
      • Specificity refresher
      • Creating buttons - part 1
      • Creating buttons - part 2
      • Creating buttons - part 3
      • Styling list with images
      • Block level tags
      • CSS list styles
      • CSS navbars
    • Chapter 6: Display and Position
      • Fixed vs fluid - part 1
      • Fixed vs fluid - part 2
      • Height and overflow
      • Block vs inline refresher
      • Visibility & floats - part 1
      • Visibility & floats - part 2
      • Position fixed
      • Position relative
      • Position absolute
    • Chapter 7: Mini Projects
      • The 'main' tag fix
      • Top nav - part 1
      • Top nav - part 2
      • Style table - part 1
      • Style table - part 2
      • Style table - part 3
      • Style table - part 4
    • Chapter 8: Media Queries
      • Media queries - part 1
      • Media queries - part 2
      • Media queries - part 3
      • Media queries - part 4
    • Chapter 9: CSS Layouts
      • Simple layout - part 1
      • Simple layout - part 2
      • Simple layout - part 3
      • Fixed / liquid layout - part 1
      • Fixed / liquid layout - part 2
      • Fixed / liquid layout - part 3
      • Fixed / liquid layout - part 4
      • Shark page - part 1
      • Shark page - part 2
      • Shark page - part 3
      • Shark page - part 4
  • Beginners JavaScript Free Previews

    View Videos
    • Chapter 1: Introduction to JavaScript
    • Chapter 2: Event Handlers
      • Event Handlers: Part 1
      • Event Handlers: Part 2
      • Event Handlers: Part 3
    • Chapter 3: JavaScript Errors
      • Viewing Javascript Errors
      • Display Javascript Errors
    • Chapter 4: Variables
      • Variables: Part 1
      • Variables: Part 2
      • Variables: Part 3
      • Variables: Part 4
    • Chapter 5: Functions
      • Functions: Part 1
      • Functions: Part 2
      • Functions: Part 3
      • Functions: Part 4
      • Functions: Part 5
      • Functions: Part 6
      • Functions: Part 7
      • Functions: Part 8
    • Chapter 6: Decisions in code
      • JS Conditionals: Part 1
      • JS Conditionals: Part 2
      • JS Conditionals: Part 3
      • JS Conditionals: Part 4
      • JS Conditionals: Part 5
    • Chapter 7: Loops
      • Loops: Part 1
      • Loops: Part 2
      • Loops: Part 3
      • Loops: Part 4
    • Chapter 8: Object and Arrays
      • Objects and Arrays: Part 1
      • Objects and Arrays: Part 2
      • Objects and Arrays: Part 3
      • Objects and Arrays: Part 4
      • Objects and Arrays: Part 5
      • Objects and Arrays: Part 6
      • Objects and Arrays: Part 7
    • Chapter 9: More Functions
      • More Functions: Part 1
      • More Functions: Part 2
      • More Functions: Part 3
      • More Functions: Part 4
      • More Functions: Part 5
      • More Functions: Part 6
      • More Functions: Part 7
      • More Functions: Part 8
    • Chapter 10: JavaScript DOM
      • DOM: Part 1
      • DOM: Part 2
      • DOM: Part 3
    • Chapter 11: Processing HTML Forms
      • Forms: Part 1
      • Forms: Part 2
      • Forms: Part 3
      • Forms: Part 4
      • Forms: Part 5
      • Forms: Part 6
    • Chapter 12: JavaScript Mini Projects
      • HTML5 Contenteditable
      • Drawing with JavaScript
      • Animation with JS: Part 1
      • Animation with JS: Part 2
      • Animation with JS: Part 3

Start learning today for only $29.99!

Add to cart

You might also be interested in...

Additional career-building courses in HTML5, CSS3, JavaScript, PHP7, Wordpress, Python 3 and more!

HTML5 PRO

An easy and fun introduction to HTML5 code and the foundations of web design. Beginners HTML is designed with classroom teaching mind

CSS3 PRO

CSS3 PRO, is our new CSS3 course specially designed to teach everyting you need to write pro level CSS3.

Students learn modern CSS3 through video lessons, code challenges, multiple choice quizzes and real-world take-home projects. Released: December 2021.
To Top