I'm working on creating a website using all different aspects of weblanguages for a final project in my Comp Sci class. We must use everything from AJax to JQuery to Javascript to PHP. I'm beginning to just layout a template for my website before implementing the real coding. I just have a few simple questions about layout though since I don't have a nice editor like Dreamweaver and am doing it all via notepad++ html hardcoding xD


I want to create a template sort of like this:



Where I have an active nav bar at the top and 2-3 columns beneath a "banner" picture.

How do I go about creating this layout? I believe the columns will just be about making divs using the box model...but how do I create a working nav bar? I realize I have to photoshop it across but how do I make the area around say "home" and "services" clickable? Also, how do I put the white box around the current page you're on...like how they have it in the picture to highlight which is selected? Is that another photoshop part?

Save the webpage, read the html/css on how they do it.

I tried, but these websites have SOOOOOO much stuff on the pages that I just don't understand at all...can't even manage to locate where the parts I need are xD

Try this: http://www.freecsstemplates.org/

That will be a good start, thank you very much!

np

Copy and paste

I'm not a webpage guy, but there is an addon for firefox call firebug, it puts the webpage in one frame and source in another, when you click on something in the webpage it shows you what it 'thinks' is the source for that object (of course this is never going to be perfect), but it might help a little!

Actually, it's not meant to show the source, its meant to show the rendered html. It wont show you any server side code like C#, only plain html

yup.

so if you have some severside code that inserts another page such as a php include, it will only show you the final result of all the includes of the html.

there are also links to the CSS and Javascript files in the head that are clickable/viewable in the head.


so you dont always know whats an include and whats static.