» 首頁 » 討論區 » PHP與網頁技術 »【Web】步驟

【Web】步驟

發表人: 藍淵
積分: 294
發表時間: 2010-08-11 17:19:55

確認自己想要製作網站的主要目的及用戶群等需求,並排定進度表

以需求為準設計網站架構,確認具體的概念,為了什麼而做,成本的形象,對象的基準在哪
設立網站公開後的目標,取得哪些效果才算達成
對規畫的需求及需要再次確認,並且確定要製作何種性質的網站

選擇適合的資訊表達方式,資訊=想傳達的內容+內容企劃,而不是內容=資訊,
並確認實現網站會運用到哪些Web技術,及各部分的細節。

製作網站的架構組織圖,內容應有
網站上的主要內容及其順序
連結與頁面的數量
內容配置的位置
資訊的群組化是否有誤
更新及維護的方便性
詳細策畫減少製作時多餘的修改率

確認真正使用的技術及製作環境,製作系統架構圖

詳細決定具體的頁面及頁面上資訊與影像,並對整體進行總合的檢討,對於操作感是否有問題,需站在用戶的立場規畫網站。
頁面元素(文字、按鈕等)
頁面連結
輸出、輸入的項目
技術資訊
網頁內各部分的規範之統合性
製作頁面連結的流程圖
如果有後台,也許考慮到管理者為缺乏網頁知識的用戶,
其將來使用編輯器或是後台更新時,能否輕易的進行樣本(Templates)、圖庫(Library)、屬性(Asset)的管理。

製作介面藍圖,確認資訊結構、標記項目、配置區域等有關資訊的細節。

配置內容,在藍圖內加入網站的實際元素,如文字、影像等。

排定設計準則,確定美工的方向,如網站ID(Logo)、色彩、用戶對象等,並再次確認之前的流程有無錯誤。

網站實際製作,規畫這麼多,這個階段沒完成就等於什麼都沒有

測試
此被公認在擴充性、客制性、SEO與可存取性等方向有很大的優點,
在防範跨網站攻擊程式(XSS)等安全性弱點時非常重要,
所以在交件前先利用W3C的「Markup Validation Service」和「CSS Validation Service」等服務確認XHTML、CSS等網頁的編寫品質
如具有可存取性的國際準則(WCAG)的需求時,可利用富士通(Weblnspector)或是「Another HTML-lint」等來判斷其合適性。

公開上站,實際運用

發表人: 藍淵
積分: 294
發表時間: 2010-08-11 17:20:19
我覺得,如果規畫為網站的靈魂,藍圖是骨,配置就是讓骨生肉,加上設計便是皮膚,能實現這些的web技術可稱為其細胞,就像在創造生物一樣,真是有趣。