Dive into the world of web design with “Web Design for Beginners: Build Websites in HTML & CSS.” This course is designed for those with no prior experience, guiding you through the basics of HTML and CSS to create stunning, responsive websites. You’ll learn essential concepts such as structure, styling, and layout while gaining hands-on experience through practical projects.
Step-by-step tutorials and real-world examples will empower you to build your own website from scratch. By the end of the course, you’ll have a solid foundation in web design principles and the skills to craft visually appealing, user-friendly websites. Join us to kickstart your journey into web development and unleash your creativity!
Course Curriculum
- 22 sections
- 71 lectures
- 8 hours, 49 minutes total length
-
Introduction00:07:00
-
Alert!!! Important: A Must-Watch Video00:01:00
-
How the Web Works00:07:00
-
What Are Text Editors and Installation00:05:00
-
How the Browser Works00:11:00
-
HTML Basic Syntax00:14:00
-
HTML Elements00:06:00
-
HTML Attributes00:09:00
-
HTML Headings00:04:00
-
HTML Paragraphs00:06:00
-
HTML Style Attribute00:09:00
-
HTML Formatting00:04:00
-
HTML Comments00:05:00
-
Simple Intro to CSS00:16:00
-
HTML Links00:06:00
-
HTML Images00:08:00
-
HTML Tables00:11:00
-
HTML Lists00:07:00
-
First Training (Creating a Simple Menu)00:09:00
-
HTML Forms pt.100:11:00
-
HTML Forms pt.200:11:00
-
HTML Forms pt.300:08:00
-
HTML Forms pt.400:06:00
-
HTML Inline and Block Tags00:16:00
-
Classes00:10:00
-
Ids00:08:00
-
More about the Head00:09:00
-
HTML Entities00:05:00
-
Intro and Revision to CSS00:05:00
-
Syntax00:08:00
-
Comments00:04:00
-
Colours pt.100:19:00
-
Colours pt.200:08:00
-
Backgrounds pt.100:13:00
-
Backgrounds pt.200:05:00
-
Backgrounds pt.300:09:00
-
Borders pt.100:06:00
-
Borders pt.200:06:00
-
Margin00:14:00
-
Padding00:08:00
-
More about height and width00:05:00
-
Width and Height00:07:00
-
Box Model00:05:00
-
Training 2 (Building a Simple Form)00:22:00
-
Outline pt.100:06:00
-
Outline pt.200:05:00
-
Text pt.100:05:00
-
Text pt.200:07:00
-
Text pt.300:05:00
-
Fonts pt.100:07:00
-
Fonts pt.200:04:00
-
Fonts pt.300:03:00
-
Display pt.100:10:00
-
Display pt.200:04:00
-
Display pt.300:10:00
-
Position pt.100:05:00
-
Position pt.200:10:00
-
Z-index pt.100:07:00
-
Z-index pt.200:05:00
-
Overflow pt.100:08:00
-
Overflow pt.200:03:00
-
Pseudo Classes00:12:00
-
Pseudo Elements00:09:00
-
Opacity00:06:00
-
Cursor00:04:00
-
Float pt.100:04:00
-
Float pt.200:05:00
-
Outro and Where to Go From Here00:03:00
-
Videos00:04:00
-
Sound00:02:00
-
Youtube Videos00:03:00