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 Life Purpose Meditation Coaching 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 Analysis Data Modeling 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++ Unreal Engine Blueprints 2D Game Development Blender
30-Day Money-Back Guarantee

This course includes:

  • 8.5 hours on-demand video
  • 33 articles
  • 24 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Development Web Development CSS

Create Websites with HTML & CSS for Beginners

Learn Web Development by Building Websites with HTML5 and CSS3 from Scratch!
Rating: 4.6 out of 54.6 (357 ratings)
18,428 students
Created by Srinivas Vanamala
Last updated 2/2020
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • You will learn HTML and CSS from Scratch with Examples and Exercises.
  • After this course, You will be able to build Websites with HTML and CSS on your own.
  • This course will teach you to build Websites like Tutorials Site, Blogging Site, Personal Website, Product Landing, Survey and Coming Soon.
  • Understand how to build Website Layouts like Header, Footer, Content, Side Bars with HTML and CSS.
  • Get access to our Premium HTML and CSS Documentation site for your future reference.
  • Start your career as a Web Developer by learning to build websites.
  • You will get notes, source code, references and assignments for your learning purpose!
  • Course Materials, Fully Documented Site, Community Support and more!

Course content

9 sections • 117 lectures • 8h 29m total length

  • Preview05:35
  • Download Course Materials
    00:02
  • Support & Community
    00:03

  • Preview01:16
  • Check your Softwares
    04:40
  • List of Famous Softwares for Web Development
    00:03

  • Preview01:53
  • Skip and Jump to HTML Basics
    00:12
  • Preview02:02
  • Preview07:58
  • Preview06:29
  • Preview08:03
  • What is DNS?
    15:09
  • What is HTTP?
    03:33
  • What is Client Server Technology?
    04:47
  • How Website Works?
    09:03
  • List of Web server
    00:03
  • Types of Languages
    03:55
  • Compiler vs Interpreter
    03:58
  • Things to Remember
    01:42
  • Summary: What you have learned in this Section
    00:58

  • Objective: What you'll learn in this Section
    01:02
  • Preview10:22
  • Preview06:07
  • Preview08:21
  • My First HTML Page
    04:35
  • Exercise: Write your First HTML Page
    00:03
  • HTML Boilerplate
    04:50
  • Header Tags
    04:51
  • Exercise: Create Headings
    00:03
  • Paragraphs and Comments
    07:51
  • Exercise: Paragraphs and Comments
    00:03
  • Horizontal Lines and Line Breaks
    05:32
  • Exercise: Lines and Breaks
    00:03
  • Strong, Emphasis, Underline and Italics
    06:23
  • Exercise: Text Formatting
    00:03
  • Pre and Code Tags
    05:52
  • Exercise: Pre and Code Tags
    00:03
  • Definitions, Ordered and UnOrdered Lists
    08:41
  • Exercise: Resume HTML Page
    00:03
  • Link Tags
    09:31
  • Exercise: Link Tags
    00:03
  • Section and Article Tags
    04:30
  • Exercise: Sections and Article
    00:03
  • Additional HTML Tags
    01:39
  • NewsPaper Exercise
    13:46
  • Exercise: Create a News Page
    00:04
  • HTML Quiz
    5 questions
  • Things to Remember
    03:04
  • Downloads: Things to Remember
    00:34
  • Summary: What you have learned in this Section
    00:34

  • Objective: What you'll learn in this Section
    01:37
  • Creating Tables
    16:03
  • Exercise: Product Listing
    00:03
  • Embedding Contents
    09:36
  • Exercise: Embedding Contents
    00:03
  • Exercise - Music Download Website
    00:02
  • Working with Forms
    12:09
  • Exercise - Contact Form
    00:02
  • Meta Tags
    06:15
  • DIV and SPAN Tags
    06:51
  • White Spaces, HTML Entities & Case Sensitive
    06:47
  • iFrames
    06:11
  • Exercise - Tutorials Page
    00:02
  • Additional HTML Tags
    03:43
  • List of all HTML Tags in Single Page
    00:31
  • Further Reading about HTML
    00:00
  • HTML Quiz
    5 questions
  • Things to Remember
    01:43
  • Downloads: Things to Remember
    00:08
  • Summary: What you have learned in this Section
    01:00

  • Objective: What you'll learn in this Section
    00:51
  • What is CSS3?
    08:04
  • Inline CSS
    05:11
  • Exercise: Inline CSS
    00:03
  • CSS Comments
    02:43
  • Internal CSS
    04:53
  • Exercise: Internal CSS
    00:03
  • External CSS
    04:26
  • Exercise: External CSS
    00:03
  • Linking CSS
    04:33
  • Exercise: Linking CSS
    00:03
  • How to Debug CSS Code
    04:15
  • CSS Selectors
    03:35
  • Universal Selector
    02:03
  • Type Selector
    02:28
  • Class Selector
    04:40
  • ID Selector
    05:15
  • ID vs Class Selector
    03:20
  • Attribute Selector
    03:22
  • Child Selector
    03:45
  • Descendant Selector
    02:20
  • Adjacent Sibling Selector
    02:54
  • General Adjacent Sibling Selector
    02:46
  • Pseudo Class and Elements
    07:05
  • CSS Precedence Rules
    12:42
  • Colors and Text
    10:39
  • CSS Quiz
    5 questions
  • Things to Remember
    01:27
  • Downloads: Things to Remember
    00:19
  • Summary: What you have learned in this Section
    00:37

  • Objective: What you'll learn in this Section
    00:48
  • CSS Box
    19:53
  • CSS Floating Columns
    18:52
  • Positioning Elements
    15:38
  • Display Inline or Block
    05:55
  • Use Google Fonts in your Website
    03:04
  • Moving Box to Center
    00:11
  • Project: Website Layout
    17:09
  • Further Reading about CSS
    00:01
  • CSS Quiz
    5 questions
  • Things to Remember
    02:02
  • Summary: What you have learned in this Section
    01:05

  • Simple HTML Page Layout
    12:03
  • Your Personal Website
    09:11
  • Product Landing Page
    17:01
  • Survey Page
    02:40
  • Google Home Page
    10:22
  • Coming Soon Page
    05:55
  • Try yourself - HTML Projects
    00:07

  • What to learn next?
    00:19

Requirements

  • A Mac or PC computer with access to the internet.
  • All Software used in this course are FREE.
  • No previous coding experience is needed.

Description

Download 250+ HTML & CSS Examples code used in this Course ......

Build 15+ Websites in this Course  ......

Learn HTML & CSS 10X times faster with Examples, Exercises, Projects and Quiz ......

Complete Hands-on and Practical approach on building website ......



>>>>>>>>> How this Course can Help? <<<<<<<<<<<<<<

Will this course help me to learn HTML & CSS in the right way?

Every sections from Starting to Last is carefully organised into these categories:

  • Objective

  • Lectures

  • Complete Materials Download

  • Access to Premium Documentation Library

  • Live Preview of HTML & CSS Code

  • Projects for every Section.

  • Exercises on each of the topics

  • Downloads

  • Articles

  • Assignments

  • Quiz

  • Summary

With lots of time spent in organising these topics and making sure you get to learn HTML & CSS faster and with tons of supporting source code and proper guidance.



>>>>>>>>> Website you will build in this course <<<<<<<<<<<<<<

HTML & CSS Projects that you will learn to build with this course:

  • Personal Resume.

  • NewsPaper (Articles from huffpost).

  • Music Download Website.

  • Contact Form.

  • HTML Tutorials Website.

  • Draw and Move Boxes Around.

  • Design Website Layout

    • Header.

    • Navigation.

    • Content.

    • Left Side Bar.

    • Right Side Bar.

    • Footer.

  • HTML Layout.

  • Personal One Page Website.

  • Product Landing Page.

  • Survey Page.

  • Google Home Page.

  • Coming Soon Page.

  • many exercises for practise


>>>>>>>>> Get Access to our Premium Documentation Library <<<<<<<<<<<<<<

Entire course and plus more topics are documented at our Library:

  • WEB BASICS

  • HTML

  • CSS

  • JAVASCRIPT

  • PHP

  • MYSQL

  • WORDPRESS

  • INTERVIEW QUESTIONS

  • PROJECTS SAMPLE

  • DOWNLOAD PROJECTS


>>>>>>>>>>>>>>> Learning Experience <<<<<<<<<<<<<<<<<<<<<

What will I do in this Course?

You will have fun building Website! Trust me.

You will start with starting point source code and ending source code so that you know where you will start and end.

You will be:

  • Learning how to build website with Examples.

  • Then do Exercise on the same topic by your own. (We provide solution as well)

  • After that take the Quiz.

  • Finally some reference blogs for continuing your study offline.

With proper source code materials, you are never lost.

Sections have a proper outcome before we start. So, know what you will learn after the section.


100% Guaranteed PHP Learning Experience  ......

We have already trained so many students to learn building Websites and based on the feedback we know our materials are useful and easy to learn.

  • 8.5+ hours of Course Materials.

  • Defined Outcome with Objective and Summary.

  • Access to Premium Documentation Library so that you can refer back.

  • Assignment and Quiz so can test yourself.

  • HD Quality and Clear Voice. (Needless to say but anyway...)

  • Forum Support.

  • many others once you get to know about us.


>>>>>>>>>>>>>>> Topics you will learn <<<<<<<<<<<<<<<<<<<<<

This course will help you learn  ......

  • What is Protocol?

  • What is Internet?

  • What is TCP/IP Protocol?

  • What is DNS?

  • What is HTTP?

  • What is Client Server Technology?

  • How Website Works?

  • Types of Languages.

  • Compiler vs Interpreter.

  • What is HTML?

  • Tag, Element and Attribute.

  • Structure of HTML Page.

  • First HTML Page.

  • HTML Boilerplate.

  • Headings, Paragraph, Comments, Lines and Breaks.

  • Text Formatting Tags.

  • Pre and Code Tags

  • Lists.

  • Section and Articles.

  • Projects:

    • Personal Resume.

    • Newspaper. (huffpost)

  • Creating Tables.

  • Embedding Contents – Image, Video and Audio.

  • Working with Forms.

  • Meta Tags.

  • DIV and SPAN.

  • Whitespaces, HTML Entities and Case Sensitive.

  • iFrames.

  • Projects:

    • Music Download Website.

    • Contact Form.

    • HTML Tutorials Website.

  • What is CSS3?

  • Inline CSS.

  • Comments in CSS.

  • Internal, External and Linking of CSS.

  • Debug CSS.

  • 12 Types of CSS Selectors.

  • Pseudo Class and Elements.

  • CSS Precedence Rules.

  • Color and Text.

  • CSS Exercises.

  • CSS BOX.

  • CSS Floating Columns.

  • Float or Clear.

  • Positioning of Box.

  • Display Inline or Block.

  • Use Google Fonts.

  • Link Favicon.

  • Project:

    • Moving Boxes.

    • Design Website Layout.

  • Simple HTML Page Layout.

  • Your Personal Website.

  • Product Landing Page.

  • Survey Page.

  • Google Home Page.

  • Coming Soon Page.

  • and many more topics  ......

Trust me you will learn more than what we have shown here.

Who this course is for:

  • This course is for beginners who wants to start learning HTML, CSS & Build Websites.
  • If you are looking to start a career as a web developer then start with this course.
  • If you want to learn HTML tags, CSS rules and build simple website with it then take this course.
  • Students who has no prior coding experience but want to start learning web development.

Instructor

Srinivas Vanamala
Web Developer and Bootcamp Instructor
Srinivas Vanamala
  • 4.5 Instructor Rating
  • 4,990 Reviews
  • 170,823 Students
  • 8 Courses

Hi! I'm Srini. I enjoy teaching and love to help students bring to next level.

Last couple of years, I have released massive amount of course content that has helped students to become web developer. I am glad that my courses has helped many students to build a career in the Web Developer Space.

I also run Bootcamp programs where we lock ourself in the training rooms for 5 days and go thru some serious training to teach students complete Full Stack Web Development.

My formula to teach is very simple:

"You learn by doing and not by watching..."

That is the reason I stress more about exercises, assignments and quiz.

I personally believe if Students come up with the solution to any problem that will help them to remember things for longer time.

I follow a proven and structured method of teaching which can help students to learn any concept 10x times faster.

You will find me teaching in defined outcomes for each section of the course with lots of home work for students to practise..:)

Join me on this passionate and fun journey of learning Web Development!

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