how can i design with html5 & css3?

[Cole001]

Hello Friends,

one of my client is looking for website design similler like danwintersphoto.com
but the problem is i am not aware about how to use HTML 5 & CSS3 & the site which i have mantion that useses falsh...

basically i am looking for a user navigation link which without changing the links....

Thank you in advanced.

[VIPStephan]

First of all: This has nothing to do with HTML 5. A site like this can entirely be created with the current HTML 4 standard. Secondly: Using CSS 3 for such kind of interaction is not advisable at this stage since many of its features are very experimental and not widely supported yet. Thirdly: From what I understand of your broken english you want a navigation that loads the contents without reloading the entire page, right? This is not possible with HTML and CSS alone (not even HTML 5 and CSS 3), you need to use JavaScript to make an asynchronous call to the server and load contents from another document. Or, if the site isn’t very extensive you can have everything on one page and hide/show contents on click. But either way, you need JavaScript for that.

But I won’t take a stab in the dark, giving you a link without knowing anything about the complexity of the site you’re supposed to create. If you’re a professional and have paying clients, and you’re not able to produce this kind of website yourself I’d suggest you work with someone who knows how to do it. You can still do the design or parts of the work but implementing such a functionality properly is fairly advanced.

Also, one warning from a UI design perspective: The entire load-content-without-reloading-the-page functionality must not interfere with the regular browser interface/navigation elements. I’m especially thinking about the browser’s back button. If you load contents dynamically with JavaScript without reloading the page you’re bypassing the browser history (no new history entry is created) and therefore the back button won’t react as the user expects. You’d therefore have to implement additional JS functionality to re-enable this. If you think this through from the beginning until the end you’ll come to the conclusion that the effort required doesn’t justify the benefit you’re getting out of it. So, eventually it is best to just live with the original browser behavior of page reloading. After all, there is a reason why browsers and websites work that way. And it is your job as professional to explain that to your clients.

[TylerB]

Stephan is absolutely correct, it is not recommended to do this because it could interfere with the browsers native functions.

However I am not going to stop you from doing so. You can do this via an AJAX call to the server to load content asynchronously. If you are unsure how to do an AJAX call or what AJAX even is, please view W3's AJAX Tutorial http://www.w3schools.com/ajax/ajax_intro.asp

[Cole001]

thanks a lot...

this is really grete one & really appriciated.. it's really helpful to me...