時間戳記 - Date Stamp
我看過很多網頁在頁面的最下方會顯示本網頁的最後修改時間,之前有朋友是利用手動的方式,也就是每當他修改了那一頁網頁後,就要手動的去將本頁最後修改日期改成當天日期,這樣做其實很費時的,今天我介紹的這個插件,就是將手動變為自動,從此後不必再去記得要修正日期,只要使用此插件,一切都搞定。
首先先安裝此插件,安裝完後會在常用的標籤下找得到 Date Stamp

使用方式相當簡單,首先先把游標停在你的網頁中要放置時間的地方,然後點選DateStamp的功能,接著出現 DateStamp的功能選項

Insert Date 是指直接插入當天日期,不會用到程式碼,只是若是使用這一項,就沒什麼作用了,我直接打字還比較快呢 ~ 所以不推薦使用者一項
Insert Last Updated Data Script 這一項就是我們要使用的,內定是在這一項上
Date Format 是日期的格式,可以設定年月日的顯示格式
Day Format 是星期幾的格式,不過這裡是以英文顯示,none 是不使用
Time Format 是時間的格式,看你要不要精準到秒數囉
Add Update 是指要不要增加 Updated 的文字在最前方
都設定好之後按下確定就可以囉
在當你按下確定後,Dreamweaver 有可能會出現「您不會看到這個元素」的提示訊息

主要是這個元素在Dreamweaver的編輯畫面被設定為隱藏的,所以你在畫面看不到任何元素出現

如果你想要在畫面上看到這個元素出現,請點選 Dreamweaver 的編輯→偏好設定,在偏好設定中的分類請點選隱藏元素,在右邊的元素中將 Script 打勾,接著按下確定。

於是就可以在Dreamweaver 的設計模式中看到剛剛的時間戳記的元素了。

在瀏覽器中所看到的畫面(這是有將Add Updated勾選起來)

由於此插件是國外的人寫的,所以星期、月份都是英文的,如果我們要改成中文的可不可以呢?當然是可以的,請跟著下面來操作
首先在Dreamweaver的撰寫模式切換到程式碼模式,此時就會看到一堆程式碼了

星期幾的程式片段:
var dayArray = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");
修改成:
var dayArray = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
月份的程式片段:
var monthArray = new Array("January","February","March","April","May","June","July","August","September","October","November","December");
修改成:
[code]var monthArray = new Array("一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月");
英文字Update的程式片段:
document.write("Updated ");
修改成:
document.write("最後更新日期:");
年月日顯示順序的程式片段:
document.write(thisMonthNum + '/' + thisDate + '/' + thisFullYear);
修改成:
document.write(thisFullYear + '年' + thisMonthNum + '月' + thisDate + '日');
這些程式片段可以依照個人的喜好來修改,會改的人可以自己試試看囉 ~
PS : 這個插件會讀取你的檔案最後修改時間,然後將時間秀在網頁中,所以此插件的使用時機比較適合靜態的頁面,不適合ASP這種可以讀資料庫的頁面使用
插件下載