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 Personal Development Mindfulness Meditation Personal Transformation 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 Freelancing Blogging 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

Step-by-step HTML and CSS for Absolute Beginners

Learn how to code HTML5 + CSS3 to create your own website in this beginner-level course. No coding experience required!
Rating: 4.5 out of 54.5 (1,242 ratings)
8,580 students
Created by Kathleen Farley
Last updated 8/2016
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • In this course, we'll create a simple "Coming Soon" webpage using valid HTML5 and CSS3 code
  • We'll focus on WHY the code we write looks the way it does –– so you can develop an intuitive understanding of how HTML and CSS work
  • By the end of this course, you'll be able to use HTML and CSS with confidence, following best practices every step of the way!

Course content

7 sections • 43 lectures • 4h 6m total length

  • Preview02:04
  • Preview01:06
  • Preview08:52
  • Creating HTML and CSS files
    05:09
  • Check your progress!
    2 questions

  • Understanding HTML
    00:43
  • Learning HTML syntax
    13:19
  • Adding headings and paragraph text
    11:01
  • Using special characters
    03:51
  • Adding web and email links
    08:05
  • Adding images
    16:08
  • Preview07:33
  • Making clickable images
    03:07
  • Checking your HTML code for mistakes
    08:22
  • Check your progress!
    7 questions

  • Understanding CSS
    02:01
  • Preview09:51
  • Learning CSS syntax
    11:42
  • Changing fonts
    10:11
  • Choosing a good color scheme
    06:19
  • Changing colors on your webpage
    06:19
  • Checking your CSS code for mistakes
    02:23
  • Check your progress!
    5 questions

  • How web publishing works
    02:23
  • Understanding FTP: File Transfer Protocol
    Preview10:35
  • Getting your files online using FTP
    08:37
  • Editing your webpage online
    05:16
  • Check your progress!
    4 questions

  • Using HTML and CSS together
    01:07
  • Dividing sections of content using DIVs
    Preview08:21
  • Changing the background color of a section
    07:09
  • Changing the width of a section
    02:20
  • Centering content inside a section
    01:51
  • Repositioning an entire section
    07:21
  • Controlling the way links appear on your webpage
    01:18
  • Changing your text to uppercase or lowercase
    03:14
  • Categorizing your webpage content using classes
    04:47
  • Repositioning images on your webpage
    03:37
  • Changing the space around sections of content
    08:04
  • Check your progress!
    8 questions

  • Going further with HTML and CSS
    00:52
  • Making rounded corners
    Preview03:55
  • Tweaking line spacing
    02:10
  • Changing the way a link appears when you hover over it
    03:48
  • Adding a drop shadow effect
    07:54
  • Creating special effects with images
    12:25
  • Check your progress!
    6 questions

  • Project review: Coming Soon page
    00:30
  • Bonus Lecture: Additional Resources
    01:12

Requirements

  • A computer (Windows, Mac, or Linux) with Internet access
  • Any modern web browser (Chrome, Firefox, Internet Explorer, Opera, or Safari)
  • Some basic computer skills (cutting and pasting text, saving files into folders)
  • A desire to learn!

Description

Want to learn how to create webpages, but feeling intimidated by HTML and CSS? Not sure where to start? Step-by-step HTML and CSS for Absolute Beginners is a comprehensive and friendly course designed for beginners with NO previous coding or programming experience.

  • HTML (HyperText Markup Language) and CSS (Cascading Style Sheets) are the building blocks of the web. If you've ever looked at a website, you've seen HTML and CSS in action!


Whether you want to make changes to your website's template, create new webpages from scratch, or just understand what you're doing when you cut-and-paste embed codes from sites like YouTube or SlideShare — understanding HTML and CSS makes it possible.


HOW IS THIS COURSE DIFFERENT?

My name is Kathleen, and I've been teaching technology to beginners under the moniker Robobunnyattack! since 2009. I believe that with the right approach, anyone can learn anything.

My goal in this course is to help you develop an intuitive understanding of how HTML and CSS work.

In this course, we'll create a simple "Coming Soon" webpage using valid HTML5 and CSS3 code. As we work together, I'll explain WHY the code we write looks the way it does. I'll point out the simple patterns in the code, so you can learn more quickly and with more confidence.

As we build our webpage, we'll cover:

  • What tools you need to write HTML and CSS, and how to use them
  • How to use HTML to organize and manage the content of your webpage
  • How to use CSS to control the presentation or "look" of your webpage
  • How web publishing works, and how to get your HTML and CSS files from your computer onto the web
  • How to use lots of other helpful and free web building tools, including code validators, free icon libraries, color scheme generators and more


By the end of this course, you'll be able to use HTML and CSS with confidence, following best practices every step of the way.


Here's just a sample of what my (awesome!) students have to say about this course:

"My favourite part was learning how to tilt images and add drop shadows. Also, the instructor cares enough to answer questions promptly. Can't say enough good things about this course!" —R.B.

"Very accurate and detailed explanations with real time examples. For me it was a big step ahead..." —Mihai E.

"[Kathleen] knows exactly the info to deliver and what to leave out to avoid confusion." —Tara

"What I once thought would be overwhelming to learn is surprisingly quite straight forward." —Odette

"This course finally made CSS make sense to me." —Julie G.

"Thank you, Kathleen, for a wonderful course! Never thought coding could be made fun." —Leslie V.


WHAT'S INCLUDED?

  • This course includes lifetime access to 4 hours of step-by-step videos. You'll also get supplementary text lectures, links to helpful resources, HTML and CSS code examples, and downloadable project files.
  • Short quizzes at the end of each section will help you gauge your own understanding and check your progress along the way.


HOW LONG WILL IT TAKE ME?

  • This completely depends on your availability and learning preference. You can work through all the video lectures in one afternoon, or pace yourself over several days or weeks — it's up to you!


WHAT IF THIS COURSE ISN'T FOR ME?

  • This course comes with an unconditional 30-day Udemy-backed guarantee. Try out this course for 30 days and see for yourself if my approach to learning HTML and CSS is right for you. If you're not 100% satisfied with this course, simply request a full refund within 30 days — no conditions, no questions asked!


I'm confident you'll LOVE this course, and I'm excited to help you learn. Enrol now and you can start building your own webpage using HTML and CSS today!

—Kathleen Farley (aka Robobunnyattack!)

Who this course is for:

  • Beginners with no previous coding or programming experience
  • Web designers seeking to strengthen their HTML and CSS skills
  • Learners of all ages who want to REALLY understand HTML and CSS –– not just memorize code!

Featured review

Ashley Godsell
Ashley Godsell
6 courses
3 reviews
Rating: 5.0 out of 5a year ago
Never purchased a course online before and never knew anything about html and css before this course. after a few weeks of slowly doing this course I have now have an ability to create a website using html and css I will forever be grateful for this as it will change my life! a massive thank you!! :)

Instructor

Kathleen Farley
aka Robobunnyattack! + co-founder of Audiohackr
Kathleen Farley
  • 4.5 Instructor Rating
  • 2,033 Reviews
  • 16,917 Students
  • 9 Courses

Kathleen Farley is a computer geek, teacher, learner, vinyl junkie, hockey fan, and recovering non-profit executive. Occasionally she breaks (and fixes) computers. Not necessarily in that order.

The Montreal-born technologist trained as an audio engineer before moving to Hamilton, Canada in 2007. She now runs Maisonneuve Music, a Hamilton-based independent record label.

Kathleen teaches technology and management skills at a music industry school in Toronto, Canada. She's also the co-founder of Audiohackr, a startup that helps indie musicians, producers, and DIY labels make the most of technology.

Kathleen produces technology training videos under the moniker Robobunnyattack!

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