Page header/footer?


Registered User
499 posts

I've been asked to take over the maintenance of a groups web site and the first thing I will do is get rid of the <frame>'s. I have been searching for a way to make every page use the same header and footer but I can't find(i.e. remember) how it was done. Does anyone have a link I can go to so I can quit yanking my hair out?

Thank you;
Greg


Temporary User
5,410 posts

This will get you started.

http://www.w3schools.com/html/html_frames.asp
CoffeeCup... Yeah, they are the best!


Registered User
499 posts

Thank you Joker; however I am getting rid of the frames. What I am going to do is to use css as much as possible. What I have is a heading and footer that I want to display on all pages. The situation I'm experiencing is that I forgot how to do that, and was looking for a link site to get that "ah-ha" moment.

I want the header to display on each page but without coding the tags on each page? I think they're called external files but I can't remember how to set the anchors?


Here is the site I am working on (it's currently written entirely with FrontPage). You'll see that the index has three frames and I want to replace them with css <div>'s.

http://www.tacomagames.org/

Greg


Registered User
144 posts

I use many CC apps (10)...however I don't use their authoring apps. As a previous FP user...I made the transition to Expression Web. It will do all that you ask with DWT's and Master Pages. There is a learning curve, but it also contains very good ccs capabilities and will author W3C compliant code. You might have a look at it.


Registered User
2,900 posts

Here Greg...
http://www.pixieplots.co.nz/forum/viewt … =4&t=3
:)
Have fun
~ Fe Pixie ~


Ambassador
6,076 posts

As an alternative to Fe's php page, you can of course just create a basic html page which has all the constants contained in it such as the header, vertical menu and footer areas.

You save this page as your template.

You create a single cascading style sheet with all the rules for your page styling and save this remembering to save it with the .css extension. If you create this file in your html editor, the editor will automatically save it with the .html or .htm extension if you don't make sure you add the css extension.

You will now need to add a one line link back to the css file at the top of every new html page so that the page knows where to pick up the rules which will style the page content.

It is never a bad idea to get out paper and pencil to draw the basic blocks for your page before you begin on a template, just to make sure that all your pages will work well with that layout. If you feel that some pages need a different layout (for instance - a photo album) then create a different template and add a few more lines of code into your css file to cope with the additional styling required.


Senior Advisor
2,038 posts

Yes, CSS is the answer to your question. CSS controls your design and positioning over all of your html pages. I would not suggest using DWT as expressions does.
The philosopher has not done philosophy until he has acted upon the mere conviction of his idea; for proof of the theory is in the act, not the idea.

My Web Development Company: http://www.innovatewebdevelopment.com (Created with Coffee Cup Software).

My Personal Website: http://www.EricSEnglish.com


Temporary User
5,410 posts

You don't have to use DWT in Expression Web.
CoffeeCup... Yeah, they are the best!


Senior Advisor
8,896 posts

Greg, I support Fe Pixie here. You need the css as explained above in order to determine how the pages are going to look. But for the bits that are repeated on every page, such as header, footer and possibly side bar with a menu I'd go for Fe Pixie's suggestion. Her tutorials makes it very easy to understand how to do it.


Temporary User
5,410 posts

Ah, sorry Greg. Just saw your reply. I should slow down and single task. :)

Fe is right on with the php include statements. You just change code in one place that way.

I primarily just create a single "template" with the theme I am presenting and name that file template.HTML, then just copy and paste for all the other pages to add or delete specific content. I really need to just start creating all my sites in php instead of html but I'm stuck in my ways. :)

Either method will cut down your coding time. My way just adds a bit of additional work. Good luck.
CoffeeCup... Yeah, they are the best!

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.