- Adobe Dreamweaver CS5 網頁設計與制作技能基礎教程
- 易連雙 趙林
- 2149字
- 2020-04-22 16:19:47
1.2 網站制作流程
網站制作是一個復雜的系統工程,有一定的工作流程。只有遵循這個流程,一步一步地操作,才能設計出讓用戶滿意的網站。所以在制作網站之前,先要了解網站建設的基本流程。
1.2.1 網站策劃
一個網站的成功與否,與建站前的策劃有著極為重要的關系。在建立網站前應明確建設網站的目的、網站的功能、網站規模、投入費用等。網站策劃對網站建設起到計劃和指導的作用,對網站的內容和維護起到定位作用。只有詳細地規劃,才能避免在網站建設中出現很多問題。網站策劃包括以下3部分內容。
1.市場分析
在建設網站之前,要進行必要的市場分析,具體包括以下3個方面。
◆ 要了解相關行業的市場是怎樣的,有什么樣的特點,是否能夠在互聯網上開展公司業務。
◆ 市場主要競爭者分析,競爭對手上網情況及其網站規劃、功能作用。
◆ 公司自身條件分析,公司概況、市場優勢,可以利用網站提升哪些競爭力。
2.網站目的及功能定位
◆ 對網站制作市場分析后,就該明確建站的目的,進行具體的功能定位。
◆ 為什么要建網站,是為了宣傳產品,進行電子商務,還是建設行業性網站?是企業的需要還是市場拓展的延伸?
◆ 整合公司資源,確定網站功能。根據公司的需要和計劃,確定網站的功能:產品宣傳、網上營銷、客戶服務、電子商務。
◆ 潛在用戶需求分析,網站為用戶帶來的價值以及為公司帶來的價值。
根據網站功能,確定網站應達到的目的作用。
3.網站技術解決方案
根據網站的功能及后期發展可能出現的功能擴展確定網站技術解決方案。
◆ 租用虛擬主機的配置。
◆ 網站安全性措施,防黑、防病毒方案。
◆ 相關程序開發,如ASP、JSP、CGI 、數據庫程序等。
1.2.2 網站設計
網站策劃完成后,接下來就可以進行網站制作的設計工作。
1.規劃站點
站點的規劃是開發網站的第一步,也是關鍵的一步。規劃站點即對網站的整體定位,其中,不僅要準備建設站點所需要的文字資料、圖片信息和視頻文件,還要將這些素材整合,并確定站點的風格和規劃站點的結構。總之,規劃站點就是通過視覺效果來統一網站的風格和內容等。
規劃站點的目的在于明確所建站點的方向和采用的方法,規劃時應遵循以下4個原則。
(1)確定網站的服務對象
只有確定了網站的服務對象,對不同的讀者投其所好,才能制作出有價值的網站。比如要制作一個兒童網站,確定的對象就是兒童。在確定服務對象后,還應考慮目標對象的計算機配置、瀏覽器版本以及是否需要安裝插件等問題。
(2)確定網站的主題和內容
網站的主題要鮮明,重點要突出。對于不同的愛好者和需求者,應該有不同的定位。比如,要制作一個圖片類網站。開發者從多個方面著手,對瀏覽者的需求進行分類,例如,可分為攝影圖庫、設計圖庫、矢量圖庫等。
(3)把握網站結構
網站的總體結構要層次分明,盡量避免層次復雜的網絡結構,一般網站結構選擇樹形結構,這種結構的特點是主次分明、內容突出。
常用的結構類型有以下三種。
①層狀結構類似于目錄系統的樹狀結構,如圖1-5所示。該結構由網站文件的主頁開始,依次劃分為一級標題、二級標題等,逐級細化,直至提供給瀏覽者具體信息。在層狀結構中,主頁是對整個網站文件的概括和歸納,同時提供與下一級的鏈接。層狀結構具有很強的層次性。

圖1-5
②線性結構類似于數據結構中的線性表,如圖1-6所示。該結構用于組織本身的線性順序形式存在的信息,可以引導瀏覽者按部就班地瀏覽整個網站文件。這種結構一般都用在意義平行的頁面上。

圖1-6
③Web結構類似于Internet的組成結構,各網頁之間形成網狀鏈接,如圖1-7所示,Web結構允許用戶隨意瀏覽。

圖1-7
(4)選擇網站風格
網站風格應該根據網站的主題和內容選擇一種合適的風格類型,以求在內容和形式上的完美結合,突出網站的個性,才能更吸引人們的注意力。風格的設計主要表現在色彩的運用上。
2.搜集素材
網站的主題內容是文本、圖像和多媒體等,它們構成了網站的靈魂,若沒有它們,則再好的結構設計都不能達到網站設計的初衷,也不能吸引瀏覽者。任何一種網站,無論是商業性質、娛樂性質,還是個人性質的,在網站建設之初都應進行充分的調查和準備,即調查讀者對網站的需求度、認可度,以及準備所需資料和素材。網站的資料和素材包括所需圖片、動畫、logo的設計、框架規劃、文字信息搜索等。
1.2.3 網頁制作
完成網站策劃和設計工作后,就開始著手網頁的制作了。網站中的頁面通稱為網頁,它是一個純文本文件,是向瀏覽者傳遞信息的載體。網頁采用超文本和超媒體技術,采用HTML、CSS、XML等多種語言對頁面中的各種元素(如文字、圖像、音樂等)進行描述,并通過客戶端瀏覽器進行解析,從而向瀏覽者呈現網頁的各種內容。
1.設計網頁圖像
網頁圖像設計包括Logo 、標準色彩、標準字、導航條和首頁布局等。用戶可以使用Photoshop或Fireworks軟件來具體設計網站的圖像。
有經驗的網頁設計者,通常會在使用網頁制作工具之前,設計好網頁的整體布局,這樣在具體設計過程中將會大大節省工作時間。
2.制作網頁
素材和圖像都具備了,設計工具也選好了,下面就需要按照計劃一步一步地把自己的想法變成現實了,這是一個復雜而細致的過程,一定要按照先大后小、先簡單后復雜來進行制作。所謂先大后小,就是說在制作網頁時,先把大的結構設計好,然后再逐步完善小的結構設計。所謂先簡單后復雜,就是先設計出簡單的內容,然后再設計復雜的內容,以便出現問題時好修改。在制作網頁時要靈活運用模板,這樣可以大大提高制作效率。
- 社會科學數據處理軟件應用
- 邊做邊學:Photoshop CS6 圖像制作案例教程
- 鍵盤錄入技術(第2版)
- ASP.NET MVC 1.0 Quickly
- Drools JBoss Rules 5.0 Developer's Guide
- 皮膚鏡圖像分析與識別
- 攝影師的后期必修課(調色篇)
- Magento 1.3 Theme Design
- After Effects 影視后期特效:短視頻制作實戰寶典
- Unity 3 Game Development Hotshot
- 中文版3ds Max 2014基礎培訓教程
- Moodle 2.0 for Business Beginner's Guide
- Creo 5.0從入門到精通(第2版)
- SolidWorks三維設計及工程圖速成
- Photoshop CC平面設計實戰從入門到精通