Practical CSS Website Development: Crash Course
4.0 (78 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
16,346 students enrolled

Practical CSS Website Development: Crash Course

Learn modern web design and techniques using CSS step-by-step from scratch including HTML5
4.0 (78 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
16,346 students enrolled
Last updated 4/2019
English
English [Auto-generated]
Current price: $65.99 Original price: $94.99 Discount: 31% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 2 hours on-demand video
  • 1 article
  • 4 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • 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
Course content
Expand all 20 lectures 02:28:42
+ Introduction
3 lectures 14:30

This is the course introduction as well as about the Instructor

Preview 02:10

This lecture is about the detailed course agenda

Preview 03:29

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

Fundamentals of HTML and CSS
08:51
+ Exploring Cascading Style Sheets (CSS)
3 lectures 18:28

This lecture demonstrates how to log on to the WordPress platform

Logging on to WordPress Dashboard
02:19

Understand the elements and functionality of CSS File

Exploring CSS File
05:50

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

Understanding Inspect Element Tool
10:19

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

Exploring Cascading Style Sheets (CSS)
2 questions
+ Working With CSS
1 lecture 10:58

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

Editing CSS File
10:58

This quiz will enhance your learning regarding CSS

Working With CSS
1 question
+ Customizing Website
3 lectures 23:10

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

Adding New Menu
09:16

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

Preview 08:49

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

Coding In CSS to Remove Homepage Title
05:05

This quiz will enhance some of the learning concepts

Customizing Website
2 questions
+ Working With Images
4 lectures 32:18

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

Inserting Image Using HTML and Plugin
14:51

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

Using CSS To Insert Background Image
08:23

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

Webpage Customization Using CSS
03:02

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

Working With Footer Area Using CSS
06:02

This quiz will add to your skills

Working With Images
2 questions
+ Creating Custom CSS Class
2 lectures 23:21

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

Creating CSS Class
11:32

This quiz contains questions regarding custom CSS code

Creating CSS Class
1 question

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

Preview 11:49

This quiz re-enforces some of the learning concepts

Responsive Website
1 question
+ Conclusion
2 lectures 05:56

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

Course Conclusion
03:04

Here you will find course discounts to over 50+ courses. Learn new skills.

Bonus - Discount
02:52
+ Resources
2 lectures 00:00

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

Reference Document HTML Tags
9 pages

This is a Cascading Style Sheets (CSS) reference list

Reference List Of CSS
11 pages
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++
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.

Syed & Team ClayDesk

Teaching over 200,000+ happy students

Who this course is for:
  • 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!