Learn Web Designing : Five Projects In CSS From Scratch

Become a Professional Web Designer
0.0 (0 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.
5 students enrolled
25% off
Take This Course
  • Lectures 20
  • Length 3.5 hours
  • Skill Level Intermediate Level
  • 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 7/2015 English

Course Description

Be the front end wizard with this unique course. We bring together a curriculum where you will learn all the tips and tricks of CSS and HTML design while building

five awesome projects. It will help you master different aspects of front end programming and will show you all the best development practices. The following projects have been specially selected to be part of this course.

Brighter ,Maximus ,Creative Juice,Curvy & Clean,Philosophy Homepages.

Description: We will create an HTML/CSS landing page which will feature a header & footer, a list with image bullet points, an HTML form and a testimonial block. The page will be completely Fix. We will be using reset as well.

Features/Technologies: HTML, CSS3, Web Forms, Lists, Reset Files,

The course starts with the basics. I'll show you the tips and tricks to work effortlessly with web technologies like HTML, CSS and JavaScript.

You'll find learning both quick and fun. And, I've used techniques proven to effortlessly lock that knowledge in, as you gallop through each comprehensive chapter.

It's a one-stop-shop for everything you need to start creating professional websites that engage visitors, call them to action and ultimately - make you money!

This fast, effective course takes you easily from zero skills to fee-earning web developer.

What are the requirements?

No pre-knowledge required Any computer - Windows, OSX or Linux No special software required

What am I going to get from this course?

Over 25 and 4 hours of content! Develop a website Learn how to make beautiful, interactive websites Earn money from your new skills

What is the target audience?

Anyone wanting to learn how to build website People wanting to make a living (or side-income) from web designing

What are the requirements?

  • In this Course We Use Notepad++ and Browser Which are open Source software.
  • Basic Knowledge of HTML and CSS

What am I going to get from this course?

  • Student Build Very Fast and Interactive Websites and Take any Webpage Challenge.
  • In this Course you will able to learn Special Skills

Who is the target audience?

  • This course is for newbies who are not familiar with Layout Techniques and Complete websites Building from Scratch

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: What Does Course Cover ?
Section 2: Brightster Homepage

In our this lecture we style navigation bar.


In our this Lecture we are styling our Slider position and Slider Image Information.


In Our this Lecture We are styling :-

  • Company Name
  • Paragraphs
  • headings
  • Images
  • Side Content
  • Unordered List

In this we are simply styling the Footer Which contains paragraphs.

Section 3: Maximus Homepage

In this we are styling Navigation bar which contains Background color in the gradients after this lecture you will be able to apply background color using gradients and we are also styling On hover navigation boxes and also we are styling slider Image.


In this Lecture we are styling headings, paragraphs, images, Read more buttons and image borders.


In this lecture we are styling footer

Section 4: Creative Juice Homepage

In our this lecture we are styling Navigation bar using background Gradient colors and also styling our website logo image.


In our this lecture we are styling : -

  • CSS Background Images
  • HTML images
  • Paragraphs
  • Background colors using gradient
  • Buttons styling using CSS

In our this lecture we are styling Links, images, paragraphs.


In our this lecture we styling footer.

Section 5: Curvy and Clean Homepage

In this Lecture we applying background Images using CSS and HTML Images.


In our this Lecture we styling All right side content Inside this content we style :-

  • Buttons
  • paragraphs
  • CSS background Images
  • headings
  • borders
  • HTML Images

In Our This lecture we styling Vertical Navigation Menu, HTML Form, Submit button, headings, paragraphs and our footer.

Section 6: Philosophy Homepage

In this we styling Navigation bar, Website Logo, Search box and unordered List.


In our this Lecture we styling slider Image, Headings, paragraphs and service Boxes.


In this Lecture we styling Links, read more buttons, Paragraphs, Images and Heading Using New easy techniques.


In this lecture we styling modern footer with new layout techniques this is very simple and easy.


In This is we also styling footer and unordered List.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Ajaypal Singh, Software Developer

I have 5 years experience in Computer Hardware and Networking I am also Professional Web Developer.

My Professional skills are HTML, CSS, C++, Phython, Java, Jquery, Javascript, PHP, Mysql and Reverse Engineering .Now I am Researching in Ethical Hacking and Penetration Testing.

Instructor Biography

Robin Singh, Engineer

I am Web designer and I have 3 years Experience in Web Development. My professional skills are 3D Animation, 3D modeling, C++, jquery, CSS, PHP, Ajax, After affects, Photoshop and Mysql. Now I am researching in Android Development.

Ready to start learning?
Take This Course