Need help with website design

[bivsw]

Hi guys, I'm just wondering if anyone can help me figure out this website:

http://www.pandora.net/en-us/

The design is very stylish and modern, so I'd like to make something similar for my own.

I'd like to know how they do it. The drop down menus, that slide show at the bottom of index page and product listings.

If anyone can just point me out in the right direction, I'd really appreciate it. Is it html? java? flash? combination of all of the above?

I really want to learn how to build it myself and need to start at the beginning.

Thanks.

 

[Jamiex93]

I would recommend looking at the source code behind the website, if you can read both the HTML and the CSS, and understand the JavaScript you'll be able to get a rough idea as to how the website was designed. To me, it looks like a extremely eccentric drop-down menu using a variety of jQuery UI plug-ins such as Accordion, Tabs and so on...

I cant give you much information as its down to learning and practice but I can point you in the right direction of how the designers created the tabs and menu interactivity. http://jqueryui.com & http://jquery.com/

 

[webstudent123]

If..

you do not know much about code and Jquery... your best bet at getting an 'E-Commerce' site even close to the functionality and professionalism of this site within reasonable means of tutelage would be to create a wordpress site and install the E-Shop template ($99 & worth every penny) -

not familiar with wordpress? thats okay, buy a bluehost account (80 pr yr) and the install is a breeze..

They have a customizable slider, page template options, drop downs, ect.. if you want the image BG though you will have to know a bit about how to modify the CSS behind the page. simple google searches would bring up a lot, especially for WP and the E-Shop theme..

Good Luck!

 

[Frank]

If anyone can just point me out in the right direction, I'd really appreciate it. Is it html? java? flash? combination of all of the above? I really want to learn how to build it myself and need to start at the beginning.

That's the right attitude!

The site consists of HTML, CSS, and Javascript (which is not the same as Java). No Flash. Here are the best resources to learn those: for HTML & CSS start with http://w3schools.com and continue with the four tutorials I wrote for the intermediate students as needed. See my signature page. Then, go back to W3 Schools and do the whole Javascript course, including jQuery, plus the simplest basics, i.e. just the include/require function, of PHP.

With that knowledge you will be able to create the front end (what folks see on the screen). I must say that implementing an online direct payment module (the back end, as we call it) is then another big step, but you could also have folks pay in advance by normal bank transfer, after which you send the goods.

 

[bivsw]

That's the right attitude!

The site consists of HTML, CSS, and Javascript (which is not the same as Java). No Flash. Here are the best resources to learn those: for HTML & CSS start with http://w3schools.com and continue with the four tutorials I wrote for the intermediate students as needed. See my signature page. Then, go back to W3 Schools and do the whole Javascript course, including jQuery, plus the simplest basics, i.e. just the include/require function, of PHP.

With that knowledge you will be able to create the front end (what folks see on the screen). I must say that implementing an online direct payment module (the back end, as we call it) is then another big step, but you could also have folks pay in advance by normal bank transfer, after which you send the goods.

Thanks a lot for the reply w3schools.com is by far the best website that I know to learn how to build websites, been using it for years.
I'm not a professional web developer by any means, but I've been webmaster for years.

I'm trying to build a jewelry website that would look as good as pandora and just put it on bigcommerce.com shopping cart. (that's what Pandora uses as far as I know).