HTML5 and CSS3 - the basics of Web Development - to design your own responsive websites
Do you want to learn how to build your own websites?
Do you want to become a web developer?
Do you just want to know how to customize the design of a website created with Wordpress (or other web-builder) so it looks like you want it to?
HTML5 & CSS3 are the basic building blocks of the website world! And this is the perfect course for you to dive right in and learn them.
Instructor: Mr. Kushagra Bhatia & Mr. Pradeep Rai
Language: bilingual (Hindi + English)
Validity Period: 365 days
₹999 including 18% GST
Why should you enrol in this course?
1. It's great for absolute beginners, with NO coding or web development experience required!
Many of the other courses on HTML5 and CSS3 are too advanced, or use language that is confusing to a beginner. We break down every definition and step of the process so you never get lost.
2. Project-based learning. Plus it's free to build websites!
Learning is better when you're actually doing. As you follow along with each section of the course, you'll be building your own websites. No matter what type of computer you have - Windows, Mac, Linux - you can get started.
Seriously, within the first hour of the course, you'll be building your own basic websites!
3. No more boring lectures!
If you've watched other HTML5 and CSS3 courses or tutorials before, you know that it can be difficult to make it interesting and fun. You feel like you're actually learning something new... and progressing... all while having fun!
4. Real world case studies!
It's great to learn how to use HTML and CSS, but it's even better if you know how what you are learning applies to real-world websites. Throughout the entire course, you learn how real websites are using HTML5 and CSS3 today.
WHAT WILL YOU LEARN IN THIS COURSE?
- Start by understanding how to use HTML5, CSS3
- Each section builds upon the previous ones to give you a complete understanding of the basics of HTML, CSS
- Once you are in the Bootstrap section, you'll learn how to quickly develop and design beautiful responsive websites
- Finally, you'll put all your knowledge together with full website projects such as creating a modern landing page
IS THIS THE PERFECT COURSE FOR YOU?
YES - if you are a complete beginner with no experience building a website.
YES - if you already know some HTML5 and CSS3, but want to learn everything from the ground up so you know how to build a complete website.
YES - if you don't necessarily want to be a web developer, but want to understand how HTML5 and CSS3 work so you can customize your own WordPress site (or other type of website)
READY TO ENROLL?
Enroll now to try out the course completely risk free!
We can't wait to see you in the course!
|Welcome to the Course!|
|Introduction to the course :00||Preview|
|Best Coding Editor & Sublime Setup :00|
|What is HTML ? (:00)||Preview|
|Basics - HTML Elements|
|HTML document structure :00||Preview|
|HTML elements - b, i, strong, center :00|
|HTML elements - br, hr, h1-h6 heading :00|
|HTML elements - u, p, img tag :00|
|HTML elements - ul, li, and ol :00|
|Project #1 - HTML text site :00|
|HTML elements - div(Division | Block) :00|
|HTML Tables Elements|
|HTML Elements - table, tr, td, th :00|
|Create a simple Calendar using Table Element :00|
|HTML Form Elements|
|Radio Buttons, Text box :00|
|Select, Option, Text Area :00|
|Checkbox, File, Password, Buttons :00|
|Project #2 - Create a Enquiry Form :00|
|Introduction to Cascading Style Sheets (CSS)|
|What is CSS & Types of CSS :00||Preview|
|External CSS (How to connect CSS file to HTML Page) :00|
|CSS Selectors :00|
|width, height, background-color, float :00|
|font-size, font-weight, color, font-style :00|
|Text-align, text-decoration, text-transform, word-spacing :00|
|Project #3 - Create a Modern Web Page using HTML & CSS :00|
|Working With CSS Hover effect :00|
|letter-spacing, border, border-left, border-right, border-top, border-bottom :00|
|margin, margin-left, margin-right, margin-top, margin-bottom :00|
|padding , padding-Left, padding-left, padding-right, padding-top padding-bottom :00|
|background-Image, background-repeat :00|
|Project - Create Professional Website|
|Professional Project Part-1 :00|
|Professional Project Part-2 :00|
|Professional Project Part-3 :00|
|CSS Clear Concpet|
|CSS Clear Concpet :00|
|Full Width Website|
|Full Width Website Concept :00|
|Professional Project#2 Full Width Website :00|
|One Page Website|
|One Page Website Concept :00|
|CSS (Background Fixed, Background Transparent, Background Cover) :00|
|Creating Your Own One Page Website Project :00|
|CSS Pseudo-classes :00|
|CSS Display (Block, inline-block, Table) :00|
|CSS Display (None/block) :00|
|display Flex Property :00|
|Project# Creating Basic navigation menu :00|
|Position (Relative & Static) :00|
|Position (Absolute) :00|
|Position (Fixed) :00|
|Z-index in CSS :00||Preview|
|Drop Down Menu :00|
|Drop Down Menu ui, li :00|
|Multilevel Drop Down Menu :00|
|Css Variable in Css :00|
|CSS3 Introduction & Properties|
|What is CSS3? :00|
|CSS3 browser Support :00|
|CSS3 Border Radius :00|
|CSS3 Border Image :00|
|CSS3 Multiple Background Image :00|
|CSS3 Overflow Property :00|
|CSS3 Opacity, Visibility :00|
|CSS3 Shadows(Text & Box) :00|
|CSS3 Box Sizing, Filters :00|
|CSS3 Animations Part1 :00|
|CSS3 Animations Part2 :00|
|CSS3 Transitions :00|
|CSS3 Transform (Scale, Translate) :00|
|CSS3 Transform (Skew, Rotate) :00|
|Translate Exmaple :00|
|Rotate Example :00|
|Changing Column Width Bases on Screen Size (Media Queries) :00|
After successful purchase, this item would be added to your courses.
You can access your courses in the following ways :