Create Websites with HTML & CSS for Beginners
4.1 (334 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
18,395 students enrolled

Create Websites with HTML & CSS for Beginners

Learn Web Development by Building Websites with HTML5 and CSS3 from Scratch!
4.1 (334 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
18,395 students enrolled
Created by Srinivas Vanamala
Last updated 2/2020
English
English [Auto]
Current price: $69.99 Original price: $99.99 Discount: 30% off
23 hours left at this price!
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
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
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
Expand all 117 lectures 08:29:38
+ Welcome to the Course
3 lectures 05:40
Download Course Materials
00:02
Support & Community
00:03
+ Setting up the Environment
3 lectures 05:59
Check your Softwares
04:40
List of Famous Softwares for Web Development
00:03
+ Web Basics
15 lectures 01:09:46
Skip and Jump to HTML Basics
00:12
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
+ Introduction to HTML5
29 lectures 01:48:38
Objective: What you'll learn in this Section
01:02
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
+ Intermediate HTML5
19 lectures 01:12:48
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
+ Introduction to CSS3
29 lectures 01:44:28
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
+ Intermediate CSS3
11 lectures 01:24:38
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
+ HTML5 + CSS3 Projects
7 lectures 57:19
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
+ Conclusion
1 lecture 00:19
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.