Tech & IT
Business
Coding & Developer
Finance & Accounting
Academics
Office Applications
Art & Design
Marketing
Health & Wellness
Sounds & Music
Lifestyle
Photography
Get Unlimited Learning Access
$29
4 days left at this price!
30-Day Money-Back Guarantee
This plan includes
- Instant access to 11,000+ online courses
- Play & Pause Course Videos
HD Video Recorded Lectures- Learn on Mobile/PC/Tablet
- Quizzes and Real Projects
- Lifetime Course Certificate
- Instructor Chat Support
- Cancel Plan Anytime
Subscribe to Learnfly’s top courses
Get this course, plus 11,000+ of our top-rated courses for one year with Go Annually Plan.
4 days left at this price!
30-Day Money-Back Guarantee
This plan includes
- Instant access to 11,000+ online courses
- Play & Pause Course Videos
- HD Video Recorded Lectures
- Learn on Mobile/PC/Tablet
- Quizzes and Real Projects
- Lifetime Course Certificate
- Instructor Chat Support
- Cancel Plan Anytime
$29
What you'll learn?
- Become a strong modern and confident HTML and CSS developer, no prior knowledge needed!
- A web design framework with easy-to-use rules and guidelines to design eye-catching websites
- Important CSS concepts such as the box model, positioning schemes, inheritance, solving selector conflicts, etc.
- How to find, get and use free design assets such as images, fonts, and icons
- Create common components and layout patterns for professional website design and development
- Modern CSS (previous CSS3), including flexbox and CSS Grid for layout
- Learn to Publish your Website project on Live Server or Cloud Server step by step
- Design and build a stunning real-world project for your website from scratch
Course Overview
Learn HTML & CSS from scratch while designing and coding your own project step-by-step.
Learn to code HTML and CSS, The first step to create a HTML and Style Coding you need to learn to succeed in Website beautification development, it is easy to learn and understand our online HTML and CSS Training course, It is designed for you with the complete steps to require, Learn Basic topics by Mr. Sudha Sekhar Metla [MCP - Microsoft Certified Professional] will explain to you even complex topics to simplify and teach you even beginners can easily understand with real-time examples.
Join this best HTML and CSS course to learn all about HTML and CSS from the start up, in great depth!
HTML - short for Hyper Text Markup Language, CSS - short for Cascading Style Sheets - is a "programming languages" you use to create and turn your base HTML pages into real world beautiful websites.
This course covers all standards - we start at the very basics HTML and CSS (What is CSS? How does it work? How do you apply it)? and gradually dive in deeper and deeper. And we do this by showing both practical coding examples as well as the theory behind it.
Getting started with HTML and CSS might look easy but there actually is a lot of depth to CSS - hence this course provides different "Levels" or "Entry points" to exactly meet your demands and reflect you current knowledge level:
Both HTML and CSS are very important to know all levels to create a complete responsive real-world websites, we identified the gap between these courses and trying to filling gap and bridging in this curriculum to learn a single web developer to applying his own skills.
The Basics Level: Start from scratch, learn HTML and CSS from the ground up. You will learn basic fundamentals in this sections, You start with lecture 1 and simply follow through to the end step by step.
The Intermediate Level: You already know the HTML and CSS basics, you know from HTML what Formatting Text, Framing Paragraphs and from CSS inline, internal and external CSS are and how it works but you want to dive in deeper and learn some intermediate features and usages.
The Advanced Level: You got the intermediate knowledge, too, but you want to dive into things like from HTML Entities , Forms, Images from CSS Layout, CSS Animation, CSS responsive page to apply a single CSS page would be applicable in multiple devices like mobile, t.v, computer and large screens.
The Expert Level: You got the advanced knowledge, too, but you want to dive into things like HTML5 Components, Form Basic Structure layouts from CSS Flexbox, CSS Grid layout alignment, Multiple columns, CSS about UI / UX design, CSS Pagination. This Level is for you.
Of course this course offers the theory and practical real world examples - we'll teach an entire real course project throughout the course - but there also coding exercise challenge for you to practice individual concepts taught throughout the course.
Talking about the course project - we'll explained a simple template getting from web and making a very simple steps to create real world project with in less time. We'll have a starting screen which has different sections, we got a responsive design, we shown modals and forms and in general we got a lot of CSS animations, font styles and more!
Here's what's inside the course in detail - this is all also applied in a real-world project:
The basics about inline, internal and external CSS and selectors,
Basic combinators and how you set up styling rules in general Properties and its values
Learn Basic to create HTML to applying HTML5 advanced elements on web design will be thought in this course
How specify and classes and IDs work and why it's called "Cascading" Style Sheets
Important theoretical concepts like the "Box Model"
How the default position of elements can be changed
Styling backgrounds (e.g. gradients) and images
Which measurements and dimensions you typically use in CSS (px, % and more)
Responsive design and what "Mobile First" means
Styling forms, form inputs and its alignments
Working with text, fonts and text styles
How it works and how to use it in real-world coding exercises
Using the CSS Grid and how it differs from HTML grid
Transforming and animating HTML elements with the help of CSS
Writing future-proof HTML and CSS with features like HTML pages, Tags and CSS Pseudo classes, Flexbox, CSS Grid or best-practice class names
Is this course for you?
It's for you if ...
you started with learning web development and you want to build more beautiful stunning websites
you already know HTML and CSS but want to dive deeper
you're using HTML and CSS in a trial-and-error manner and want to change this (you should!)
You might come back later if ...
you're an absolute CSS pro and you know the CSS working group drafts by heart
you're a backend-only developer (Java, Angular, Node, Asp .NET, PHP, NO HTML frontend or JavaScript)
you're a total newcomer to web development and you don't know the basics about HTML and CSS
If that sounds good to you, we'd be more than happy to welcome you in side this course!
Pre-requisites
- No coding or design experience necessary (should know computer operating)
- Any computer works — Windows, macOS or Linux
- You don’t need to buy any software — we use the best free open-source code editor in the world
Target Audience
- Beginner HTML and CSS developers curious about web design
- Students with some knowledge about HTML and CSS, but who bridging challenges to put together a great website
- Complete beginners who want to learn how to build a professional, beautiful and responsive website design
- Who wants to learn HTML and CSS from scratch to start web developer career
Curriculum 129 Lectures 09:18:20
-
Section 1 : Getting Started
- Lecture 2 :
- b. Course Curriculum
- Lecture 3 :
- c. How to get Course requirements
- Lecture 4 :
- d. Getting Started on Windows, Linux or Mac
- Lecture 5 :
- e. How to ask a Great Questions
- Lecture 6 :
- f. FAQ’s
-
Section 2 : Setting up Development Environment
- Lecture 1 :
- a. Introduction
- Lecture 2 :
- b. Choosing Code Editor
- Lecture 3 :
- c. Installing Code Editor(Sublime Text)
- Lecture 4 :
- d. Overview of a Webpage
- Lecture 5 :
- e. Full HTML Code Page
- Lecture 6 :
- f. First “Hello World!” page
- Lecture 7 :
- g. Summary
-
Section 3 : HTML Fundamentals
- Lecture 1 :
- a. Introduction
- Lecture 2 :
- b. Heading
- Lecture 3 :
- c. Paragraph
- Lecture 4 :
- d. Formatting text
- Lecture 5 :
- e. List Items Un Ordered
- Lecture 6 :
- f. List Items Ordered
- Lecture 7 :
- g. Classes
- Lecture 8 :
- h. ID’s in CSS
- Lecture 9 :
- i. Comments in HTML
- Lecture 10 :
- j. Summary
-
Section 4 : HTML Intermediate
- Lecture 1 :
- a. Introduction
- Lecture 2 :
- b. Images
- Lecture 3 :
- c. Forms
- Lecture 4 :
- d. Form Actions
- Lecture 5 :
- e. Br tag
- Lecture 6 :
- f. Marquee
- Lecture 7 :
- g. Text area
- Lecture 8 :
- h. Tables
- Lecture 9 :
- i. Links
- Lecture 10 :
- j. Navbar / Menu
- Lecture 11 :
- k. HTML Entities
- Lecture 12 :
- l. Div tag
- Lecture 13 :
- m. Google Maps
- Lecture 14 :
- n. Summary
-
Section 5 : HTML Advanced
- Lecture 1 :
- a. Introduction
- Lecture 2 :
- b. HTML5 Audio
- Lecture 3 :
- c. HTML5 Video
- Lecture 4 :
- d. Progress Bar
- Lecture 5 :
- e. Drag & Drop
- Lecture 6 :
- f. Canvas
- Lecture 7 :
- g. I frames
- Lecture 8 :
- h. Input Types
- Lecture 9 :
- i. Input Attributes
- Lecture 10 :
- j. YouTube Video Linking
- Lecture 11 :
- k. Creating Responsive Page
- Lecture 12 :
- l. Summary
-
Section 6 : HTML Expert
- Lecture 1 :
- a. Introduction
- Lecture 2 :
- b. Registration Form
- Lecture 3 :
- c. Login Form
- Lecture 4 :
- d. About Us Form
- Lecture 5 :
- e. Contact Us Form
- Lecture 6 :
- f. Footer Form
- Lecture 7 :
- g. Integrate All Together
- Lecture 8 :
- h. Coding Exercise
- Lecture 9 :
- i. Solution for Coding Exercise
- Lecture 10 :
- j. Summary
-
Section 7 : HTML Website Project
- Lecture 1 :
- a. Introduction
- Lecture 2 :
- b. Challenge – HTML 5 Clock Face with Numbers
- Lecture 3 :
- c. Project Overview
- Lecture 4 :
- d. Conclusion on Project
- Lecture 5 :
- e. Summary
-
Section 8 : CSS Fundamentals
- Lecture 1 :
- a. Introduction
- Lecture 2 :
- b. CSS Syntax
- Lecture 3 :
- c. Creating webpage with CSS
- Lecture 4 :
- d. Inline CSS
- Lecture 5 :
- e. Internal CSS
- Lecture 6 :
- f. External CSS
- Lecture 7 :
- g. CSS Classes
- Lecture 8 :
- h. CSS IDs
- Lecture 9 :
- i. Colors
- Lecture 10 :
- j. Backgrounds
- Lecture 11 :
- k. Floating
- Lecture 12 :
- l. Positioning
- Lecture 13 :
- m. Margins
- Lecture 14 :
- n. Padding
- Lecture 15 :
- o. Borders
- Lecture 16 :
- p. Summary
-
Section 9 : CSS Intermediate
- Lecture 1 :
- a. Introduction
- Lecture 2 :
- b. Styling Text
- Lecture 3 :
- c. Aligning Text
- Lecture 4 :
- d. Styling Links
- Lecture 5 :
- e. Font Family
- Lecture 6 :
- f. Font Styles
- Lecture 7 :
- g. Applying Google Fonts
- Lecture 8 :
- h. Box Model
- Lecture 9 :
- i. Icons
- Lecture 10 :
- j. Tables
- Lecture 11 :
- k. Navigation-Menu
- Lecture 12 :
- l. Dropdowns
- Lecture 13 :
- m. Summary
-
Section 10 : CSS Advanced
- Lecture 1 :
- a. Introduction
- Lecture 2 :
- b. Advanced Selectors
- Lecture 3 :
- c. Forms
- Lecture 4 :
- d. Website Layout
- Lecture 5 :
- e. Rounded Corners
- Lecture 6 :
- f. Color Keywords
- Lecture 7 :
- g. Animations
- Lecture 8 :
- h. Pseudo Classes
- Lecture 9 :
- i. Gradients
- Lecture 10 :
- j. Shadows
- Lecture 11 :
- k. Calculations
- Lecture 12 :
- l. Creating Responsive Page
- Lecture 13 :
- m. Summary
-
Section 11 : CSS Expert
- Lecture 1 :
- a. Introduction
- Lecture 2 :
- b. Button Styles
- Lecture 3 :
- c. Flexbox
- Lecture 4 :
- d. CSS Grid
- Lecture 5 :
- e. Pagination
- Lecture 6 :
- f. Multiple Columns
- Lecture 7 :
- g. Image Reflection
- Lecture 8 :
- h. UI / UX Design
- Lecture 9 :
- i. Social Media Icons
- Lecture 10 :
- j. External CSS Style adding
- Lecture 11 :
- k. Coding Exercise
- Lecture 12 :
- l. Solution for Coding Exercise
- Lecture 13 :
- m. Summary
-
Section 12 : CSS Website Project
- Lecture 1 :
- a. Introduction
- Lecture 2 :
- b. CSS Project Getting
- Lecture 3 :
- c. CSS Project Overview
- Lecture 4 :
- d. Summary
-
Section 13 : Publish Your Website for Live
- Lecture 1 :
- a. Introduction
- Lecture 2 :
- b. Installing Free FTP Solution (FileZilla)
- Lecture 3 :
- c. Setting Up FTP (File Transfer Protocol)
- Lecture 4 :
- d. Publish Website to Hosting Server
- Lecture 5 :
- e. Summary
-
Section 14 : Bonus: What’s Next
- Lecture 1 :
- a. Where to go from Here
Our learners work at
Frequently Asked Questions
-
How do i access the course after purchase?
It's simple. When you sign up, you'll immediately have unlimited viewing of thousands of expert courses, paths to guide your learning, tools to measure your skills and hands-on resources like exercise files. There’s no limit on what you can learn and you can cancel at any time. -
Are these video based online self-learning courses?
Yes. All of the courses comes with online video based lectures created by certified instructors. Instructors have crafted these courses with a blend of high quality interactive videos, lectures, quizzes & real world projects to give you an indepth knowledge about the topic. -
Can i play & pause the course as per my convenience?
Yes absolutely & thats one of the advantage of self-paced courses. You can anytime pause or resume the course & come back & forth from one lecture to another lecture, play the videos mulitple times & so on. -
How do i contact the instructor for any doubts or questions?
Most of these courses have general questions & answers already covered within the course lectures. However, if you need any further help from the instructor, you can use the inbuilt Chat with Instructor option to send a message to an instructor & they will reply you within 24 hours. You can ask as many questions as you want. -
Do i need a pc to access the course or can i do it on mobile & tablet as well?
Brilliant question? Isn't it? You can access the courses on any device like PC, Mobile, Tablet & even on a smart tv. For mobile & a tablet you can download the Learnfly android or an iOS app. If mobile app is not available in your country, you can access the course directly by visting our website, its fully mobile friendly. -
Do i get any certificate for the courses?
Yes. Once you complete any course on our platform along with provided assessments by the instructor, you will be eligble to get certificate of course completion.
-
For how long can i access my course on the platform?
You require an active subscription to access courses on our platform. If your subscription is active, you can access any course on our platform with no restrictions. -
Is there any free trial?
Currently, we do not offer any free trial. -
Can i cancel anytime?
Yes, you can cancel your subscription at any time. Your subscription will auto-renew until you cancel, but why would you want to?
Instructor
509745 Course Views
62 Courses
I am M. Sudha Sekhar, I am a Teacher and a Web Developer, and I am also passionate to teach every single real-time step that leads students as well as professionals to become successful with their carrier.
What we know about web development and technologies:
* Front-End web development: HTML, CSS, Bootstrap, JavaScript, Ajax and more...
* Code-End web development: Asp.Net, C#, Python and PHP and more...
* Back-End development: MS SQL, MySQL, PostgreSQL, MongoDB, MariaDB and more...
* Operating Systems / Servers: RHEL - LINUX, Ubuntu, CentOS, Windows and more...
Start solving your challenge now | Enroll today and learn real-time practical courses.
I am passionate about:
* Teaching students the correct way.
* Making things simple and easy to understand.
* Offering the best audio and video qualities to my courses.
* Real-time Examples who will understand real-time skills easily.
* Most of the Lectures will be practical way demonstrations using real-world solutions
View More...
