Practical CSS Website Development: Crash Course

Learn modern web design and techniques using CSS step-by-step from scratch including HTML5
4.5 (26 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.
10,272 students enrolled
100% off
Take This Course
  • Lectures 19
  • Length 2.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


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


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

About This Course

Published 2/2016 English

Course Description

Looks Are Everything!

Learn the basic concepts, tools, and functions that you will need to build fully functional Website using CSS and HTML.

Build a strong foundation in CSS with this hand on-tutorial crash course.

  • Fundamental difference between CSS and HTML
  • CSS Editing techniques
  • Inspect Element Tool for outstanding Website design consideration
  • CSS coding techniques

You surf the internet every single day and come across several Websites with varying designs and layouts. The fact of the matter is that - the difference between an outstanding site and a terrible site is the quality of its CSS development.

So, Are you looking for the easiest and fastest way to learn how to build your own beautiful websites with CSS? And how to even make them into a responsive Website?

With little innovation and few techniques, you can build outstanding Website design using CSS coding skills - This course teaches you how to identify CSS on a Website, understand what goes behind the scene, and then be able to design and code like an expert!

At the end of the course, you will have a complete, ready-to-launch outstanding website that looks great on any desktop computer, tablet and smartphone. You get the entire code and all the images and graphical assets that I designed especially for the course as a free download.

What are the requirements?

  • You should be familiar with basic computer knowledge and web surfing
  • Some Understanding of HTML
  • Any Web Browser
  • Text Editor such as Notepad or Notepad++

What am I going to get from this course?

  • Real-world skills to design and build real-world websites using CSS: professional, outstanding, and truly responsive websites
  • Develop skills and in-depth understanding of how CSS works including HTML5
  • Design and build several websites you can imagine from complete scratch using techniques demonstrated
  • Learn about fundamental difference between CSS and HTML
  • Understand how to practically use and apply CSS using real Website in a real world scenario
  • Step-by-step and easy to-follow and hands-on tutorials

Who is the target audience?

  • This course is designed for anyone wanting to sharpen or develop CSS skills
  • This course is perfect for complete beginners: there is absolutely no coding experience required. This course is also perfect for you if you know some HTML and CSS, but struggle to put together a good-looking website. Or maybe you're a web designer and want to expand your skill set into HTML5 and CSS3? This course is perfect for you, too!

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.


Section 1: Introduction

This is the course introduction as well as about the Instructor


This lecture is about the detailed course agenda


In this lecture, you will learn the fundamental difference between CSS and HTML as well as the structure of the two languages.

Section 2: Exploring Cascading Style Sheets (CSS)

This lecture demonstrates how to log on to the WordPress platform


Understand the elements and functionality of CSS File


The inspect element tool is great in understanding CSS elements. This lecture demonstrated using Google Chrome web browser for the inspect element tool.

2 questions

This is a short quiz to re-enforce some of the learning concepts

Section 3: Working With CSS

This lecture demonstrated how to edit the Style.css file within your WordPress Theme

1 question

This quiz will enhance your learning regarding CSS

Section 4: Customizing Website

In this lecture, you will learn how to add a new menu to the webpage sidebar area


In this lecture, you will learn to further customize Website using CSS


In this lesson, you will learn how to code in CSS to remove Homepage title

2 questions

This quiz will enhance some of the learning concepts

Section 5: Working With Images

In this lecture, you will learn how to insert images using HTML and WordPress Plugins


This lectures demonstrates how to insert a full background image using CSS


In this lecture, you will learn to customize the sidebar widget using CSS


In this lecture, you will learn how to insert an image in the footer area of your website using CSS

2 questions

This quiz will add to your skills

Section 6: Creating Custom CSS Class

In this lecture, you will learn how to create a CSS class

1 question

This quiz contains questions regarding custom CSS code


In this lecture, you will learn how to create a Responsive Website using CSS and HTML

1 question

This quiz re-enforces some of the learning concepts

Section 7: Conclusion

This is a recap of all lectures. Your bonus material is also available in this lecture (FREE Web Hosting).

Section 8: Resources
9 pages

This is a reference list of HTML tags that you are evaluate and use while coding

11 pages

This is a Cascading Style Sheets (CSS) reference list

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Syed Raza, Top Udemy Instructor! 50,000+ students

Why are 50,000+ students (and counting) enrolled in my courses?

1) As the CEO of ClayDesk, I teach with passion and purpose! Every course is delivered with my students in mind.

2) My courses will help you gain real world skills and knowledge and change your life today!

3) My dedication to the teaching profession 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  Boost Your Career?

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


About Syed Raza:

Syed graduated from University of Wisconsin in 1995 with a BBA in Finance. Subsequently, he obtained an MBA from Concordia University, LLB and DBL degrees from University Law College, and PhD in Management Sciences. Having obtained MCSE (Microsoft Certified Systems Engineer), MCP+I (Microsoft Certified Professional + Internet), and MCT (Microsoft Certified Trainer), Syed has provided training to thousands of students. ClayDesk provides e-Discovery and cloud computing services including technical training to a wide range of clients globally. 


Syed Raza is an entrepreneur running his own e-learning site along with providing e-discovery and cloud computing consulting and services to a global client base. Syed is a Microsoft Certified Trainer and a Systems Engineer, and his solid finance and management background gives him a competitive edge. He has taught thousands of students in the United States and continues to inspire students of all ages.

Mission Statement- ClayDesk e-discovery and cloud computing is dedicated to provide superior e-learning and outsourcing services worldwide.

Instructor Biography

ClayDesk E-learning, The Knowledge Factory

Welcome! to the Knowledge factory by ClayDesk. My name is Syed Raza, and as the CEO of ClayDesk, I am delighted to provide learning solution to my students. My fellow co-instructors play an important part in building these courses to ensure quality and latest trends in learning - I encourage you to browse through our courses and enroll.

1) We teach with passion and purpose! Every course is delivered with our students in mind. Teaching a combined student population of over 160,000.

2) Our courses will help you gain real world skills and knowledge and change your life today!

3) Our dedication to the teaching profession and teaching online. Udemy has named our instructors as one of its top instructors.

ClayDesk creates and distributes high quality technology training content. Our certified team of industry professionals have been training manpower for more than a decade. We aim to teach technology the way it is used in industry and professional world. We have professional team of trainers for technologies ranging from Mobility, Web to Enterprise and Database and Server Administration.

Mission Statement- ClayDesk e-learning is dedicated to provide superior e-learning and outsourcing services worldwide.

Ready to start learning?
Take This Course