Turbo Start on Web Design with ZURB's Foundation 4 Framework

You will jump to very last steps of Professional Web Design with using Foundation 4 front-end framework.
3.4 (25 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,297 students enrolled
Start Learning Now
  • Lectures 23
  • Length 2 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 4/2013 English

Course Description

ATTENTION! This course is in English with English subtitles. I wanted to be sure, everybody understands what is going on in videos!

What we will create : CTS-Travel Homepage

You will jump to very last steps of Professional Web Design with using Foundation 4 front-end framework. So,

What is a front-end Framework?

Front-end Framework is a "total package" we can use while creating web pages.

What is Foundation 4?

Foundation 4 is made by ZURB, a product design company in California.

Foundation 4 is accepted as the most advanced responsive front-end-framework in the world by professionals.

Foundation 4 offers us nearly every element that might be used in web pages. Tons of navigation, form, button, typography and css component variations with sliders, image galleries and many more..

And most importantly! Foundation 4 is based on responsive web design technology. So your pages created with Foundation 4 are responsive!! They all look good on every device, from smartphones to desktop screens!

What will we create?

We will follow a real-life scenario in this course and a create a completed web site.


For whom is this course?

Don't worry if you have no knowledge about web design! Basics of web technologies (html and css) are covered on first lectures!

If you have some basic html and css knowledge, this will be a big step for you to become a professional web designer.

What kind of materials are included?

This course contains only video lectures and used materials in video lectures are ready to download.

Also this course is English and with English subtitles!

Why take this course?

You will be able to create your own site as seen on this page, in just a few hours!

Foundation 4 is used by many experts in the world, and you will learn to web dessign in a professional way.

What's on next?

After 20 subscriptions I will show how to add an image gallery (DONE)

After 50 subscriptions, I will show how to add a working contact form. (DONE)

If you have questions about lectures?

I am always available to answer your questions. Also you can suggest me topics that you want to see in the course.

What are the requirements?

  • A computer with an internet connection.

What am I going to get from this course?

  • By the end of this course you will write basic HTML and CSS codes.
  • By the end of this course you will understand the principles of Foundation 4.
  • By the end of this course you will easily use any feature of Foundation 4 framework.

Who is the target audience?

  • This course is for absolute beginners with NO knowledge about web design.
  • This course is for beginners with some knowledge about web design.
  • This course is for people who wants to learn working with Foundation 4.

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
Introduction to course!
Section 2: What is a web site? What is needed?
This lecture is a short introduction to HTML. You will learn how to see a page's html code. Also we will talk about tags and elements.
This lecture is a short introduction to CSS. You will learn how to see a page's css code. Also we will cover some code writing principles of CSS
We will see that web designers and painter go the same way at their creativity.
We will download and install powerful coding standart Sublime Text 2
We will see our final site and talk about it!
We will practice some html with our editor Sublime Text 2
Section 3: Why a framework? Why Foundation?
We don't have to worry about basic design principles anymore. But how? Answer in the video.
Learn top trend of web designing,responsive design, in this lecture.
Foundation 4 is the most powerful front-end framework in the world! You will see what you can do with it!
Section 4: Last steps before creating main page.
In this lecture our web site project will be talked in detail. Color, background images, basic design of pages... etc.
Downloading Foundation 4 is covered in this lecture.
Foundation 4's grid system is covered with killer examples in this lecture.
Section 5: Creating main page.
We will combine Foundation 4's HTML templates and crerate our own main page (index page) in this course.
Extra design elements will be added in this course
Our content like text and images will be added to our main page in this lecture.
Section 6: Creating Other Pages
Services Page will be created in this lecture.
This is a lecture about adding an image gallery to our services page. You may face some problems, but there are solutions for them in video also. If everything is on the way and you don't see the problems as seen on the video, it's OK, it's fine.
(Used images are on downloadable materials also.)
About Us page will be created in this lecture.
An FAQ page will be created in this lecture.
Contact Us page with a Google map will be created in this lecture.
In this lesson we will learn to use a Foundation feature, Abide. This javascript library will let us to validate a form. Then we will learn how to build this form as a working contact form that sends the informations to us by e-mail.
Section 7: Conclusion

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography


I am Ercan from Turkiye. I have graduated from Canakkale 18 Mart University, Faculty of Education, Computer Education and Instructional Technology Department. 

I have been teaching for about 7 years to people from all ages. I am a full time ICT teacher at a secondary school and giving courses about ICT at community education centers. I have thought to thousands of people at this courses. 

I learned a lot from online educators to this day. Now it's my turn to teach something from distance after 7 years of face to face experience.

Have fun!

Ready to start learning?
Start Learning Now