UBB.classic™ 6.7.2
I want to create a basic look with a navigation bar and their logo and some pertinent info at top, and just have an area where the content changes depending on the page you are viewing. Is the best way to do this to create a template for this section? Also, do any of you guys use templates from other sources to create sites for customers, or do you usually do all custom work (also, any good sites with free templates to recommend)? I am assuming navigation bars are just created in fireworks or photoshop and then imagemapped for the buttons. Any input is greatly appreciated. thanks!
PS- you will see that I never even finished my business website that i started last winter, as I got real busy. Most of the work on there is very plain as well, and doesn't reflect the type of work I have been doing for a while now. That is one of the reasons I want to redo the whole thing.
[ November 26, 2001: Message edited by: Tyler ]
I created the "look" and illustration in CorelDRAW9 then exported pieces into Fireworks.
As far as Templates go, a lot of them are designed for tables, but they do give some good ideas. I downloaded some from Macromedia's web site, and then was able to open them in dreamweaver and see how they made them.
Another idea is to do a search for "free,web,templates" and see what that yeilds.
Library items are like mini-templates. Reoccurring page elements can be saved as units and inserted quickly wherever needed.
Dreamweavers manipulation of layers and tables is fantastic. A page can be composed with layers that allow free positioning of elements then all can be converted to tables (which makes everything browser friendly). The conversion of layers to tables and back again is very useful.
The combination of Fireworks - Dreamweaver is excellent. The two are tightly intergrated, working together almost as one program.
Check out my templates at http://stickerpimp.com/Templates/
You can download em and see how I have them set up. I have everything in tables but will be switching to layers for exact placement of content and images.. plus layers let you re-order the content in the code without changing the content location on-screen, which means you can put the important info at the top where search engines will find it easier.
Basically, set up your navigation system then make that into a template once you have it the way you want.
Doing your navigation first ensures the site will actually work, next generate your content, the pretty graphics and other stuff is secondary. I like using plain ol text links, they load faster than button images and there's no question about their readability on different resolutions.
Once you have the navigation working and the main content, go back and work on the cosmetics and graphics.
It's at this stage you can create image buttons and drop them in to replace the text hyperlinks. Don't use image maps, the reason why is below.
Just stay away from Java and javascript navigation bars if you want the site to be picked up by search engines. The search engine spiders need to crawl through the links on the site in order to index it in the engines. Spiders cannot crawl through javascript and java navigation, nor can they crawl through image maps so forget about those too. Some spiders will reject and ban sites that have java and javascripts on them.
The top bar and side bar are all done as templates, allowing for quick changes. The popout mouseouts are done in FW first. They are a nice effect to streamline your navigation.
Julia's Party Planning
Very simple, template driven with top and side bars built into table.
Same thing here, with mouseouts.
EyeCare Advantage
Creat the template in DW, making one area where your body copy will go the 'editable' region. Then from the file menu, create 'new from template' and select the main template, then insert the text.
Hope that helps!