哎,想學做網頁也不是一天兩天的事了,但是一直都沒能學好,只能自己看看書、做做筆記,至於真正去寫,好像還有一段距離,這是最近看的Web Site錦囊妙計的筆記,放在網路上,爾後要參考也比較容易,希望能自學有成 :)

CH2 網站規劃與建置


一、替你的網站撰寫功能規格書


規格書很重要,至於怎麼寫,書上也不是說得很清楚,反正真正遇到問題時,自然就得想辦法,船到橋頭自然直吧。書中的名詞解釋,先記下來,搞不好以後用得到:
「規格變動(feature-creep)」又稱「featuritus」:指在結案前需求仍不斷增加或變動的專案。
「現實性檢測」:在開始為專案撰寫功能規格書前,先問自己「這個程序真的非要不可嗎?」。
「使用者側寫(personas)」:讓網站使用者留下基本資訊及說明想要使用網站的原因,通常網站的使用者不會是很單純的同一類人,而是數種具有某種關聯性的不同型態的使用群,因此,這類資料稱為「使用者側寫」。

也有人說規格書不重要,參考這裡「Getting Real, Step 1: No Functional Spec

二、評估網站可用的材料


匯整建立網站需要的所有文件、圖片及其他來源檔

內容清單對維護網站的幫助:「Taking a Content Inventory」、「Doing a Content Inventory

三、安排目錄中的檔案


千萬不要把所有檔案都放置在網頁伺服器的主目錄下。
網站目錄裡最好不要有「空白」、「&」、「?」、「-」、「_」。
把檔案放在不安全等級或存取權限的目錄。如CGI script檔放在/cgi-bin目錄下。

四、為檔案建立一套命名原則


每個檔案的名稱必須有下列特性:
1、推有一個有效的副檔名
2、傳達檔案的來源、內容或屬性的相關訊息
3、類似的檔案其檔名要遵守一個有邏輯且前後一致的結構

索引頁:index.html
子網頁:依據內含檔案屬性不同,每一個目錄可擁有自己的命名原則。
存放文章目錄裡的電子報可用日期來當檔名:200504.html, 200505.html
存放教學案例目錄可用客戶名稱當檔名:gm.html, ford.html
圖片、影片:logo120x65.gif(包含長度、寬度), widget_hq.mpg(高畫質), widget_lq.mpg(低畫質)
可下載檔:加上網站名稱,如MYWEB_orderform.pdf

五、為網頁標題建立命名原則


給予網頁有意義且可靠的標題。(維持一致的格式、使用特定的語言、盡量簡短)

六、為變數建立命名原則


這個就看自己的團隊怎麼去訂定吧,針對PHP書本上建議是:小寫字母及底線組成。

七、下載網站所有的檔案


Unix上可用wget工具
wget --mirror http://yourwebsite.com
wget --mirror ftp://username:password@yourwebsite.com
透過http傳送時,wget只會複製透過網站連結可以找到的檔案,伺服器上沒用到卻達除的檔案,會自動被忽略。
透過ftp傳送時,wget則會複製所有檔案。

wget的缺點:它處理動態產生的網站的能力不足。若您啟動了 --html-extension選項,wget會自動在所有動態網頁上加上.html副檔名,但是卻不會同時更新連結到這些網頁的超連結。

參考資料:
wget的用法
兩個補足wget欠缺功能的軟體:Grab-a-Site(Windows)SiteSucker(Mac)

八、讓URL易於尋找與記憶


例如要將 http://mysiet/store/list.php?type=mens&cat=shoes&subcat=loafers縮短成http://mysite/sotre/mens/shoes/loafers/

Apache編譯時加入mod_rewrite模組
修改.htaccess
RewriteEngine On
Options +FollowSymLinks
RewriteRule ^(.*)/(.*)/(.*)/$ /store/list.php?type=$1&cat=$2&subcat=$3


重寫規則比較不足的地方就是無法提升網站搜尋引擎的「可索引率」。原因是動態網頁最終仍是由隱藏在簡潔URL背後的查詢字串產生的,搜尋引擎仍然無法檢索以這種方式產生的數以千計的網頁,這種情形稱為「深網頁(deep web)」。

參考資料:「Cool URIs don't change」、深網頁問題

jck11 發表在 痞客邦 PIXNET 留言(0) 人氣()