HTML & CSS : Code Your Own Interactive Websites

Learn HTML5 and CSS3 and code your own Interactive websites in no time.
4.7 (6 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.
1,215 students enrolled
Instructed by Somenath Sen Design / Web Design
$19
$180
89% off
Take This Course
  • Lectures 63
  • Length 4.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 3/2016 English

Course Description

If you are in Business you know how importance a website is. It is like your business identy. but when you want to create your own webiste and contact a webdesigner, they'll charge you thousand of dollars to create that. Because they know how write code to make a website and you don't. But think if you know how to write code and create your own website, it's not just save you money it also make you money, How? just create websites for others and they will pay you thousand of dolars just doing that. So that's why this course are. In this course I'll tech HTML and CSS the language behind every website.

In the first chapter we start with HTML5. First of all we learn what is html and learn it's syntax and semantics. Then we move onto basic document structure, how to properly section pages and how to use HTML to format page content using phrase elements and font markup language.

After that, we'll explore how to properly create hyperlinks and lists. Finally, we look at html5 forms and table. And also explaning html5 audio and video tags and some embed tag like iframe.

On the next chapter we move onto styling part the CSS. In this chapter you will learn about what CSS is and what it can do for you. we start with CSS syntax then move onto fonts, colours, margins, padding, lines, links, height, width, background images. We also take an in depth look at advanced positions like absolute position, relative position and fixed position. Also we look at how to create beautiful gradient effects and many other cool things.

Thanks for watching this video, and I can't wait to show you how easy it is to begin writing html and CSS code to create your own website.

What are the requirements?

  • Computer / Laptop
  • Internet Connection
  • Text Editor [Free Resource Include]
  • Passionate About Learning New Things

What am I going to get from this course?

  • Learn What is HTML5
  • Learn Important of HTML5
  • Learn how to formatting content
  • Learn how to displaying images
  • Learn how to use Heading, Paragraph, and DIV elements
  • Learn Table and Form elements
  • Learn how to creating lists (OL, UL, DL)
  • Learn How to Control styling using Phrase elements and Font markup
  • Learn how to using audio tag, video tag, iframe and more
  • Learn What Is CSS3
  • Learn What Is CSS Syntax
  • How to Exploring Font Properties
  • Learn How To Style using Colours, Margins, Padding, Lines
  • Learn How To Style Links With There States
  • Learn Height, Width And Max. Height, Max. Width
  • Learn Difference Between Background Color And Images
  • Learn Advanced Positions Like Absolute, Relative, Fixed Positions
  • Learn How To Create Gradient Color In CSS And Much More

What is the target audience?

  • Web Designers
  • Web Developers
  • Students
  • Total Beginners
  • Bloggers
  • People Passionate About Web Design
  • Anyone Who Want To Learn Code

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction
Introduction To The Course
Preview
02:23
First Setup Our Tools and Development Environment
Preview
08:29
Understand Website File And Folder Structure
02:20
Section 2: Drive Into HTML5
Create your first HTML5 file
04:45
Understand HTML5 Document
04:37
HTML5 Comments
02:37
HTML5 head meta tag part 1
04:24
HTML5 head meta tag part 2
02:58
HTML5 Title Tag
02:20
Style Tags in HTML5
02:19
Link External CSS File in the Head
05:48
Link External Javascript File in the Head
02:31
Script Tags in HTML5
01:25
Link Custom favicon in the Head
04:55
HTML5 Headings : H1 to H6
03:25
How to Create Paragraph
01:35
How to Create Links
04:20
How to Link Images
04:31
How to Create DIVS
05:22
Creating Span Tags
03:35
Phrase Elements in HTML5
06:34
Font Markup Elements to Design your Fonts in HTML5
07:13
HTML5 Lists : Order List
04:34
HTML Lists : Unorder List
03:54
HTML Lists : Definition List
03:05
How to Create HTML5 Tables
07:32
HTML5 Forms : Text Input
07:14
HTML5 Forms : How to Create Password Input
01:20
HTML5 Forms : How to Create Radio Button
04:02
HTML5 Forms : How to Create Checkbox
03:43
HTML5 Forms : How to Create Dropdown List
06:38
HTML5 Forms : How to Create Submit Button
03:14
HTML5 Forms : How to Create Reset Button
01:48
HTML5 Forms : How to Create Image Button
02:35
How to Create Iframe Tags
02:42
HTML5 Audio Tag
06:08
HTML5 Video Tag
04:07
How to Embed Youtube Videos In a HTML5 Page
02:26
How to Embed Sound Cloud Audio In a HTML5 Page
02:52
Section 3: Understanding Styling : The CSS3
How To Create Your First CSS3 File
02:19
What is Internal CSS Style
03:10
What is External CSS Style
03:55
What is CSS Syntax
02:56
How to Write CSS Comments
01:51
How to Style Fonts Using Style Elements
07:07
How to Style Text Using Style Elements
13:16
CSS Background Color And Image Style - Part 1
05:39
CSS Background Color And Image Style - Part 2
02:02
Understand CSS Class
04:44
Understand CSS ID's
04:15
Understand CSS Margins
05:17
Understand CSS Padding
02:53
CSS Box Model
04:21
How to Style Hyperlinks
06:59
Height And Width In CSS
02:09
Max. Height and Max. Width in CSS
03:36
What is Child Selectors in CSS ?
04:40
Pseudo Class in CSS
03:06
Side By Side Boxes Using Float
03:56
Absolute Position in CSS
06:42
Relative Position in CSS
05:03
Fixed Position in CSS
05:16
How to Create Gradients in CSS
06:16

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Somenath Sen, High Quality eLearning Solution

Hi my name is Somenath Sen. I'm a freelance Web Designer / Developer and SEO Expert. I am in this field due to my passion towards designing and coding. I have been working since 10 years now and with time i have been updating my self with latest technology and programing languages on my work.

My expertise and areas of teaching are:

  • Website Design
  • HTML5 & CSS3
  • CSS Frameworks [ Bootstrap 3, Zurb Foundation 5, 960gs, Skeleton ]
  • Javascript
  • PHP/MY SQL
  • Content Management System [Word Press, Joomla, osCommerece, Custom CMS]
  • UI/UX Design
  • Graphic Design
  • Search Engine Optimization
  • Social Media Marketing

I enjoy my work and love to tech others in these field.

Ready to start learning?
Take This Course