now with added Masterweb and IB Geek Girl

spider web Ecanus•net :: Tutorials

Tutorials

These aren't really full blown tutorials – more quick 'n' dirty guides to doing stuff that might save you some time. Click the links below to see them.

Adding 'date last updated' to your site

There's nothing worse as a website visitor than finding a page that you think is what you're looking for, then finding the information's out of date. In some circumstances it's important that your visitors know the information on your site is up to date, or even that you actually visit it yourself occasionally. You need a date stamp to show when the page was last updated.

From a webmaster point of view there's nothing worse than having to remember to manually change the date on each page every time you update it. Unless you have a team of highly trained squirrels like we here at MasterWeb do who'll laboriously write the date on each page in crayon for you, you'll be looking for some sort of automated solution.

Here we're going to look at four methods for adding a 'last updated' date stamp to your site, using:

FrongPage

FrontPage gives you the option of displaying the date your web page was last edited or automatically updated, and there are several format options for the date/time. This date and time information is updated automatically each time you edit the page or each time an automatic update occurs – time–saving, it keeps your page current, and you can dispense with the services of those squirrels and their crayons.

Step 1: From the Insert menu, select Date and Time...and the Date and Time dialog box appears.

The FrontPage date and time dialogue box

Step 2: To display the last time the page was edited, select Date this page was last edited or, to display the last time the page was automatically updated, select Date this page was last automatically updated.

The FrontPage date and time dialogue box showing format pull-down list

Step 3: From the Date format pull–down list select the format for the date display.

Step 4 (optional): From the Time format pull–down list, select the format for the time display. If a time format isn't selected, the time isn't displayed.

Step 5: Click OK.

There you go! A date/time stamp added in 5 easy steps! The squirrels are now out of a job... :–(

JavaScript

This one's even easier...

Step 1: Copy the code below.

<script type="text/JavaScript">
datUpdated = new Date(document.lastModified) ;
datDate = datUpdated.getDate() ;
datMonth = datUpdated.getMonth() + 1 ;
datYear = datUpdated.getFullYear() ;
document.write("Last Updated: " + datDate + "/" + datMonth + "/" + datYear) ;
</script>

Step 2: Paste the code where you want your date stamp to be – this is the result:

Step 3: Don't forget some suitable <noscript> text ;–)

Page 2