The Complete HTML & CSS Course - From Novice To Professional
3.9 (923 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
57,505 students enrolled
Wishlisted Wishlist

Please confirm that you want to add The Complete HTML & CSS Course - From Novice To Professional to your Wishlist.

Add to Wishlist

The Complete HTML & CSS Course - From Novice To Professional

In this Udemy Course Students will be able to learn a Complete HTML & CSS Course taking them From Novice To Professional
3.9 (923 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
57,505 students enrolled
Last updated 8/2015
English
English
Curiosity Sale
Current price: $10 Original price: $195 Discount: 95% off
30-Day Money-Back Guarantee
Includes:
  • 7.5 hours on-demand video
  • 1 Article
  • 3 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Make websites using HTML & CSS
  • Understand HTML & CSS coding
  • learn some advance languages like HTML5 & CSS3, PHP, ASP.net
  • Be Able To Work As A Web Designer Full Time
View Curriculum
Requirements
  • A browser, We'll use chrome throughout in this course
  • A notepad, We'll use notepad++ and I'll teach you to download and install notepad++ as well
  • Desire to learn something new and interesting.
  • No coding or design experience necessary — I show you everything in this course!
  • Any computer will do Windows, OSX or Linux
Description

⇉ Watch the promo video to see How You Can Start Becoming A Professional Web Developer Today!

⇉ Join Over 275,000+ Students Who Have Enrolled In My Udemy Courses This Year!

⇉ 7,500+ Five Star Reviews on our courses prove Students Who Enrolling Are Getting Real Results!

Then this course is for you! Click "Take This Course Now" For Instant Life-Time Access!

_________________________________________________________________________

HTML and CSS are the two most important languages for a new web developer to learn. They are also the easiest and most basic. If you are interested in learning how to build webpages, but have limited experience with coding, this course will help you learn HTML and CSS quickly and easily! We Promise to take you from Novice to Professional!

In this course you will learn fist hand by building your very own website! We take a step by step approach to ensure each student receives a valuable learning experience.

You will Begin by understanding what HTML and CSS are, so you will be able to comprehend what they can do for you, and how to use them in web design.

You will then learn the rest below throughout this entire course:

  • All of the HTML Basics
  • Working With HTML
  • HTML Lists
  • HTML Tables
  • URL's, Links and iframing
  • HTML and Images
  • All of the CSS Basics
  • CSS Selectors
  • CSS Dimensions
  • CSS Box Model
  • CSS Lists, Text & Fonts and Tables
  • HTML Forms
  • Complting A Complete Website Project
  • And So Much More!!

You will receive a basic, yet thorough understanding of both HTML and CSS. The course focuses on having you begin to learn to write code and understand the fundamentals of coding so you can learn through doing. By the end of this course you will be able to completely use HTML and CSS and become a professional!

This course is designed for everyone and anyone, especially aspiring web designers, bloggers, programmers to business owners can benefit from learning some HTML and CSS. This course is also for anyone who plans on becoming a web programmer or a web designer themselves. HTML and CSS are the essential first two languages you must master. HTML is required for anyone that wants to get into web development, there is no way around it. Being able to learn it simultaneously with CSS allows you to become a professional web designer in no time!

With the right mindset, understanding, and application of the teachings in this course, you will instantly begin to move towards becoming a professional web designer and developer.

When I learn something new about HTML and CSS, I add it to the course -at no additional cost to you! This is a course that will continue to add more and more to every aspect of your life.

In addition to the Udemy 30-day money back guarantee, you have my personal guarantee that you will love what you learn in this course.

__________________________________________________________________________

What I can't do in this Course..

I can't guarantee your success – this course does take work on your part. But You Can Do It!

I am also not responsible for your actions. You are responsible for 100% of the decisions and actions you make while using this course.

__________________________________________________________________________

This course will not remain this price forever! It's time to take action!

Click the "take this course" button at the top right now!

...every hour you delay is costing you money...

See you in the course!

Sincerely,

Joe Parys and Shahzaib Kamal

Who is the target audience?
  • Complete beginners who want to learn how to build a professional, beautiful and responsive website
  • This course if for students who want to learn web design from start to finish!
  • This course is for anyone looking to learn the basics of web design and beyond
  • This course is for anyone looking to improve their web development skills
  • This course is for anyone looking to add onto their existing web development skills
  • This course is not for anyone looking for anything besides web design
Students Who Viewed This Course Also Viewed
Curriculum For This Course
84 Lectures
07:36:43
+
Welcome! Discover How This Course Will Help You Build A Website From Scratch!
3 Lectures 05:39

In this lecture students will learn an introduction to the course, how HTML and CSS will improve their web development experience, and why it is so important to understand the basics of HTML and CSS

Preview 02:22

In this lecture students will learn what to expect from each section of the course and how this course is structured!

How To Use This Course
03:17

In this lecture students will learn why it is important to take notes to apply the teachings in this course!

Course Essentials - Before Moving Any Further Please Read and Use This Document
1 page
+
Introduction and basics
9 Lectures 39:44

In this lecture, we'll discuss that what is HTML actually and what HTML can do and how it helps us to create a web page.

Its a rendering language which helps us to create a webpage. It's so simple and easy to understand.

It works in the static way.

What is HTML
04:25

What is HTML Follow Along Guide
1 page

In this lecture we'll discuss about the difference between HTML and the Programming languages. I just want to clear you the difference between the rendering and Programming languages. And After watching this lecture you'll truly understand how HTML is important to go further in web

HTML vs Programming languages
07:36

HTML vs Programming languages (written)
1 page

So now, This is the time to start making a simple HTML file. We'll use simple notepad to make a simple HTML file which should be pre-installed on your computer.

Creating the very first HTML file using notepad with very simple technique
04:15

In this lecture, we'll learn to download and Install notepad++ on the computer.

Coding the HTML and CSS is really easy. But the simple pre-installed notepad is just a plain pad without any colors. Notepad++ is a color enabled notepad which has different color codes for each syntax of HTML and CSS. Which makes our code more readable.

It support approx. all major programming languages as well.

Download and Install notepad++ a better solution to play with codes
05:21

Here in this lecture, We'll make another simple HTML file. But we'll use notepad++ to make a new HTML file. It's really easy and simple to do. Just follow the instructions.

Creating an HTML file using notepad ++
05:07

Tags are the main source in HTML to collect and maintain data of our whole document. They actually guides the browser about the data appearance about where the heading should be, and where the paragraphs and other things

How to use tag
09:08

If a tag is a plot then an attribute is a theme. This is an old and famous dialogue about attributes. But in the era, most of the theme work done by using CSS. But still, attributes are the great sources to add some more and specific features to the tag.

Preview 03:52
+
Literally working on HTML document
6 Lectures 28:49

We've learned a lot of things in HTML. So this is the time to make a readable HTML document.

HTML files has a specific structure which must be applied when making a webpage with some specific and most important HTML tags.

HTML document hierarchy rules
04:20

HTML looks really simple. But when it comes to the height of coding then it can be confusing. Rush coding can messed up the concept of each code line.

The solution to make a heavy coded webpage with maintained readability is add comments to every section. When you think that you're just moving on to the another section or part of the coding then add some comment where you should mention what you will do in the next coding? or what you did in the previous coding?

Making the HTML document readable
03:58

This lecture will be really interesting to you. It's all about white or plain spaces and preformatted texting.

What is a white space?
A white can an extra space where you've already added a space and trying to add another extra space.
A white space can a line break which you try to make by using the ENTER key of the keyboard. Keep in mind that For entering a line break in HTML we've to use a specific tag which is actually the <br> not a plain ENTER key.

What is preformatted text?
If you just want to make display the white spaces in the browser as well. So we've to force the browser by adding the <pre> tag.

White spaces and preformatted text
03:37

This lecture is all about styling and formatting text with some specific HTML tag. We'll learn how to use <u>, <i> & <b> tag for underlining, italicizing and bolding the text appearance.

Styling and formatting text using some HTML tags
08:01

Abbr tag with the combination of title attribute can abbreviate and short-formed text like WHO, UN, US and etc....

Title attribute can be used with other tags as well.

Abbr tag and Title attribute
03:57

HTML entities are actually the special characters. Most of the special character are the reserver-words for computer languages like <, ',",{, and etc.... so if you want to insert these types of character in your paragraph as text then you have to use their entity codes which are really simple and understandable.

HTML Entities
04:56
+
HTML Lists
5 Lectures 23:58

Lists are the really important part to create a perfect document. Specially when you need to insert some points wise Details or number wise as well.

In this lecture, we'll learn about the unordered lists.

Unordered lists looks like the list I made below:

  • Point one
  • Point two
  • Point three





Unordered lists
03:43

This is another type of list.

Ordered list can be look like:

  1. List one
  2. list two

Ordered Lists
02:38

Type and value attributes are really important when you want to make some editions in your lists.

By type attribute, we can change the type of list shape.

And by the value attribute we can mention any value according to the need.

Type and value attribute for formatting HTML Lists
05:33

After learning about ordered and unordered lists, this is the time to nest them with each other and get some nested result.

Nesting multiple lists
08:05

Descriptions are actually the lists. But obviously, description has its own way. Here in this tag, we cna make some descriptions and obviously we can make a list of descriptions as well.

Making description
03:59
+
HTML Tables
8 Lectures 34:07

HTML Table tag is an important tag which can create Table in an HTML document just like MS word, MS Excel and other programs who supports to make tables.

Building tables
05:33

For making Table heading, we have to use a tag which is the <th> tag. And by using this tag we can make headings for every column of our the table.

Table heading
02:37

In this lecture, We'll learn to manage table height and width by using height and width attribute. But this is not a recommended way. The recommended way is to use CSS instead of height attribute. But we're still in HTML, and obviously we should know about all of its attributes. So I'll teach this.

Managing table height and width
03:25

Sometimes, we need to add a heading not for different columns but for the whole table.

So for this purpose we've to add a column at the top of the table which covers all the columns.

We'll learn to add a main table heading by using colspan attribute in this class.

Using colspan attribute
04:45

Same like colspan, If we need to add a Row which should cover the whole table. we have to use rowspan attribute.

Preview 03:41

In this lecture, we'll learn how to nest a table within a table.

Nested Tables
05:17

This is a really interesting lecture where you'll learn to add some extra space inside the td or around the td with cellspacing and cellpadding attributes.

Cell spacing and Cell padding
03:01

So finally, We we reach to this lecture, we must understood to draw a table in HTML with all of its features.

So this is the time to make a complete webpage layout using table tag.

Creating a complete website layout using tables
05:48
+
URLs, Links and iframing
9 Lectures 58:49

This is the first lecture of URL, Links and iframing section.

In this lecture, we'll understand what is a URL and all of its parts as well.

Well simply, URL means address.

You'll understand more about it in the lecture.

Understanding URL and its parts
04:52

After understanding about URL. We're going to learn how to link a webpage with another webpage.

Linking a webpage to another webpage
06:20

This is another technique to link an HTML file which is inside a sub directory, not in the direct path or directory.

Linking to an HTML file which is on a sub directory
07:29

Same like linking to the sub directory. In this lecture, we'll learn about how to link a webpage to a back directory.

Linking a webpage to a back directory's HTML file
06:37

Book marking is another type of a URL where we can book mark any heading or sub heading as a link.

Bookmarking
07:38

This is a interesting attribute which is really important when we just want to open our linked page not in the same tab but in a new tab. There are some more interesting technique of target attribute you'll learn in the lecture.

Target Attribute
03:11

In this lecture, we'll do nothing new, But will link all the different webpage with eachother and will use the same table layout which we've made some classes before in the table section.

In this way, we can develop a simple website.

Linking all the pages and making a linked and navigated website
10:29

This is a really interesting and important tag of HTML.

With the help of iframe tag, we can add another webpage within a webpage in a frame.

Iframes
04:40

In this lecture, we'll learn how to make a perfect navigation area by using the iframe tag.

Creating navigation page and adding it on all pages using iframe tag
07:33
+
HTML and Images
5 Lectures 18:09

Almost every website has images and picture in itself. So this is the time to learn how to add images in the HTML file.

Adding Images
05:35

Instead of adding some big size images, We can use the images inside the paragraph and make them "Inline images" like bullets or point etc....

Preview 03:54

We've already learned about Linking and URL. But in this lecture, we'll learn how to link up images with different webpage and other images as well or the image itself.

Linking up images with webpages and other images
03:43

The alt attribute can be an important part of our webpage if we've missed the images or for some other reason, our image didn't appear!

The alt attribute actually can have the alternative text to show instead of image.

The title attribute can show the title any image just like we've learned to us title attribute in the paragraph.

Title and Alt attribute
03:40

In this lecture students will enjoy a short video on how to ask me any question and how their experience in the course has been so far!

Course Feedback Checkpoint - How Are You Enjoying Our Course So Far?
01:17
+
Intro to CSS and some basics
5 Lectures 20:38

CSS stands for Cascade Style Sheet. This is the introductory lecture about CSS.

CSS is not a part of HTML, But we can combine CSS with HTML to make a colorfull and themefull HTML file.

CSS is all about color, style and theme.

What is CSS
02:02

This is the first and simple type of CSS. In this way, we can create CSS inside the tag like an attribute.

Inline CSS
04:02

In this lecture, we'll learn to use CSS in the HTML document but we can't use the internal CSS in the body tag. We'll use the CSS in the head tag as a tag.

Internal CSS
05:10

This is the most comon and usable way to apply the CSS. We'll create another file with the extention of .css and apply all the CSS on that file. We have to call the properties from the .css file to .html file.

To create a connection between .css and .html file, we'll use the link tag.

External CSS
06:05

This tag is actually the part of HTML but it has a simple speciality. That exept of block level value, it has nothing. No style, No special rules like h1, p or other tag. This tag is specified to divide different HTML sections.

We also can create a complete layout like table layout using this tag. And this tag is the recommended tag to create website layout.

We'll use this tag to apply CSS because this tag has no actuall style so applying CSS will be more efficient.

Note: We'll use this tag to Apply CSS mostly in next classes.

The Div Tag
03:19
+
CSS Selectors
3 Lectures 18:43

In this lecture, we'll learn about some selectors of CSS or some ways to select any HTML element in CSS to apply

CSS Selectors
04:58

In this lecture we'll apply CSS on different states of anchor tag.

Different states of anchor tag
06:32

In this lecture, we'll learn some more about CSS selector with more different ways.

Sibling and Child selector of CSS
07:13
+
CSS Dimensions
5 Lectures 17:36

In this lecture, we'll learn how to manage an element's height and width with CSS.

Height and width properties
01:44

In this lecture, we'll learn the difference between Pixels and percents. The both can be used to mention the dimensions.

Pixels and Percents
02:13

By using the margin property, We can add some extra space around the selected HTML element.

Margination
07:06

By using Padding property, We can add some extra space inside the selected element from the edges.

Padding
03:09

Let just learn about some comon and important rules of dimensions in this lecture.

Note: Must watch this lecture!

Important rules of dimension
03:24
5 More Sections
About the Instructor
Joe Parys
4.4 Average rating
17,294 Reviews
296,789 Students
67 Courses
Bestselling Instructor, 66 Courses, Serving 295,000 Students

Why are 295,000+ students enrolled in my online courses?

1) I teach with passion and purpose! Every course is delivered with my students in mind.

2) My courses will help you achieve real results and change your life today!

3) My dedication to Udemy and teaching online. Udemy has named me one of its top instructors.

► Try enrolling in a course with me and see for yourself! ◄

__________________________________________________________________________

Want to learn how to become A Professional Web Developer?

Would you like to Transform Your Confidence and Self-Esteem?

Or maybe how to earn thousands Teaching Online Video Courses Full Time?

Then Enroll in my Udemy Courses Today! You too can be doing this - and so much more!

__________________________________________________________________________

About Joe Parys: 

Joe is a certified life coach, professional motivational speaker, entrepreneur, licensed psychology teacher and head basketball coach for USA Basketballs Pilot Program. His main areas of expertise are teaching, coaching, public speaking, personal development, personal transformation, the human mind, maximizing human potential, motivation and goal setting.

My CV:

Joe has his bachelor’s degree from Coe College in Cedar Rapids, IA. He was a four-year varsity letter winning college athlete in the sport of men's basketball. He is also a coach for USA basketball.

He is a Licensed Psychology, History and Government teacher for grades 5-12. He has been teaching High School for the past three years.

Joe is also a licensed and certified professional life coach and motivational speaker from the Fowler Institute.

Business:

Joe Parys is an entrepreneur running his own online academy, Joe Parys Academy. Joe has spoken and taught his courses in numerous high schools in the United States and continues to travel around the country inspiring students of all ages.

Mission Statement- Joe Parys Academy is committed to superior life coaching. Our products and services are created and marketed with the purpose of helping others worldwide prosper and improve their lives.

Vision Statement- Our vision at Joe Parys Academy is to help each client find their purpose in life, reach their goals and fulfill their lifelong dreams.

Web Engineer &  Instructor Shahzaib Kamal
4.3 Average rating
5,414 Reviews
143,326 Students
11 Courses
Web Engineer & Instructor

It's Shahzaib Kamal from Pakistan, Who's an expert web developer and designer but a sincere instructor as well.

I love to teach the newbies and also the professionals. I always try to teach something new and in-demand topics to my students.

I'm working as a web developer since 2008 and instructing students since 2010. I found that udemy is helping those who want to learn. so that's why I'm here.

Joe Parys Academy
4.4 Average rating
17,294 Reviews
296,789 Students
67 Courses
Best-Selling Instructor & Founder of the Joe Parys Academy

Why are 200,000+ students enrolled in our Udemy courses?

1) Purpose: We teach with passion and purpose! Every course is delivered with our students in mind.

2) Quality: Our courses are life changing and help you achieve real results!

3) Commitment: My dedication to Udemy and teaching online. Udemy has named me one of its top instructors!

► Try enrolling in any of our courses today and experiecne us firsthand! ◄

 __________________________________________________________________________

Joe Parys Academy is a Leader in Online Education with more than 30+ Co-Authored Courses

The Founder of Joe Parys Academy, Joe Parys, is a Bestselling Udemy instructor with more than 200,000+ students from more than 200 countries around the world! 

Mission Statement:

Our Mission at Joe Parys Academy is to create the highest quality online courses available anywhere in the world. We are focused on producing competent professionals and supplying them with the knowledge and skills they need. 

Vision Statement: 

Our Vision at Joe Parys Academy is for our students to have the opportunity to learn about the subjects of their choosing, taught by our highly qualified teachers. 

 __________________________________________________________________________

Want to learn how to become A Professional Web Developer?

Do You Desire To Create Your Own Mobile Applications? 

Or Maybe Learn How To Run Your Own Microsoft Access Business? 

Then Enroll in our Co-Authored Udemy Courses Today! 

You Too Can Be Doing All of This and So Much More!  __________________________________________________________________________

About The Founder of Joe Parys Academy:

Joe Parys is a Bestselling Udemy instructor, certified life coach, professional motivational speaker, entrepreneur, licensed psychology teacher and head basketball coach! His main areas of expertise are teaching, coaching, public speaking, personal development, personal transformation, the human mind, maximizing human potential, motivation and goal setting.

Joe Parys' CV:

Joe has his bachelors degree from Coe College in Cedar Rapids, IA. He was a four year varsity letter winning college athlete in the sport of men's basketball. He is also a coach for USA basketballs pilot program.

He has been teaching Psychology, History and American Government for grades 5-12 the past three years. 

Joe is also a licensed and certified professional life coach and motivational speaker from the Fowler Institute of Life Coaching. 

Business:

Joe Parys is an entrepreneur running his own life coaching and motivational speaking business. Joe has spoken and taught his courses in numerous high schools in the United States and continues to travel around the country inspiring students of all ages.