Xhtml Layout

ssnerdy · #1 (**permalink**) Sep 21st, 2007, 17:58

This may seem like a silly post, but I have something to ask about basic layout principles.

If I had a xhtml + css based website with alot of pages, but wanted to change the layout (i.e. the colours and graphics etc) is there a quick way to move over all the content of the pages without having to copy and paste the content into each pages html?

I hope that makes sense :/

Thanks!

karinne · #2 (**permalink**) Sep 21st, 2007, 18:02

Yes ... you need to use includes

see the article - Using includes to add common elements to your sites.

ssnerdy · #3 (**permalink**) Sep 21st, 2007, 18:07

Thanks for your reply.

I see. So will I be needing to convert my site from html to php then?

karinne · #4 (**permalink**) Sep 21st, 2007, 18:13

yes or .shtml if you decide to you SSI ... but I would suggest PHP include().

ssnerdy · #5 (**permalink**) Sep 21st, 2007, 18:15

Ok, thankyou.

Don't suppose you can throw me towards a post about how to convert to PHP could you?

Marc · #6 (**permalink**) Sep 21st, 2007, 18:18

There is a short post here.. Basiclly put your div in a file then link to it. This may help: http://www.webtutorialz.com/28/.

karinne · #7 (**permalink**) Sep 21st, 2007, 18:19

I'm pretty sure I explain in the article.

it's just changing your extension really

because you will be adding the php include funtion

HTML: Select all

<html>
    <? include('header.html'); ?>
....

The files you are include (like in the example above - header) ca have html extension unless you have php code in there.

ssnerdy · #8 (**permalink**) Sep 21st, 2007, 18:20

Thanks Marc, i'll go take a look now.

karinne · #9 (**permalink**) Sep 21st, 2007, 18:20

Quote:

Originally Posted by Marc

There is a short post here.. Basiclly put your div in a file then link to it. This may help: http://www.webtutorialz.com/28/.

I think the code that's posted in there might confuse people.

The article I wrote is simpler I think

Seriously tho ... don't know how simpler this can be

Using PHP to include files

Syntax

PHP: Select all


<? include('/directory/file.php'); ?>

How to use

Here's your index.php file (note that all your files using the php include() function must have the .php extension) ...

HTML: Select all

<body>
    <? include('navigation.inc'); ?>
    <div id="content">....</div>
</body>

And this would be your navigation.inc file (note that your included file can have the extension you want - .html, .php, .inc, .whatever)

HTML: Select all

<ul>
    <li><a href="home.php">Home</a></li>
    <li><a href="services.php">Services</a></li>
    <li><a href="contact.php">Contact</a></li>
</ul>

ssnerdy · #10 (**permalink**) Sep 21st, 2007, 18:24

Thanks, thats all great, just I don't have a index.php, i have an index.html...
I get the idea of what an include is and it definatly is just what I need, what i'm struggling with now is just how to get started. At the moment all I have is a load of .html pages. I have never even attempted to use php, so don't have a clue where to start!

karinne · #11 (**permalink**) Sep 21st, 2007, 18:28

just change their extensions to .php ... that's it!

ssnerdy · #12 (**permalink**) Sep 21st, 2007, 18:31

wow! its that easy :O can't believe it!

Thankyou very much!

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Fluid layout - IE6 clichés the layout when resizing	cyberseed	Web Page Design	7	Jun 16th, 2007 05:14
xhtml 1.0	ivyholly	Web Page Design	2	Sep 28th, 2005 14:36
What makes a layout a good layout?	Miles Lombardi	Graphics and 3D	4	Jul 26th, 2005 03:22

		Webforumz.com > Main Forums > Design Your Website > Starting Out
Xhtml Layout