/    Sign up×
Community /Pin to ProfileBookmark

master template in html

Copy linkTweet thisAlerts:
Nov 14.2011

Is it possible without a lot of complicated coding to build a master, or global template in html? A page that holds the main links to every page so that when a link change is made, it’s made globally instead of having to go into each and very html page to make the changes? Thanks!

to post a comment
HTML

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@Sup3rkirbyNov 14.2011 — While this is possible to do I wouldn't say purely in HTML. The easiest method I know of doing such a thing is using some(very simple) PHP. Frankly there is only one PHP command you even need to know/use and your HTML itself wouldn't really even need any modification.

You can create certain main template files, such as a header and footer template file containing the generic information(included stylesheets, scripts and meta data) and then build content pages that simply include those files so you no longer need to edit multiple files for them.

So you'd have header and footer files that might look like:
[code=php]
<!DOCTYPE html>
<head>
<title>Foo Website</title>
<link href='my_stylesheet.css' rel='stylesheet' type='text/css'>
<script src="my_javascript.js" type="text/javascript"></script>
</head>
<body>
<div class="styleHeader">
Navigation links or static header information here
</div>
[/code]
[code=php]
<div class="styleFooter">
Copyright info and footer links/references or information would go here
</div>
</body>
</html>
[/code]

Your content pages would look something like:
[code=php]
<?php
include("template_header.php");
?>

<div class="styleContent">
Main content specific to this page goes here
</div>

<?php
include("template_footer.php");
?>
[/code]

The header and footer in my example are pure HTML so you could of course save them as .html instead of .php and just use that extension in the include. I just like to keep page files as .php in case I want/need to include functional php code along with the html.
Copy linkTweet thisAlerts:
@darkliteauthorNov 14.2011 — Thanks for your extensive help, I'll try this and see if I can make it work!
Copy linkTweet thisAlerts:
@darkliteauthorNov 15.2011 — I tried this and it isn't working for me. Actually, all I want to include are the links. So, would my content page look something like this?

<html>

<head>

<title>Foo Website</title>

<link href='my_stylesheet.css' rel='stylesheet' type='text/css'>

<script src="my_javascript.js" type="text/javascript"></script>

</head>


<body>

<?php

include("links.html");

?>

<div id=link_content">

links here

</div>

</body>

</html>

Also, would this be the page I'm calling to for my links on my other pages?

Thanks!
Copy linkTweet thisAlerts:
@Sup3rkirbyNov 15.2011 — Using any of the code tags would be helpful any time you post code here.

[code=php]
<!DOCTYPE html>
<head>
<title>Foo Website</title>
<link href='my_stylesheet.css' rel='stylesheet' type='text/css'>
<script src="my_javascript.js" type="text/javascript"></script>
</head>
<body>

<?php
include("links.html");
?>

</body>
</html>
[/code]

The code above would work just fine. You do of course need to make sure you save the file with the .php extension and that your server supports PHP in order for the php code to be executed.

You would then just need to create a file named 'links.html' in the same directory which would contain the html for your links, such as:
[CODE]
<div id="link_content">
<a href="index.html" class="styleNav">Home</a>
<a href="about.html" class="styleNav">About</a>
<a href="contact.html" class="styleNav">Contact</a>
</div>
[/CODE]

Whatever you place in the 'links.html' file will be displayed on your page and treated/read as pure html. If you call the 'links.html' file from any other page you just need to make sure you refer to it properly in terms of it's relative location. For instance, any webpage not in the same folder as the 'links.html' page will need to make sure to add any necessary folder reference so the file can be found and loaded.

Hopefully this resolves the issues you were having.
Copy linkTweet thisAlerts:
@darkliteauthorNov 15.2011 — Okay, thanks again, I'll give this a try.
×

Success!

Help @darklite spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.15,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...