How to build a website like this??

Look at the following website:

How can I find out about how to build a websit like this?
Is it HTML 5? , Python??
What css is used etc?

How are the floating  menus designed??
Are the any tools that I can use to help me find out this info??

ect etc?

Who is Participating?

Improve company productivity with a Business Account.Sign Up

Scott Fell, EE MVEConnect With a Mentor Developer & EE ModeratorCommented:
Wanting2LearnMan, that really is a junky sample.  I clicked on it when I was on 3g and it took forever to load and I just closed it.  If it was not supposed to go to anything, you can make a simple countdown in javascript.  

Flash was a thing of the 90's and there are some good use cases for it but it was used for the wrong reasons and many times as a crutch for right brain designers that could make something look nice but not understand how to convert to html.  You end up with files much bigger then they need to be, memory hogs and zero seo and usability.   Like I said, the end result was an awful experience for the user but made the site owner happy.

How can I find out about how to build a websit like this? - go through each of
Learn HTML
Learn CSS
Learn HTML5
Learn CSS3
Learn HTML Dom
Learn Javascript
Learn Jquery
Learn Ajax

That is a good base.
If you want to use a database to store user information then you will need to understand code that runs on the server where the above runs in the browser.  You should look through Learn asp, or php or or ruby.

Choosing the best serverside language will be a good debate.  However, you should look through each and see if any are close to what you may already know.  asp and php will be a little easier to get going quickly and no need for special developing tools. requires ms visual studio.  The cool kids in SF are using python and ruby.

The other portion you like is the design and there are templates and pre made stock objects  you can use from places like

There is no one way to make your site. It takes multiple technologies and a lot of your own trial and errors.   The best advice is to ignore doing something for the sake of doing it.    

Start your site by making a list of a few goals.  a)Teach people about xyz  b) Get people to join my newsletter

Get out your pen and paper and start sketching out a storyboard of each page you want and make sure it relates to your goals

For each page, figure out the best way to give your user the info they need quickly in an easy to understand fashion.    If you have a lot of content, maybe using sliding tabs or funky bullet points.  If you have some images to show, maybe a js slide show.  But use these options because they match your goals.

Avoid the trap that many fall into where you build a site around one cool thing you saw.  There is a 95% chance that cool thing is a cool for the moment but creates a negative experience and hurts your SEO like your sample.
CSIPComputingConnect With a Mentor Commented:
That site is an Adobe Flash site.

It'll be written entirely in Flash.

You could do the same in HTML5 (probably), but you're looking at the results of an experienced Adobe Flash Developer.
Scott Fell, EE MVEConnect With a Mentor Developer & EE ModeratorCommented:

You don't want that home page...  0 seo.

When doing animations for your site, avoid doing it because you can or want to.  Every site owner wants something "cool" on the home page and every site user just wants information.
Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

Wow, I can believe anyone would want to emulate something that junky.

If you really want to, start learning flash; make a ton of frustrating mistakes, and then when you finally master it, you will find no one cares.  OR hire a flash developer.

tailoreddigitalConnect With a Mentor Commented:

You can right-click in middle of the page and see at the bottom of the menu,

"About Adobe Flash Player"

It's built in Flash.

A great resource for Flash is     At ActiveDen you have many works by advanced Flash developers that can simplify the construction of a website like the one at your link.   After some experience with these works and other Flash training resources, you'll get better at using Flash.    


The source Flash files are included.

There are other ways besides Flash to develop a similar website, but the one you pointed out is Flash.   Although it was said that Flash was a thing of the 90's, it was also a thing of the last decade too.   There is still a lot of Flash used all over the web.     HTML5 and jQuery are finally mature enough to start to replace Flash, but i still don't believe there is a complete replacement yet.
COBOLdinosaurConnect With a Mentor Commented:
Active den is an interesting link.  The page is defective. The validator throws a dozen errors in the head before is chokes and quits when it hits the body tag.  It is like every site centered around flash is written by developers who do not care if there are errors.  The only thing that matters is "cool".

Scott Fell, EE MVEConnect With a Mentor Developer & EE ModeratorCommented:
Flash, but i still don't believe there is a complete replacement yet.
About the only thing I can think of where you would consider flash is a fall back for video embedding and at the rate we are going within a year or two it will be a non issue.   Even then the flash player is just a player that uses either external xml or html to play an external h.264 video and not a flash flv.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.