I'm new to the web design field and i was wondering how to accomplish something:
Im designing a webpage for my band and I want to use an image of a tv as a constant in the website
and then for instance if you clicked 'biography' just the information on the screen would change not load
a whole new page which would be noticeable to the user.
The buttons would either be on the tv image and I'd use hotspots and slices etc or they may be
image elements on the tv screen that loads different information. The information might not just be text
it might be an image with text like a textpane in an image of a skull's mouth for instance..
How would I do this? Is this a css thing? Im using fireworks to put it all together visually and mechanically
and then I'd like to export it to dreamweaver.
Any suggestions? Even just a link to tutorial where these principles are used would be great.
Thank you for your time.
In addition to PZ's reply, keep in mind that when done right, common content on page loads will not be noticeable. Discreet pages are more user friendly and can also be more SEO friendly. I would reserve AJAX methods for when they are really required.
In addition to the other links mentioned, you should look at DWTemplates (.dwt).
Let's say you want to build a web site with 20 pages where all or some pages have one basic design and only the content varies. The big advantage of using DWTemplates is when you want to modify the common elements of your pages (menus for example). All you need to do is make changes to the Template (.dwt) file and save it. DW will automatically update all the child pages for you. This makes updating site wide page a snap. Much better than Spry/Ajax panels.