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.
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.
SEE IT HERE >> CTS-TRAVEL Homepage
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.
Not for you? No problem.
30 day money back guarantee
Learn on the go.
Desktop, iOS and Android
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.|
|Section 7: Conclusion|
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.
Hours of video content