web help

[ohchapman]

hello,
i am inexperienced in web design and currently only have knowledge of html.
i have found a website which seems advanced but i am interested in knowing how it is done.

please help explain how this is done, in simple terms if possible.

http://www.bbbours.com/

many thanks

[mlseim]

It's all Javascripting ... you can view their HTML source code using your browser.

what's the point of it?

[ohchapman]

i im interested in it this method of coding. how easy is it to create a page that works like this? i am also a designer and want to make an online portfolio

where would i start trying to achieve a site like this?

[mlseim]

By using your browser, you can view anyone's HTML source code.
Click on "View", scroll down to "Source".

In this case their site is all Javascripting, so you can see the code.
There are references to external javascripts, and you can view those too.

You can copy everything they have and put it on your own PC and play with it.

They put a lot of work into it.

[DK-Tandy]

that site looks very nice, my 1st thought was flash lol xD
the pages looked confusing after navigation for a few mins

[ohchapman]

what programme would i use to start playing around with this code? i tried copying it into a new document in dreamweaver but i cant preview it in a browser.

i've never used javascript before, any tips on getting started/places you can point me in the direction of?

many thanks.

[DK-Tandy]

i would edit it through a web host :)
but thats me, theres bound to be something you can downlaod to view it!

[ohchapman]

i notice this site is built partly using indexhibit, do you recommend using something like this?

[mlseim]

I do all of my development and viewing online ... not using Dreamweaver or anything else.
I use Notepad++ for development.

Technically, you should be able to view offline with Javascripting, but some browser
security (IE and WinXP or WinVista), might not open the JS, so it won't work. It all
depends on your PC and settings.

So DK is right, do it online.

Not sure about the "indexhibit" thing.

[Apostropartheid]

Mm, IE allows you to have JS used locally, but sometimes you have to allow it to use ActiveX controls (escapes me why.) When this is required, a yellow box will show across the top of the screen and you can right click and press enable.

[bazz]

They put a lot of work into it.

Seems so but it doesn't work in my FF, even with JS enabled. Oh-h wait. It does if I enable google apis as well. In fact, the nav now makmes sense in FF whereas in my IE, it is gone once you click and the page scrolls sideways.

bazz

[mlseim]

I think that the whole navigation and site sucks big time.
If just one person cannot figure it out, then it's a failure.

I don't know why anyone would make a website like that. A waste of time.

[bazz]

If I were as capable with JS, I would be pleased, even though I would not even try or want to achieve that 'result'.

bazz

[oracleguy]

I think that the whole navigation and site sucks big time.
If just one person cannot figure it out, then it's a failure.

I tend to agree. That site is not a good one to model in anyway. Scrolling down on a page requires clicking near the bottom? That is a majorly bad idea and the navigation isn't exactly intuitive.

However we aren't here to critique that site.

To the OP: As others have said, it is done with a lot of JavaScript but really, you wouldn't want to make a website that operated in that fashion.

[FWDrew]

It's not like this is anything mind blowing, in fact, with any of the JavaScript libraries out there (seems jQuery is his choice for effects), this could be done in half an hour or less. I'm with msleim, the site was not thought out well at all. One, they didn't plan for different browser sizes. Two, please disable JS and then try to use any of the site. Three, the markup made me vomit on my keyboard. Can I send you the bill ohchapman?

[ohchapman]

send me the bill for what?

[ohchapman]

the bill for what?

[VIPStephan]

The bill for the now broken keyboard because he threw up on it while looking at the terrible code.

Explaining jokes sucks.