Buying for a Team? Gift This Course
Wishlisted Wishlist

Please confirm that you want to add How to build a Parallax Website without Coding to your Wishlist.

Add to Wishlist

How to build a Parallax Website without Coding

Step by steps manual on the parallax design
2.8 (4 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.
44 students enrolled
Created by Freedom Portis
Last updated 8/2013
$10 $25 60% off
14 hours left at this price!
30-Day Money-Back Guarantee
  • 1 hour on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
What Will I Learn?
Learn how to build a Parallax Website
New Dreamweaver Skills
New Photoshop Skills
View Curriculum
  • Internet Connection

What is the Parallax design?

By definition, parallax means the apparent displacement or the difference in apparent direction of an object as seen from two different points not on a straight line with the object. In web design use, parallax refers to the scrolling technique used to create the illusion of depth on websites. This technique is not new however, this technique has been around for quite some time in the web design community before its recent rise to a trending style. The use of this technique to create the illusion of depth can also be traced back to older forms of media, like old school video games for instance. Below you’ll find some nicely designed websites that masterfully utilize this hot new trend.

There hasn’t been a design style that has captured the web’s creative community like that of parallax website design in ages, which, in non industry terms, is about a few months. You might be wondering what parallax website design is, I don’t believe I have ever heard of this. Well actually you have heard it, and seen its use for some time now. Before going into showcasing some really well designed websites utilizing parallax design, let’s take some time to examine and explain what it is.

What do you get with this course:

  • Free Template
  • Tips on where to get templates
  • Unlimited access to the instructor
  • Dreamweaver Skills
  • Photoshop Skills
  • And Much More

There’s a new design trend we see becoming more and more prevalent, especially coming into the year 2013, and that’s parallax design. So basically what parallax design is, is that it’s a vertical scrolling page that interacts with your audience in a very interesting way. Basically you can scroll down on the page, which tells a story kind of in an animation kind of way. It interacts with your audience in a way that very usable, very friendly, and without the use of flash, which is going to increase the likelihood of it showing up consistently across a number of different browsers as well as on a mobile device.

Who is the target audience?
  • New To Web Design
  • Brushing up on your Web Skills
  • Beginners
  • Procrastinators
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 12 Lectures Collapse All 12 Lectures 01:07:23
What Tools Do We Need?
5 Lectures 26:19
This is the Host I use however you can use any host to follow along =)  

Join Abode Business Catalyst  

ABC Course Discount  

Preview 03:58

FTP can be tricky. let me show you how its done.... well attempt to anyway lol... 
Preview 12:36

These are the best templates on the web according to me =)

Visit the

What Templates To Use

This is the Wordpress friendly section =) 
Word Press

Download the Templates here: Template Download via Dropbox

Download Templates
1 page
Defining Your New Website
2 Lectures 11:54
Sub Domain

An "A" are connected to the sub domains.
Create an "A" Record
Building Out The Website
5 Lectures 28:10
Working with images made easy =) 
Working with Images

Adding text to your site is as easy as 1...2..3...
Adding Text

These are some awesome plugins to help you along the way =) 

External Plugins

You have all you need be sure to tweet me @websitecandi to let me see the site you have created. 
Lets go Live

Oops I forgot a few things =) 
Extras & Stuff I Forgot
About the Instructor
3.5 Average rating
32 Reviews
2,723 Students
12 Courses
Web developer doing awesome things online!

I am a Gemini and what they say is true- Gemini's do have split personalities. For me, one of my personalities is good and the other is better. I am a web developer by day and graphic designer by night.

Coffee and serious dedication have kept me going over the past few years. I am always looking to learn more and more. I am constantly sharpening and developing my skills by using tools like Udemy. You can always learn from others in your field. That’s why a website like Udemy has been needed for a very long time. It’s useful for connecting with other people who share your skill and learning from them.

Be aware of all of the resources out there that can help you with your skill and don’t be afraid to try something new. I learned a lot on Udemy but once I took the leap of faith to use Dreamweaver I haven’t looked back. Now I don’t have to write too much code because the program does a lot of the work for me. As for Photoshop, I learnt 95 per cent of my skills from Udemy.

Report Abuse