Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development CSS

Learn To Build Beautiful HTML5 And CSS3 Websites In 1 Month

The fastest way to learn HTML5/CSS3 & how to build websites that wow. Great for designers, entrepreneurs, & beginners!
Rating: 4.1 out of 54.1 (563 ratings)
19,299 students
Created by Ryan Bonhardt
Last updated 6/2014
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • At the end of this course HTML and CSS will no longer be a foreign language to you. Instead you will already have built your first couple sites and have the skills to build many others. You'll be a part of the 1% of people that actually know how to build things online and have a life-changing new skill set - the power to code and create.

Course content

8 sections • 80 lectures • 10h 55m total length

  • Preview01:43
  • This Guide Will Be Your Course Friend
    01:14
  • Preview03:23
  • Preview03:59
  • Preview07:29
  • HTML Basics
    03:33
  • Practicing Your HTML
    6 questions
  • Preview08:44

  • Preview09:06
  • Preview07:41
  • Quick Review
    7 questions
  • Preview06:07
  • More CSS Fun
    10:34
  • Get Your Font On
    04:55
  • Making Fonts Look Good
    02:42
  • The Box Model
    09:21
  • Bringin' In The Images
    12:10
  • Quick Review
    10 questions

  • The Grid System
    07:07
  • Linking It Up
    05:20
  • Quick Review
    7 questions
  • BONUS SECTION: Google Forms
    03:24
  • Font Awesome Is Awesome
    09:02
  • Playing With Spans
    02:50
  • Styling The Get Involved Section
    12:50
  • Centering Block Elements
    06:11
  • The Benefits Of Using Classes
    04:16
  • Hello Hover
    02:57
  • Beautification Through Background Colors
    06:57
  • All About IDs
    07:44
  • Quick Review
    9 questions
  • Finishing Off With The Footer
    03:32
  • Responsiveness: Making Your Site Look Good On All Devices
    17:29

  • Getting Your Site Live Online With Forge
    00:10
  • Getting Your Site Live With Github
    09:23
  • How To Get Free Hosting And Use Your Custom Domain Name
    07:29
  • What's Next?
    01:27

  • BONUS: Scrollspy Magic
    10:24
  • BONUS: Smooth Scrolling
    13:11
  • Fixed Positioning
    09:42
  • Absolute And Relative Positioning
    03:26
  • Modal Magic
    03:11
  • iFrame, You Frame, We All Frame
    11:37
  • Quick Review
    4 questions
  • YouTube Videos
    03:43
  • Centering Absolute Elements
    09:13
  • The Z-Index
    04:43
  • Quick Review
    3 questions
  • BONUS: Making Money With Gumroad
    08:40
  • BONUS: Grabbing Email Addresses With Mailchimp
    05:12
  • All About Forms
    12:54
  • Styling Forms
    12:56

  • Lets Get Started
    04:56
  • Setting Up The Blog
    07:36
  • Advanced Styling Of Fonts With CSS
    08:29
  • Child Pseudo-Elements
    15:27
  • More Pseudo Selectors
    12:49
  • Styling Our Blog Posts
    19:10
  • Subscribe Box
    20:06
  • Mailchimp Revisited
    06:55
  • BONUS: Advanced Mailchimp Shenanigans
    10:03
  • Styling Lists
    18:04
  • Revisit Responsiveness And Edit Footer
    05:32
  • BONUS: Jedi Tools For Increasing Signups And Shares
    07:17

  • Share Buttons And Vertical Alignment
    14:29
  • Social Meta Tags
    06:48
  • SEO
    04:30
  • Offsetting Columns
    07:07
  • Let's Float
    14:11
  • Sticky Footer
    04:07
  • Deep Dive Into Floats And Divs
    14:50
  • Styling Columns Of Divs
    13:01
  • Nested Columns
    10:34
  • Setting Up A Landing Page
    16:34
  • Background Properties
    12:46
  • Finishing Up
    07:46

  • Let's Get Started
    04:32
  • Recreating A Jumbotron Section
    07:46
  • Background Opacity And Text Shadows
    07:03
  • Importing Fonts From Your Computer
    03:41
  • Static Navbars
    09:26
  • Finishing Up The Navbar
    05:55
  • Fluid Containers
    11:09
  • Linking Divs
    07:35
  • Finishing Up With The Footer
    09:12
  • Revisiting Responsive Design
    15:02
  • What's Next?
    01:27

Requirements

  • computer
  • desire to learn fast and effectively

Description

"Man, I would have to say this is hands down the best course ever! I've done a ton of certifications, training, and real-world experience in other areas of IT. Nothing I've done so far has been as rewarding and I felt like making something and actually have the necessary skills to do so, without looking elsewhere." - Cortell

----------------

Maker-Based HTML & CSS is a project-based course that will show anyone, even a complete beginner how to build beautiful websites. Through a series of video lessons and tutorial you’ll build 4 different websites - a landing page, blog template, magazine layout page, and your very own portfolio page to show off your work.

When you sign up you get immediate access to your own virtual classroom where you can take lessons at your own pace, ask us questions, and chat live with other students. Along the way you will learn all you need to know about HTML, CSS, SEO, hosting your site, building beautiful sites fast, Bootstrap, adding social sharing, and other bonus goodies to test your business ideas. You’ll be an HTML and CSS ninja.

This Course Is Great For

Entrepreneurs

Want to build an online business? Than this is the course for you. You’ll learn HTML & CSS fast and have your first landing page up in less than a week to test your idea.

Josh Hagler took his knowledge from this course to test his business idea and build the website for his college startup RoomScapeU. Jay Mayu took our course and in less than a week had his first paid client. You can achieve these results too

Designers who want to get better jobs and increase their salary

Nowadays companies are looking for more than just a graphic designer. They’re looking for designers that can make their designs come to life on a webpage through HTML and CSS. Don’t take our word for it? Listen to our students:

Around two months ago I graduated from the University of Applied Sciences in Rotterdam as a User Experience Designer. Pretty awesome but soon I discovered there was not a lot of work in this area of expertise. So to enhance my chances for a suitable job I decided to improve my front-end skills. Every company wants people with programming skills nowadays. Since I advertised that in my motivational letters and mentioning it in my CV I have multiple invitation from companies to get to know each other." -- Ruud Visser, Graduate from University of Applied Sciences in Rotterdam

Coders that want to learn HTML and CSS fast

Excellent course that exposed me step-by-step to the world of web design. I come from a computer programming background and never really had to build a site from scratch. This was a great tool in pushing me to be a more well-rounded tech person. - Khalid

Complete beginners

Absolutely awesome! I recommend this course to anyone who feels like learning to code is too hard to start off with, because it really isn't. I thought it was too hard, but Ryan makes it look really easy with his step for step increase in difficulty. I built my own website within a week after starting this course, and it looks really great. Keep it up, Ryan! -- Robert de Kok

Those that have tried to learn HTML and CSS before and stopped

This is the first time I was able to go from start to finish with making an entire site. I have done other training before but they don't ever seem to close it off at the end. This class went over everything needed to make a site. I would love to find other courses like this. I also did not feel dumb mid way through the course due to lack of explaining. Everything was well documented and covered. Very good job on this thanks. - Jay Mims

Hustlers who want promotions

Man, I would have to say this is hands down the best course ever! I've done a ton of certifications, training, and real-world experience in other areas of IT. Nothing I've done so far has been as rewarding and I felt like making something and actually have the necessary skills to do so, without looking elsewhere. Thanks for this, I am at a loss for words; I hope this helped articulate how thankful I am. Thank you! -- Cortell Shaw

What you will learn

- CORE FUNDAMENTALS: I’ll teach you how to use a text-editor and the fundamentals of HTML and CSS so that you can put up any site you want.

- RAPID DEVELOPMENT: By learning to use powerful frameworks and tools such as Bootstrap, Font-Awesome, Google Forms and more, you'll be able to put up sexy, startup quality sites fast

- HTML5 & CSS3 to make your site look fresh and new. You'll learn the rules and practices of the newest languages. No outdated teachings or 1990s looking sites here!

- RESPONSIVE DESIGN: Designing for web is no longer for just your computer or laptop. We'll teach you responsive design so your site looks great on all devices.

- NO STAKES PRACTICING: How to use browser tools to play around and see live changes on sites so that you can learn faster and explore the HTML and CSS of the best looking websites

- BEAUTIFUL VISUALS: You’ll learn how to include professional style graphics and icons in your site for free

- COMPLETE KNOWLEDGE OF CSS AND HTML YOU WILL USE WHEN BUILDING SITES: links, lists, positioning, images, fonts, background properties, and any thing else you'll encounter when designing and developing a website

- MULTIPLE SITE LAYOUTS: When you're done with this course you'll be able to make any site you can dream up. Whether its a simple tower site, to a blog template, to a complex magazine layout you'll have the power in your hands to whip it up.

- SEO AND SOCIAL SHARING OPTIMIZATION: You don't want to work hard and create a beautiful site for it to just disappear into the internet abyss. You want people to be able to find your site and easily share its beauty. SEO and social sharing is just as an important part of HTML as anything else and you'll have the foundational knowledge you need after this course.

And I won’t stop where most other courses stop. I'll teach you:

- FREE HOSTING: how to save over $100 a year in hosting fees

- INSTANT DEPLOYMENT: how to host your site live online QUICKLY

- YOUR OWN CUSTOM DOMAIN NAME: how to buy a domain name and put your site up on it.

- GOODIES FOR ENTREPRENEURS: how to grow your site's visitors and test your business ideas - quick and for free.

- ADDED FINISHING TOUCHES: bonus lessons with javascript are hidden throughout to show you how to include some subtle magic that really wows the user. You're going to love these sections!

When you're done with this course...

HTML and CSS will no longer be a foreign language to you. Instead you will already have built your first couple sites and have the skills to build many others. You'll be a part of the 1% of people that actually know how to build things online and have a life-changing new skill set - the power to code and create.

With your new found knowledge of HTML and CSS you'll be able to separate yourself from others in a job search, follow your passion, explore a new career path, the possibilities are endless.

Why take this course versus the other HTML and CSS courses?

Here’s the deal… there’s the difference between knowing how to build a site with HTML5 and CSS3 and knowing how to build one that really wows! Whether its for looks, increasing sales, growing email lists, making your blog look professional or even making a personal page to start getting yourself online, you need to know how to make a site that functions how you want it and that separates you from the average person building average sites online. This course will do that. It’s the difference between being able to create and being able to not only create but impress with some added finishing touches. Its that aha moment - that’s what we’re going for when someone comes to our site and we’re going to teach you how to develop that.

  • Learn fast - its not made from old outdated teaching methods where you learn everything up front and then start building. No that's boring, frustrating, overwhelming and just plain unecessary. In this course you're going to start building your first site from the beginning. The result, you'll stay engaged and enjoy the interactive nature of this new type of learning.
  • You're not learning to build outdated looking sites - you're learning to build sites that are fresh and up with the modern times.
  • You're learning the newest technologies, not just HTML5 and CSS3 but other tools as well that will save you time, and help you make sites that amaze your users
  • An added bonus of teaching you how to host your site for FREE. That alone saves you over $50 a year.

So why not sign up today? Why not start investing in your future today? Click the button to start learning now.

Who this course is for:

  • beginners
  • people interested in webdesign and webdevelopment
  • non-programmers
  • entrepreneurs
  • students with an interest to build things online

Instructor

Ryan Bonhardt
Online Learning Enthusiast & Teacher at Maker-Based
Ryan Bonhardt
  • 4.3 Instructor Rating
  • 11,622 Reviews
  • 243,388 Students
  • 2 Courses

Ryan Bonhardt is a self-directed learning enthusiast and self-taught web developer and entrepreneur. He believes in the power of education and has a life mission of empowering people to follow their passions, make money doing it, and to constantly test the system.

During college he decided he wanted to avoid "Corporate America", make money doing things he loved and live life as he wanted to. In the beginning it was rough and he STRUGGLED….but then he discovered how to learn skills rapidly and promote efforts he believed in. Since then he has founded Maker-Based, helped found a non-profit running across the USA for Sarcoma cancer research, lived in 10 cities, been a white water river guide, surfed across Latin America, and advised multiple businesses and startups. His goal is to always love what he's doing and do what he loves - to learn something new and add value daily.

At Maker-Based we aim to better education through content and delivery. We believe every day there is a growing gap between what students should be and are learning. We aim to lessen that gap by teaching you skills that are relevant today - to enable you to follow your passion and do what you love. And we believe the most effective way to learn these skills is through project-based learning. We work to achieve this mission daily with online learning courses and our social venture of bringing coding into the school system.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.