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)

Beginners HTML
Beginners CSS
Beginners JavaScript

Testimonials

My name is William. I've just started my own webcomics site. I thought it was going to be easy but for me it's been more of a challenge then I thought. I just wanted to drop you a line to thank you. I knew nothing at all before I came upon your site but know I'm doing OK not an expert by any means but your site got me up and going enough to understand what I was doing instead of just shooting in the dark. Again thank you so much for your great site.

Bill

I enjoyed the course It was clear and well paced. The examples were by and large good. I have a later version of Wordpress and the template was quite a bit different. Thanks

Peter Coe

Finally a course that keep your focus from beginning to end! Lessons are easy to understand and divided into 5-8min videos (I hate looong boring videos !) Really great work Stef!

Shane

Id just like to say thank you, and how much i am enjoying your tutorials on CSS, HTML and the like. I am only a beginner and would really like to take it further, so thank you very much.

Shane A


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 Foundations

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

CSS3 Foundations

Beginners CSS 2015, is our new CSS course specially designed for classroom teaching. Students learn modern CSS through video lessons, code challenges, multiple choice quizzes and real-world take-home projects.
To Top