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
Instructed by Freedom Portis Design / Web Design
$25
Take This Course
  • Lectures 12
  • Contents Video: 1 hour
    Other: 1 min
  • 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

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 8/2013 English

Course Description

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.

What are the requirements?

  • Internet Connection

What am I going to get from this course?

  • Learn how to build a Parallax Website
  • New Dreamweaver Skills
  • New Photoshop Skills

What is the target audience?

  • New To Web Design
  • Brushing up on your Web Skills
  • Beginners
  • Procrastinators

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.

Curriculum

Section 1: What Tools Do We Need?
03:58
This is the Host I use however you can use any host to follow along =)  

Join Abode Business Catalyst  

ABC Course Discount  

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

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

Visit the

03:41
This is the Wordpress friendly section =) 
1 page

Download the Templates here: Template Download via Dropbox

Section 2: Defining Your New Website
Sub Domain
06:13
05:41
An "A" are connected to the sub domains.
Section 3: Building Out The Website
14:29
Working with images made easy =) 
03:51
Adding text to your site is as easy as 1...2..3...
03:34
These are some awesome plugins to help you along the way =) 

http://disqus.com 

https://paper.li 

https://getkudos.me 

http://padiact.com/email-leads/ 

01:28
You have all you need be sure to tweet me @websitecandi to let me see the site you have created. 
04:48
Oops I forgot a few things =) 

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Freedom Portis, 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.

Ready to start learning?
Take This Course