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+ Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift 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
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Online Business 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
IT & Software Other IT & Software HTML

HTML & CSS for absolute beginners : Simple and step-by-step

Learn how to build websites from scratch using HTML & CSS in a completely practical way. No coding experience required!
Rating: 4.8 out of 54.8 (8 ratings)
36 students
Created by Shruti Balasa
Last updated 6/2020
English
English
30-Day Money-Back Guarantee

What you'll learn

  • Create web pages using HTML
  • Make web pages look beautiful & elegant by using simple CSS
  • Build a simple neat website from scratch using HTML & CSS
  • Confidently move on to learning more languages / frameworks of web development (like Bootstrap, JavaScript, jQuery, PHP, .NET)

Requirements

  • Basics of computer usage, like saving a file, creating a folder or using an application
  • Knowledge of browsing the internet
  • A computer with internet connection
  • Chrome web browser and Brackets editor (Installation of both these is covered in the course)

Description

Learn how to build websites from scratch using HTML & CSS in a completely practical way. No previous coding experience required!

My name is Shruti Balasa and I will be leading you through the course. I began my career as an Intern at Microsoft & then a quality analyst at Citrix, but very soon quit my job to become a web designer & then a web developer. I have 7+ years of experience designing web apps, blogs, social networking sites, android apps, multiple back-end modules and many websites for clients. Currently I am a freelancer and also a web development mentor on OpenClassrooms International platform.

This course is for beginners trying to learn HTML & CSS practically, without having to go through unnecessary technical details. By the end of this course, you will be able to build a simple neat website using these languages & make the website go live.

You will begin by learning basic HTML and some simple CSS properties. And then deeper concepts of both these languages simultaneously. This learning process is more effective than learning HTML completely and then beginning with CSS. It also helps you stay motivated throughout the course, along with enough real-life practical activities and exercises at every step.

In the last section, we will use all this knowledge to build a complete website. I will take you through the whole process step-by-step.

The ideal student for this course is someone with a very basic knowledge of computers wanting to design simple websites. Most of the courses found online are too elaborate for beginners. It's easy to get bogged down with so much content. Here, you'll only learn the most essential and most used concepts.

There are not many requirements for this course. You just need to have a laptop or a desktop with a decent internet connection, and a good learning attitude.

Take a look at the course curriculum & preview the course. I look forward to see you inside.

Who this course is for:

  • Anyone willing to learn HTML & CSS practically without having to go through unnecessary technical terms or jargons
  • This course is for someone who wants to learn HTML & CSS to build simple websites.
  • Someone who has tried learning these languages, but failed to do so because most courses available for these topics are too elaborate - they give up thinking it's too hard for them

Course content

6 sections • 70 lectures • 4h 41m total length

  • Preview01:15
  • How to make the best of this course
    02:11
  • Setting up the tools needed
    03:07
  • Getting started
    00:28

  • What is HTML?
    00:56
  • What does HTML look like?
    02:21
  • HTML skeleton
    04:33
  • Headings & paragraphs
    05:14
  • Quick Win : Create your intro page
    02:08
  • Add images
    07:32
  • Preview05:06
  • Activity : My Gallery
    00:30
  • Create links
    05:17
  • Activity : Birds in the park
    00:27
  • Blocks
    02:27
  • Article : HTML cheat sheet
    00:08
  • Know your tags - Level 1
    4 questions
  • Preview00:40

  • What is CSS?
    00:35
  • What does CSS look like?
    01:09
  • See CSS in action
    02:27
  • Preview03:13
  • Colors
    01:20
  • Width & height
    03:24
  • Activity : Color bands
    00:21
  • Styling text
    06:07
  • Margin & padding
    05:16
  • CSS box model
    01:37
  • Activity demo : Boxes
    05:38
  • Activity : Top movie of 2019
    00:33
  • Web page layouts
    02:32
  • Static web page layout
    04:03
  • Article : CSS cheat sheet
    00:09
  • Know your styles - Level 1
    5 questions
  • Activity : Style your own web page
    00:23
  • Activity : HTML & CSS together
    00:32

  • Some more HTML & CSS
    00:47
  • Text formatting
    03:35
  • Activity : Can you format this one?
    00:19
  • Add comments
    03:31
  • Create lists
    04:23
  • Styling lists
    03:32
  • Activity : To-do List
    00:33
  • Create tables
    05:43
  • Styling tables
    04:30
  • Know your tags & styles - Level 2
    6 questions
  • Activity demo : Work Schedule
    07:42
  • Activity : Resume
    01:31
  • IDs & Classes
    06:09
  • Borders
    11:38
  • Backgrounds
    05:42
  • Activity demo : Part of home page
    10:09
  • The 'float' property
    05:34
  • More examples using 'float' property
    04:00
  • Activity demo : Blog post
    12:28
  • Activity : Team profiles
    00:39
  • Positions
    11:28
  • Few more important HTML elements
    01:42
  • Some more CSS selectors & the cascading effect
    09:02
  • Fluid web page layout
    07:39

  • Building a website
    01:21
  • Website mock-up
    02:42
  • Creating the basic structure
    02:37
  • Getting the images ready
    04:18
  • Home page - Part 1
    15:26
  • Home page - Part 2
    07:02
  • Other pages template
    04:25
  • About page
    06:49
  • Services page
    06:55
  • Contact page
    05:09
  • Finishing touches
    13:15
  • Going live with your website
    05:10

  • What next?
    00:20

Instructor

Shruti Balasa
Web Developer
Shruti Balasa
  • 4.8 Instructor Rating
  • 8 Reviews
  • 36 Students
  • 1 Course

I am a Full Stack Web Developer, with a decade of experience in building web apps, blogs, social networking sites, multiple back-end modules and many websites for clients.

Currently I create web development tutorials on my Youtube channel Thirus (pronounced as "Thigh-rus") and also mentor aspiring coders.

Highly active and available on Twitter @shrutibalasa

  • 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.