Ecanus•net :: 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.
- Accessibility 101: the basics
- Accessibility and design: it's not all about CSS and standards
- Adding 'date last updated' to your site
- Update your copyright notice date
- Using 'includes'
- Moving from HTML to XHTML
- Spam free email
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:
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.
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.
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... :–(
This one's even easier...
Step 1: Copy the code below.
datUpdated = new Date(document.lastModified) ;
datDate = datUpdated.getDate() ;
datMonth = datUpdated.getMonth() + 1 ;
datYear = datUpdated.getFullYear() ;
document.write("Last Updated: " + datDate + "/" + datMonth + "/" + datYear) ;
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