: Design website using header and footer template approach I am trying to re-do my portfolio website since its a pain to maintain it. Everytime I have to add a new item to it, it just takes

Posted in: #Headers #Html #WebDevelopment #WebsiteDesign

I am trying to re-do my portfolio website since its a pain to maintain it. Everytime I have to add a new item to it, it just takes forever and kills me. I'd like to redesign in a way that makes the workflow of adding new items smooth. I am not looking for fancy effects, just a simple website which makes it easy to people browse through my stuff.

All of the pages are standalone html files. Each page has a common header and footer for navigation between pages. Right now, whenever I have to modify the content, I try to dig in which table row it is and then add content to it. (yes, I use notepad).

Can someone please recommend me what would be the best way to go about it ?

(PS: Please let me know if I missed out anything).

10.04% popularity Vote Up Vote Down

: How is sites such as alexa.com monitor all web wide sites traffic in the internet ? Possible Duplicate: alexa and compete Hello, i'm trying to understand idea of traffic monitoring

@Deb1703797

Posted in: #Alexa #Monitoring #Traffic

1 Comments

: Rewrite URLs to add a slash I know how to rewrite URLs to redirect to a page. When the / is not at the end of www.example.com/user/myUserName the redirect works: RewriteRule /$ /user/index.php

@Deb1703797

Posted in: #Htaccess #ModRewrite

2 Comments

: Load times and SEO for 1 page sites I find that 1 page sites can be interactive animating from page to page. But if a site starts to get a little larger or contains many images, perhaps

@Deb1703797

Posted in: #Performance #Seo #WebDevelopment #WebsiteDesign

3 Comments

: Google says my site contains malware my clients site http://bit.ly/dTOfGF (i used url shortener). I have tried everything to find the malware but i couldnt. I tried the Google checklist http://googlewebmastercentral.blogspot.c

@Deb1703797

Posted in: #Hacking #Malware

3 Comments

Login to post a comment!

4 Comments

Sorted by latest first Latest Oldest Best

@Speyer207

Your can use simple PHP code to make your site a little bit dynamic, e.g.

First, you need to have to change your .html extension to .php (if your hosting on linux server that support PHP).

Second, create a page called header.php, and put in it your HTML code (which you want to be in every page you have), the head and menu code for example.

Then put this php code in your files

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

and put that code in every page you have instead of:

<html>
<head>
....
</head>
<body>

<div id="nav">
<ul>
<li><a href="http://example.com/">home</a></li>
<li><a href="http://example.com/about.php">about</a></li>
<li><a href="http://example.com/contact.php">contact</a></li>
</ul>
</div>


So, when you have to change any menu element you don't have to update every single page.
You just update the header.php file.

By the way, I suggest you to quit using tables and go towards DIVs or even HTML5, especially if you are designing your portfolio (it will reflect your work quality).

Check this post: Why not use tables for layout in HTML

10% popularity Vote Up Vote Down

@Jennifer507

You can download the Microsoft Web Platform Installer. It lets you browse through many popular web apps and install them. A free open source CMS that I found to be pretty helpful is Orchard CMS, which you can also download through the Microsoft Web Platform Installer. You can use it to quickly create a simple website and, also, making updates and modifications is rather easy.

10% popularity Vote Up Vote Down

@Cody1181609

Use XSLT to generate your X/HTML output - it's supported by popular browsers and it is ideal for applying a single template to multiple documents without any server-side processing.

10% popularity Vote Up Vote Down

@Odierno851

There are probably 1000 ways to do this which vary in cost, control and complexity.

If you go to PHP or even just SSI, you can move the common parts to separate files and include them where needed, so that each page mostly consists of what is different.

You can use a template system where an application like Dreamweaver maintains templates for you can each time you modify it, it will prompt you to update your other files. You have to then synchronize the changes.

You can also build or buy a content management system where generates webpages for you. You fill the content in some complex entry forms, sometimes using a WYSIWYG editor, and the platform picks up changes automatically. This is an oversimplified version of what Wordpress does.

10% popularity Vote Up Vote Down

Feed

: Design website using header and footer template approach I am trying to re-do my portfolio website since its a pain to maintain it. Everytime I have to add a new item to it, it just takes

More posts by @Deb1703797

: How is sites such as alexa.com monitor all web wide sites traffic in the internet ? Possible Duplicate: alexa and compete Hello, i'm trying to understand idea of traffic monitoring

: Rewrite URLs to add a slash I know how to rewrite URLs to redirect to a page. When the / is not at the end of www.example.com/user/myUserName the redirect works: RewriteRule /$ /user/index.php

: Load times and SEO for 1 page sites I find that 1 page sites can be interactive animating from page to page. But if a site starts to get a little larger or contains many images, perhaps

: Google says my site contains malware my clients site http://bit.ly/dTOfGF (i used url shortener). I have tried everything to find the malware but i couldnt. I tried the Google checklist http://googlewebmastercentral.blogspot.c

Login to post a comment!

4 Comments

Back to top | Use Dark Theme