Using Same graphics on different page:webgraphics?

Question

I new to web design, So I need to know How to use the same layout for all my webpages. I've tried the hard way by copy and pasting the codes on the various pages, but Its hard when you update one page, then you have to do the same to all the other layouts too. I've heard of cgi scripts that I can use for the header, navigation and footer so That it appears on all the pages. But I got no idea where to look

Answer 1

The easiest way is to use include files and CSS.

Split your HTML code up so that the parts that stay the same (header, footer, etc.) are in separate files. Then you just have a bunch of files with the parts that are different (the content). Then do the following where you cut the common parts out:

where file.inc is the name of your header, footer, or whatever file. So, your new pages will look like this:


my content


When your page is requested from the web server, it will insert the contents of header and footer where those markers are, and send the completed page to the user.

Your web host does have to support include files, however. Contact them to make sure they do.

CSS is a way of separating design from content. You create CSS "styles" which are definitions - for example, all

Answer 2

Forget you ever heard of CGI. You need CSS - Cascading Style Sheets. With these you set the styles, layouts, fonts etc. for every page in 1 small file. If you change anything in that .css file, it filters down to every page automatically.

See these websites:

(start with this one)
http://www.htmldog.com/guides/cssbeginner/

http://www.w3schools.com/css/css_intro.asp

http://www.htmlgoodies.com/beyond/css/