網站的開發流程介紹
|
從本章開始，我們將學習網站設計和佈局技術，其中重點是熟悉網站的開發流程，DIV層和表格佈局各自的使用場合，以及網站開發的一些經驗、技巧；難點是如何進行網頁佈局。 創建一個商業網站，要做好商業網站開發的前期準備、中期製作和後期的測試發佈工作。前期準備包括瞭解網站的業務背景、明確網站的設計風格、確定網站內容等；中期製作主要包括創建站點、製作首頁、製作模板和製作樣式；後期的測試發佈工作包括檢查頁面效果是否美觀、鏈接是否完好、不同瀏覽器的兼容性以及如何發佈網站。本章和下一章將結合淘寶網案例逐一介紹這些內容。 一、需求分析 需求分析就是分析客戶的需求是什麼。如果投入大量的人力、物力、財力，開發出的網站卻沒人要，那所有的投入都是徒勞，因此，網站前期的需求分析是相當重要的。 需求分析之所以重要，就因爲它具有目的性、方向性、決策性，它在網站開發的過程中具有舉足輕重的地位，大家一定要對需求分析具有足夠的重視。在一個大型商業網站的開發中，它的作用要遠遠大於直接設計或編碼。簡言之，需求分析的任務就是解決“做什麼”的問題，就是要全面地理解客戶的各項要求，並且能夠準確、清晰地表達給參與項目開發的所有成員，保證開發過程按照客戶的需求去做，而不是爲技術而遷就需求。 1.客戶需求 (1) 業務背景 做任何事情之前，要明確的是爲什麼要做這件事情，網站建設也不例外，要分析、理解、頒會客戶的需求，這就要求網站開發項目經理對網站的業務背景有較好的理解和把握。不 同的業務背景有不同的需求，不同的需求導致做出來的網站千差萬別。不過，根據網站的主題、題材、客戶需求和客戶企業的業務背景，可以把網站大致上分爲不同的類別。下面就是美國《個人電腦》雜誌(PC Magazine)把網站分爲以下10類。 ● 網上求職類。 ● 網上聊天／即時信息／ICQ類。 ● 網上社區／討論／郵件列表類。 ● 信息技術類。 ● 網頁／網站開發類。 ● 娛樂類。 ● 旅行類。 ● 參考／資訊類。 ● 家庭／教育類。 ● 生活／時尚類。 這些分類僅供我們參考，但同時也提醒我們，建設網站不要建設“面面俱到”型的，可能導致“面面不到”，而是要建設專業性強的、主題鮮明的網站。 每個大類都可以繼續細分，比如娛樂類再分爲體育／電影／音樂等小類，體育小類又可以按運動形式分爲足球、籃球、排球、乒乓球等。同時，各個題材相聯繫和交叉結合可以產生新的題材，例如足球加討論就是足球論壇、旅遊加社區就是旅遊社區等。這麼多種類，如何選擇？可以遵循如下原則，第一、主題要小而精煉；第二、題材最好是自己熟悉的；第三、題材不要太濫。 下面我們就以淘寶網案例爲例來分析商務網站的業務背景。WANGYEXX.COM 從大的方面講：中國現在上網的人越來越多，還有廣大人民的消費水平越來越高、消費能力越來越強；此外，網上交易是一種發展趨勢，並且在歐美一些國家得到成功的應用。從小的方面說：如果阿里巴巴公司原來主要是通過店面、郵購等方式銷售產品或服務，或者公司有很多本地之外的潛在客戶可以挖掘，出於這方面的業務背景，建立在線商務網站是非常合適的，因此，阿里巴巴就着手創建了淘寶網，這不僅降低了運營成本，而且爲顧客帶來了實惠和便利，還能增加銷售量、吸引更多的潛在客戶。在線商務網站爲廣大客屍提供在線商品展示、在線商品購買、交互服務和管理的平臺，藉助電子商務軟件，客戶便可以不受時間、空間的限制使用銀行卡在線訂貨和購買。從商業模式上看，“在線商務網站”不同於“網上商城”的概念，後者是爲商家出租或免費提供“網絡空間”的形式。從營銷模式上看，網站是一種有力的營銷媒介。網站的建設是一個不斷修改、不斷完善、循序漸進的過程，如果您想從網絡中受益，那就趕快行動吧！ 當初創建淘寶網的目標是建立全球最大最活躍的網上貿易市場，讓天下沒有難做的生意，而且淘寶網是一個目前比較火爆的網上在線商務網站，如圖1所示，可以看出淘寶網具有在線商務網站的典型優點。第一、體現了在線銷售的方便性；第二、體現了在線服務的及時性。總之，方便、及時是在線購物網站的主要特點。  圖1 淘寶網主頁 (2) 設計風格 在掌握了網站的業務背景之後，就可以明確網站的設計風格。 網站的風格是指站點給人留下的整體印象。這個“整體印象”包括站點的標誌、色彩、字體、標語和版面佈局、瀏覽方式、交互性、文字、語氣、內容價值、存在意義、站點榮譽等諸多因素。如：搜狐網站看上去就是平易近人的，迪斯尼則是生動活潑的，IBM是專業嚴肅的，這些都是網站給人們留下的不同感受。 風格是獨特的，是站點不同於其他網站的地方。或者色彩，或者技術，或者交互方式都能讓瀏覽者分辨出網站的獨有特色。例如***網站、遊戲網站一般都是黑色調，這種黑 通過網站的外表、內容、文字、交流可以概括出一個站點的個性、情緒。是溫文儒雅還是執著熱情？是活潑易變還是放任不羈的？是“豪放派”還是“婉約派”？要樹立好的 ● 合理的網頁佈局。 ● 讓網站logo儘可能地出現在每個頁面的頁眉中。 ● 將文字、鏈接、圖片、背景、邊框等儘量與主色調一致。 ● 突出字體特色。在關鍵的標題、菜單、圖片裏使用統一的字體和顏色。 ● 使用特效，讓網頁看起來生動活潑。 ● 網站主題鮮明、整體實用性強、內容切合度好等。 像淘寶網具有主題鮮明，色彩亮麗、簡潔明快、時尚生活的設計風格。 (3) 網站內容 一個網站應該具備什麼樣的功能，採取什麼樣的表現形式，並沒有一個統一的模式。不同形式的網站其內容也千差萬別。因此，網站中的內容應該根據客戶的需求，企業的業 2.確認需求 經過細緻的需求捕獲活動之後，我們就可以開始着手製作網站，不過，不要急！我們在真正製作網站之前，最好讓美工或UI（User Interface，用戶界面）設計人員將需求捕獲活動的結果加以適當的分析，然後設計一個用戶可以直接感知的靜態的網站樣板，也就是要做網站的靜態圖片版。方便客戶與開發人員就網站系統的業務背景、設計風格、網站內容達成共識，並建立需求變更制度與流程，方便後期的製作與完善。 二、網站製作 經過需求分析階段之後，我們就可以正式製作網站。網站的製作主要包括創建站點、製作首頁、製作模板和製作樣式。創建站點能很好地管理我們的網頁文件和文件夾，所以在網站製作階段創建站點是我們首先要考慮的問題。首頁是一個網站的門面，是一個網站的靈魂，因此，首頁製作的好壞是一個網站成功的關鍵所在。製作模板便於設計出具有統一風格的網站，並且模板的運用能爲網站的更新和維護帶來極大的方便，爲開發出優秀的網站奠定了基礎。樣式表是一個很神奇的東西，它能把網頁製作得更加絢麗多彩，使網頁呈現不同的外觀。當網站有多個頁面時，修改頁面鏈接的樣式表文件即可同時修改多個頁面的外觀，從而大大地提高工作效率，減少工作量。 三、測試網頁 測試網頁主要從3個方面着手，第一、頁面的效果是否美觀；第二、頁面中的鏈接是否完好；第三、是最重要的也是最煩的一點，就是要兼容不同的瀏覽器（如Intemet Explorer、Mozilla Firefox等）。對於網頁是否美觀，仁者見仁，智者見智，那怎麼辦呢？不過有章可循，可以從頁面整體視覺效果、美工設計、頁面佈局、內容實力、親和力等方面進行檢查。對於鏈接是否完好，可以使用Dreamweaver裏的“檢查鏈接”命令來檢查，詳細的檢查步驟請參照第7章。對於兼容不同瀏覽器，也可以使用Dreamweaver來檢查，在網頁學習網本系列教程下一章將詳細介紹。 四、發佈網站 網站設計好了，經測試之後，就可以放在服務器上發佈，這樣，能讓更多的人知道您的網站。 發佈網站有兩種方式，一種是本地發佈，即通過本地計算機來完成，在Windows操作系統中，一般通過IIS來構建本地Web發佈平臺，這種發佈方式只能讓局域網中的用戶訪問您的站點；另一種是遠程發佈，即登錄到Internet上，然後利用有些Internet服務商提供的個人網絡空間來真實地發佈自己所建的網站，不過，這種發佈方式要先申請一個域名和虛擬主機，申請成功後Internet服務商就會給您一個IP地址、用戶名和密碼，使用此IP地址、用戶名和密碼就可以把您的網站上傳到Intemet上，只有這樣，才能讓Intemet上的用戶訪問您的站點。可以根據自己的需要來選擇不同的發佈環境。 |