網站設計與製作的研究方法

1. 網站設計 的 研究方法、技術路線、實驗方案及可行性分析

寫清楚你的研究方法即可，比如你採用問卷調查的方法，那麼你先需要做好關鍵概念的維度分析，這個建議採用德爾菲法，然後設計問卷，問卷需要修改和做預調查，再寫清楚准備怎麼發放問卷與回收等。甚至你可以設計針對不同的對象的問卷調查，比如家長、學生及機構的不同問卷。實現你的研究目標，你怎麼收集到你需要的材料、你能接觸研究對象吧？你似乎不好做實驗吧？技術路線也許談不上。僅供參考。

2. 網站製作的主要過程,步驟有哪些

在現在這個網路經濟時代，互聯網已經變成大家生活學習工作的一部分，很多人每天都會使用電子產品瀏覽信息，比如：做飯時也會在網路上搜索菜譜，在乘坐交通工具時也會刷各個網站，瀏覽各個網路平台，互聯網可以協助大家更便捷的開展工作，同時互聯網又給公司提供了許多宣傳推廣渠道，而公司想要進行宣傳推廣，就必須設計製作一個官方的網站，作為企業宣傳營銷平台，那企業網站設計建設流程是什麼呢？

網站建設之前必須明確公司建設網站的主要目的是什麼？也就是要了解這個網站是用於做什麼的，對於企業的要求目的，對網站的總體規劃，例如公司官網，每個網頁要放哪些內容，按照什麼樣的風格來亮禪進行設計，細分每個版塊應該如何設計，所以在網站建設設計前期就要明確表達公司對網站的需求,越詳細越好，那樣做出來的網站更能符合公司需求，盡可能縮短建設時間，那樣對於網站建設工作效率有很大提高。

第一步：明確網站定位。

要知道自己的產品優勢，也需要做好整體上的風格定位，需要考慮到自己的實際情況來進行風格定製，這樣才能夠讓我們看到更好的一個網站建設效果。現在的網站多種多樣，網站作風分營銷型網站、品牌型網站、電商網站、平台網站等。所以網站的基礎定位工作，也是不能缺少的。而且這也包括了網站的色彩、功能、欄目等等。

第二步：製作網頁原型圖。

畫原型圖必要參考許余銷多網站作風，總結本身的網站作風。在製造原型圖的過程當中，要看許多的網站作風，假如你是要做外貿網站，那就要探求許多外洋大牌的網站，參考看一下他們的網站作風，能夠很好的激發思維。

第三步：DIVCSS切圖/排版。

設計師確定網站內頁的具體設計規范，包括網站顏色VI的選用、字體字型大小大小、以及素材的編排、選取及處理。相應式網站會依據分歧解析度和屏幕巨細主動順應，以到達最好的體驗後果，然而不是所有的網站都得當做成相應式，因站而異。

第四步：程序開發。

進入程序開辟階段，程序開辟便是做後盾治理，讓網站前期能有一個治理後盾來更新前端的材料內容。

第五步：網站Bug測試和材料填補。

程序開敬毀塵辟進去後，交給專職客服來測試Bug，邊添補材料邊測試頁面後果，剛開辟進去的網站都邑存在Bug破綻，因為是純手工製造的名目，靠鍵盤一個一個字母敲進去的代碼，有Bug實屬正常現象，於是就必要客服停止測試，測試進去的成績點收拾文檔情勢交給程序員停止修復。

3. 網頁設計的方法有哪些

【網頁設計】方法如下：

1、將透明的LOGO用高於IE6的瀏覽器打開網頁，然後採用FFPearlCrescentPageSaver全屏截圖插件截屏。再採用PS或者Fireworks進行裁切LOGO部分。並替換透明背景LOGO。這樣即使是漸變背景也能和LOGO保持一致。
2、布局上頁面與頁面之間存在相同部分要學會簡化。當兩個頁面有部分板塊相同，最好不要去讓兩個頁面獨立存在，可以將兩個相同部分獨立出來。採用程序調用共同部分。以減少網頁代碼。
3、網站重要頁面最好有可更新或者可調用更新內容的板塊以達到日常更新引蜘蛛爬行的目的，原因很簡單，利於網站SEO優化。
4、網站要和互聯網接軌要跟得上時代，別忘了在網站完成後給網站安裝一個網路分享工具，或者新浪微博，這樣做利於網站推廣。感興趣的話點擊此處，免費學習一下

想了解更多有關網頁設計的相關信息，推薦咨詢【達內教育】。該機構已從事19年IT技術培訓，並且獨創TTS8.0教學系統，1v1督學，跟蹤式學習，有疑問隨時溝通。該機構26大課程體系緊跟企業需求，企業級項目，課程穿插大廠真實項目講解，對標企業人才標准，制定專業學習計劃，囊括主流熱點技術，助力學員更好的學習。達內IT培訓機構,試聽名額限時搶購。

4. 寫網頁設計開題報告

關於寫網頁設計開題報告

開題報告是指開題者對科研課題的一種文字說明材料。這是一種新的應用寫作文體，這種文字體裁是隨著現代科學研究活動計劃性的增強和科研選題程序化管理的需要應運而生的，下面是我給大家整理的網頁設計開題報告 ，歡迎閱讀。

【篇一：網頁設計開題報告】

在經濟迅速發展的今天，internet顯得更為重要它是人們發布信息與傳遞信息的重要渠道，為了與社會發展同步，為了讓我們成為真正的技術性人才。學校在本周為我們安排了維持一周的網頁製作專用周是實習，讓我們把平時所學知識運用到實踐中做到真正的學以致用而不只是紙上談兵。通過本周的實習使我獲得了更多的新知識同時也使我使我認識到了自己在學習上的許多答鬧不足，下面就談談我在本次專用周的主要感受。

一、網站整體規劃，要做網頁的第一步便是做網站的整體規劃這主要包括四個方面的內容。

1、討論網站的主題。

網站整體規劃是做網頁的第一步也是製作網頁最關鍵的一步它決定了你要表答的信息，因此我選擇了我選擇我最喜愛的服飾來為它做網頁。在平時我也對服裝的網頁比較關心，無論是淘寶網上的衣店還是各種品牌裝。這次我是為「易菲」服飾做的網頁。

2、定位網站的ci形象。「易菲」植根中國文化之精髓，汲取自然稟賦之靈性，形成一個既伏舉如有濃厚文化底蘊，又有現代自然人文氣息的特色品牌。「易」即是容，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對人性寬度的一種拓展。「菲」通非，是生機、是個性、是春意盎然、是自強不息，是對人性深度的一種挖掘。「生活如花，自在快樂」是yifini易菲的設計理念，倡導一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網站的ci形象。

3、確定欄目和板塊。

於時間的關系在本次我准備做四張網頁：一張主頁三張二級頁面。分別設計了「時尚首頁、時尚衣秀、推薦產品、潮流信息」等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網頁的主打色綠色。

2、網站的整體風格和創意。

整個網站的創意就在於顏色的搭配，與各種圖片的搭配，它們相互輝映，相互襯托。以便達到表現其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網站的主打色主要是因為我的產品特性。在設計上，yieini易菲推崇「自然美」，將帶表女性氣質的花卉和自然元素融入設計之中，充分體現設計師和顧客所追求的一種灑脫、舒適的生活氛圍，力求表現悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達這張自然之美、和諧之美。

二、網頁製作的前期策劃與准備，在本階級主要有兩方面的工作。

1、資料的搜集。

在做網頁我上網收集了許多方面的資料主要是有關網站的布局與服飾品牌方面的資料，我首先進它的企業網站找了一些關於「易菲」服飾的圖片主要是一些代言形象還有代表其企業形象的圖片。其次我去瀏覽了許多的網頁觀察其網頁的布局、顏色搭配、欄目、板塊等方面的內容，同時也搜集了一些對我有用的資料。在搜索資料最困難的便是動態圖片的搜集，動態圖片其gif格式的還是好保存，但是要搜集flash動態圖片就相對較難了。我用了一天的時間來搜集我的flash都不太成功，不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索，不過經過三次像老實詢問我終於懂得一些關於代碼的搜索。在搜集資料的過程之中我發現了自己的許多不足之處，最關鍵就是平時對知識的掌握不夠，連最基本的資料搜尋都覺得困難。也是我平時不夠認真和努力的表現。通過這次的教訓在以後我一定會做得更好，爭取不范類似錯誤。

2、熟悉製作缺啟軟體。

做網頁主要用的工具便是dremweaver、photoshop、flash軟體。在這些軟體我對dremweaver、photoshop相對比較熟悉，因為在平時上課是老師帶領我們運用過。所以我還可以正常的運用，但是出現的問題還是有很多。有很多不懂如何操作，只有通過在次去看書才能夠了解，這也體現了我學習方面的缺點，它是我平時不夠認真的具體表現。

三、網頁製作，這便進入我該次的主題了具體製作流程如下。

1、構建站點框架。

在我打開dremweaver後第一步便是新建站點，我把我的站點建立在f儀下面。並將我搜集的全部資料都保存在其文件夾中，以便網頁製作時可以方便的使用。

2、設計主頁及二級頁面。

在主頁我設首頁製作時，時刻考慮著網頁的基本原則：統一，連貫，分割，對比及和諧的原則，內容統一，都是為了主題服務，美容美體，一個網站強調的就是一個整體，只有圍繞一個統一的目標所做的設計才是成功的；連貫，頁面之間關系連貫，統成一體；每版內容都自成一體，顏色各異，便於瀏覽；整個網頁有動有靜，色彩呼應，搭配協調，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且製作過程中，不忘以下原則：

簡潔實用：這是非常重要的，網路特殊環境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗餘的東西。使用方便：同第一個是相一致的，滿足使用者的要求，網頁做得越適合使用，就越顯示出其功能美；頁面用色協調，布局符合形式美的要求：布局有條理，充分利用美的形式，是網頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。

互動式強：發揮網路的優勢，是每個使用者都參與到其中來，這樣的設計才能算成功的設計。這樣的網頁才算真正的美的設計。每個子頁都設有上導航欄，便於瀏覽和跳轉。3個二級網頁製作時，使用的是表格，每一個頁面都用表格為它布局好，然後在插入圖片文字及其他，這樣有一定的規劃性，體現了連貫統一性，不同的內容根據各自的特色建立了不同的表格，突出各自的主題，增強了對比性。在做這些網頁的時候我就進行了如上所述的方法。但我所以網頁的背景顏色及主題顏色都是相同的以便突出我每一個網頁都是為凸顯我主題而服務。

3、實現網頁間的鏈接。

我的鏈接按鈕主要有四個「時尚首頁、時尚衣秀、推薦產品、潮流信息」它分別鏈接到我所做的四個網頁。鏈接的過程其實很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最後選擇自己要鏈接的網頁單擊確定便可以了。

4、向靜太網頁插入動態效果。

在這一階段我遇到了許多的問題，主要是我在主頁插入我的flash的時候，開是我將帶碼粘貼到我的網頁上可是在瀏覽網頁的時候flash卻不能夠顯示。最後我向老師的請教後終於在老師的幫助下我成功的在我的主頁插入了flash。而在其它的二級網頁我主頁插入的是一些gif格式的動態圖片。

四、網頁的調試

在做完網站才發現，怎麼所有的圖片素材並不是在一個文件夾中，而有許多的子文件夾，從網上下載的網頁全都是一個網頁對應一個文件夾。製作過程中，才發現，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的.時候只是會建立模版，可不會應用。而對於動態flash的插入我更是問題多多，開始是我對代碼基本上是不懂，這就是自己學校上的問題，當真正開始運用的時候在向老師提問。

這只是在製作過程中出現一些問題，其它問題也是類似相同。現在想想，自己所會的東西太少了，現在做的網站只是一些簡單的靜態的網站，看到了一些知名的網站開發出的網頁，不僅欄目內容豐富，信息量大，而且頁面圖文並茂，五彩繽紛，使得網民贊嘆不已，流連忘返。從我做的網頁來看可以反映出學習的還不夠，缺點疏漏。需在加以刻苦鑽研及學習，不斷開拓視野，增強自己的實踐操作技能，為以後能做出出色的網頁而努力。同時我也希望能夠有更多的類似動手練習，讓我們在實踐之中來學習知識。因為我覺得實踐不僅能夠提高我們的學習興趣它更能夠提高我們的動手能力增強我們的技術性。

【篇二：在線課程網站設計與實現開題報告】

題目名稱在線課程網站設計與實現

學生姓名專業班級

一、選題的目的意義

隨著信息化的發展，互聯網需要提供更多的服務，構造更完善的體系以滿足越來越多的用戶的精神與物質需求。其強大的功能已為人們深刻認識，它已經進入人類社會的各個領域並發揮著越來越重要的作用。各行各業的人們無須經過特別的訓練就能夠使用電腦完成許多復雜的工作。計算機的最大好處在於利用它能夠進行信息管理。使用計算機進行信息控制，不僅提高了工作效率，而且大大的提高了其安全性。

目前在學校，教學工作日益繁重，需要有一個自動化的工具進行統籌管理，才能夠及時、准確地進行教學工作，加強學生和教師之間的溝通。

為了達到網上互動教學的目的，讓更多的學生能夠隨時實現遠程學習的目的，同時可以通過一對一的提問，解答，實現師生間的相互遠程交流。

雖然我國的教學互動系統還不夠成熟，還存在這樣那樣的問題，但它的發展符合經濟學原理和人們的需要，只要對症下葯，一定可以逐漸發展完善。

二、國內外研究現狀

在線課程網站上的教學活動是藉助於一定的手段、工具展開的。教學活動的具體過程、組織方式以及質量效益等都和教學活動中使用的工具密切相關。可以說，不斷地把人類在社會生產與生活中創造出來的新技術、新設備加以改進並運用於教學活動中，這是人類教學進步的重要動力，是教學效率和效果得以不斷提高的重要物質保證。縱觀人類教育發展史，每一項新的教學技術的應用，都給教學活動提供了新的發展空間，使教學活動在整體上得到豐富和提升。從某種意義上說，隨著社會發展而不斷更新教學設備、優化教學技術，是教學發展的歷史規律和客觀要求。我們發展現代教學技術，應立足於教學發展的歷史規律，深刻認識到教學技術更新對於教學活動整體進步的歷史意義。

當前人類正在步入一個全新的技術發展時期。正如聯合國教科文組織國際21世紀教育委員會所指出的，「新技術使人類進入了信息傳播全球化的時代；它們消除了距離的障礙，正十分有效地參與塑造明日的社會」，「這些新技術正在我們眼前引起一場真正的革命，這場革命既影響著與生產和工作有關的活動，又影響著與教學和培訓有關的活動」。的確，以個人電腦、網路技術和多媒體技術為主要內容的現代信息技術革命的出現，為教學方式與教學模式的變革提供了新的物質基礎。看不到現代信息技術為提高教學質量、擴大教學對象、變革教學方式提供的物質支撐，就很難有效地利用信息技術為教學發展服務，就很難在我們的教學活動中體現人類技術進步的成果。從這種意義上說，充分利用現代信息技術，是教學發展的時代要求。

當前，世界各國都在研究如何充分利用信息技術提高教學質量和效益的問題，加強現代信息技術的教學應用已成為各國教學改革的重要方向。基於這樣的背景，國家教育部《綱要》第十一條明確提出，「大力推進信息技術在教學過程中的普遍應用」，並對這種應用的立足點作了明確的闡述：「促進信息技術與學科課程的整合，逐步實現教學內容的呈現方式、學生的學習方式、教師的教學方式和師生互動方式的變革」；「充分發揮信息技術的優勢，為學生的學習和發展提供豐富多彩的教育環境和有力的學習工具。」我們一定要提倡以提高教學質量和效益為目的，以轉變學生學習方式和促進學生發展為宗旨的教學技術應用觀。同時要本著從實際出發、因地制宜的原則，挖掘和發揮傳統的各種技術手段在教學中的積極作用，黑板、粉筆、掛圖、模型等傳統教學工具，錄音機、幻燈機、放映機等傳統的電化教學手段，在學校教學活動中同樣具有獨特的生命力，要把現代教學技術和傳統教學手段結合起來，努力挖掘所有教學技術手段的使用價值，積極促進各種技術手段之間的協同互補，從而促進教學技術體系整體協調發展。

三、主要研究內容

1、課程信息模塊

模塊名稱：課程信息模塊

模塊功能：教師發布課程信息，供學生們學習。

模塊界面圖：如圖所示。

2、公告管理模塊

模塊名稱：公告管理模塊。

模塊功能：管理員登錄後，可以在線發布公告；網站瀏覽者點擊公告可以瀏覽管理員發布的公告。

3、在線答疑模塊

模塊名稱：在線答疑模塊

模塊功能：實現了教師和同學的在線交流，學生可以就某個問題向教師請教。

4、教學資料模塊

功能：可以下載教學資料，瀏覽教學視頻等

四、畢業論文（設計）的研究方法或技術路線

1、研究的整體方案：

1）應用程序背景和需求分析

2）組建開發組

3）資料庫設計

4）編寫應用程序

5）測試和優化應用程序

6）發布資料庫和應用程序

2、工作進度的安排：

1）應用程序背景和需求分析：熟悉論文課題，查找資料，研究資料，熟悉編程語言，完成畢業設計開題報告及外文文獻翻譯。

完成時間：2012年12月底—2013年2月中旬。

2）組建開發組：本人獨立完成

完成時間：2013年2月中旬。

3）資料庫設計：繼續熟悉編程語言，查找資料，研究資料，確定資料庫結構和數據結構，建立資料庫，做好編程准備。

完成時間：2013年2月中旬——2月底。

4）編寫應用程序：著手編程，初調程序，建立程序的大致結構、整體框架。

完成時間：2013年3月初——4月初。

5）測試和優化應用程序：設計與撰寫論文，完善設計，進行測試。

完成時間：2013年4月初——4月中旬。

6）發布資料庫和應用程序：根據指導老師的建議，繼續完善程序，將完成的程序上交，並將畢業論文完成初稿上交。

完成時間：2013年4月中旬——4月底。

3、研究的預期目標及主要特點及創新點

（一）預期目標：

1、界面簡單可操作性強：一般的管理人員用戶經過簡單的培訓後，能很快地熟練操作。

2、安全性：我們通過系統內部自設的許可權校驗來對系統登錄用戶實施校驗，提高了整個系統的安全性，滿足客戶的安全性需求。

3、簡便有效的維護手段：系統使用後，維護工作將是一個長期的工作，系統將充分考慮維護工作的需求，通過相應手段降低維護工作量及難度，從而達到保證運行可靠及節省費用的目的。

4、可擴充性：在線課程網站需要每日對辦公人員進行輸入，大量的數據要對資料庫輸入，所以該系統對具有較強的可擴充性，是十分重要的。

5、功能性強大：該系統將具有強大的功能，滿足一般企業的需求，相對於手工輸入具有強大的功能。

6、強大的糾錯能力：該系統將具有較強的糾錯能力，當運行時，用戶操作錯誤時會提出響應的警示，能自動保護系統避免系統出錯。

（二）主要特點：

1、可擴充性：資料庫具有較大的可擴充餘地。

2、系統的安全設置：系統內部的許可權校驗保證了企業資料的安全，保障了用戶的權益

3、高效性：該系統充分體現了計算機的特點，能夠快速有效的處理各項任務。

4、強大功能：通過對資料庫的簡單輸入，可實現手工無法比擬的多功能操作。

5、具有錯誤識別能力：當用戶操作出現錯誤時，系統將提出警告，並能提示正確的操作。避免系統被破壞。

（三）創新點：

該系統主要有人性化設計、系統的安全設置、簡單的系統維護方法、使用的高效性、強大的功能、具有錯誤識別能力等創新點。

五、主要參考文獻與資料

[1]王輝，黃紅超編著。PHP實用教程。北京：清華大學出版社。2005、

[2]DinoEsposito（意）著。羅兵，顧燕宏譯。精通PHP程序設計。北京：清華大學出版社。2006、

[3]RussBasinra，RichardConway著。王曉娜，黃開枝譯。PHP安全性高級編程。北京：清華大學出版社。2003、

[4]馮方方編著。PHP基礎教程。北京：清華大學出版社。2004、

[5]徐新華編著。精通PHP2、0、北京：機械工業出版社。2006、

[6]蘇紅超編著。PHP深入解析。北京：科學出版社。2003、

[7]劉寅力編著。系統分析之路。北京：電子工業出版社。2005、

[8]鄒建峰，李律松，李曉栓編著。PHP開發技術詳解。北京：人民郵電出版社。2005、

[9]申朝陽，宋顏浩主編。PHP與相關資料庫技術高級指南。北京：中國水利水電出版社。2005、

[10]（美）MichealOtey，PaulConte著。陳思義，吳強，劉紅波譯。SQLServer2000開發指南。北京：清華大學出版社。2002、

5. 網站設計與實現論文適用於什麼研究方法

立定格局。所謂「格局」，就是全文的間架、大綱、輪廓。在動筆之前先把它想好「立定」，如全文分幾部分，各有哪些層次，先說什麼，後說什麼，哪裡該詳，哪裡該略，從頭至尾都應有個大致的設想。第四，把需要的材料准備好，將各種事實、數據、引文等找來放在手頭，以免到用時再去尋找，打斷思路。第五，安排好寫作時間、地點。寫作要有相對集中的時間，比較安靜的環境，才能集中精力專心致志地完成畢業論文寫作任務。

6. 網站設計的基本步驟有哪些

1、准備工作

在網站頁面製作的早期階段，需要確定網站的風格。那麼我們需要非常清楚的了解我們的網站是什麼樣的網站?，因為我們所做的是商城網站，那麼肯定要添加購物車模塊，應包括哪些方面，如信息、聊天、客服服務入口等。

2、網站對比分析

首先，需要分析所屬的行業同棚碧行在搜索引擎如何布局，可以在搜索引擎上搜索相應的網站，並將它們進行比較。可以參考其他網站的布局及其顏色以供參考，並發現好的優點也是可以用在我們網站搭建上，使我們的網站更好、更有效。

3、開始製作網站

接下來就可以進行網站建設了，根據大概布局規劃開始繪圖、布局和設計。如果公司沒有任何網頁設計經驗，你可以讓網站建設的外包公司為你搭建網站。

4、語言程序設計

格子網路網站建設的時候可以使用不同的編程程序。根據自己的實際情況來選擇合適的編程語言。

5、購買空間，域名

可以通過萬橘做網、西部數碼等網站購買域名鏈伍舉，在進行空間購買的時候要根據我們的實際情況來買，如果要搭建的網站數據內容比較多，則需要較大的伺服器。這樣才能保證網站在打開的時候載入速度快。

網站做好了之後就要上傳伺服器，先下載一台FTP伺服器，空間運營商將為我們提供一個IP，點擊登錄，並在主機上綁定自定義網站文件，解析域名。然後網站就完成了，可以正式啟動了。你好，網站建設的流程基本上包括域名注冊查詢、網站策劃、網頁設計、網站功能、網站優化技術、網站內容整理、網站推廣、網站評估、網站運營、網站整體優化、網站改版等。

7. 網頁怎麼做呀請談談具體的步驟。

怎樣設計網頁

在網頁設計的認識上，許多人似乎仍停留在網頁製作的高度上。認為只要用好了網頁製作軟體，就能搞好網頁設計了……

在網頁設計的認識上，許多人似乎仍停留在網頁製作的高度上。認為只要用好了網頁製作軟體，就能搞好網頁設計了。
其實網頁設計是一個感性思考與理性分析相結合的復雜的過程，它的方向取決於設計的任務，它的實現依賴於網頁的製作。正所謂「功夫在詩外」，網頁設計中最重要的東西，並非在軟體的應用上，而是在我們對網頁設計的理解以及設計製作的水平上，在於我們自身的美感以及對頁面的把握上。
首先，我們要弄返斗粗清楚網頁設計的任務。

一、設計的任務

設計是一種審美活動，成功的設計作品一般都很藝術化。但藝術只是設計的手段，而並非設計的任務。設計的任務是要實現設計者的意圖，而並非創造美。
網頁設計的任務，是指設計者要表現的主題和要實現的功能。站點的性質不同，設計的任務也不同。從形式上，可以將站點分為以下三類。
第一類是資訊類站點，像新浪、網易、搜狐等門戶網站。這類站點將為訪問者提供大量的信息，而且訪問量較大。因此需注意頁面的分割、結構的合理、頁面的優化、界面的親和等問題。
第二類是資訊和形象相結合的網站，像一些較大的公司、國內的高校等。這類網站在設計上要求較高，既要保證資訊類網站的上述要求，同時又要突出企業、單位的形象。然而就現狀上來看，這類網站有粗製濫造的嫌疑。
第三類則是形象類網站，比如一些中小型的公司或單位。這類網站一般較小，有的則有幾頁，需要實現的功能也較為簡單，網頁設計的主要任務是突出企業形象。這類網站對設計者的美工水平要求較高。
當然，這只是從整體上來看，具體情況還要具體分析。不同的站點還要區別對待。別忘了最重要的一點，那就是客戶的要求，它也屬於設計的任務。
明確了設計的任務之後，接下來要想的就是如何完成漏鎮這個任務了。

二、設計的實現

設計的實現可以分為兩個部分。第一部分為站點的規劃及草圖的繪制，這一部分可以在紙上完成。第二部分為網頁的製作，這一過程是在計算機上完成的。
設計首頁的第一步是設計版面布局。我們可以將網頁看作傳統的報刊雜志來編輯，這裡面有文字、圖像乃至動畫，我們要做的工作就是以最適合的方式將圖片和文字排放在頁面的不同位置。 除了要有一台配置不錯的計算機外，軟體也是必需的。不能簡單地說一個軟體的好壞，只要是設計者使用起來覺得方便而且能得心應手的，就可以稱為好軟體。當然，它應該能滿足設計者的要求。筆者常用的軟體是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready，這些都是很不錯的軟體。 接下來我們要做的就是通過軟體的使用，將設計的藍圖變為現實，最終的集成一般是在Dreamweaver里完成的。雖然在草圖上，我們定出了頁面的大體輪廓，但是靈感一般都是在製作過程中產生的。設計作品一定要有創意，這是最基本的要求，沒有創意的設計是失敗的。在製作的過程中，我們會碰到許多問題，其中最敏感的莫過於頁面的顏色了。

三、色彩的運用

色彩是一種奇怪的東西，它是美麗而豐富的，它能喚起人類的心靈感知。一般來說，紅色是火的顏色，熱情、奔放；也是血的顏色，可以象徵生命。黃色是明度最高的顏色，顯得華麗、高貴、明快。綠色是大自然草木的顏色，意味著純自然和生長，象徵安寧和平與安全，如綠色食品。紫色是高貴的象徵，有莊重感。白色能給人以純潔與清白的感覺，表示和平與聖潔。
我們知道，顏色是光的折射產生的，紅、黃、藍是三原色，其它的色彩都可以用這三種色彩調和而成。換一種思路，我們可以用顏色的變化來表現光影效果，這無疑將使我們的作品更貼近現實。
色彩代表了不同的情感，有著不同的象徵含義。這些象徵含義是人們思想交流當中的一個復雜問題，它因人的年齡、地域、時代、民族、階層、經濟地區、工作能力、教育水平、風俗習慣、宗教信仰、生活環境、性別差異而有所不同。
單純的顏色並沒有實際的意義，和不同的顏色搭配，它所表現出來的效果也不同。比如綠色和金黃、淡白搭配，可以產生優雅，舒適的氣氛。藍色和白色混合，能體現柔順、淡雅、浪漫的氣氛。紅色和黃色、金色的搭配能渲染喜慶的氣氛。而金色和粟色的搭配則會給銷脊人帶來暖意。設計的任務不同，配色方案也隨之不同。考慮到網頁的適應性，應盡量使用網頁安全色。
但顏色的使用並沒有一定的法則，如果一定要用某個法則去套，效果只會適得其反。經驗上我們可先確定一種能表現主題的主體色，然後根據具體的需要，應用顏色的近似和對比來完成整個頁面的配色方案。整個頁面在視覺上應是一個整體，以達到和諧、悅目的視覺效果。

四、造型的組合

在網頁設計中，我們主要通過視覺傳達來表現主題。在視覺傳達中，造型是很重要的一個元素。拋去是圖還是文字的問題，畫面上的所有元素可以統一作為畫面的基本構成要素點、線、面來進行處理。在一幅成功的作品裡，是需要點、線、面的共同組合與搭配來構造整個頁面的。
通常我們可以使用的組合手法有秩序、比例、均衡、對稱、連續、間隔、重疊、反復、交*、節奏、韻律、歸納、變異、特寫、反射等等，它們都有各自的特點。在設計中應根據具體情況，選擇最適合的表現手法，這樣有利於主題的表現。
通過點、線、面的組合，可以突出頁面上的重要元素，突出設計的主題，增強美感，讓觀者在感受美的過程中領會設計的主題，從而實現設計的任務。
造型的巧妙運用不僅能帶來極大的美感，而且能較好地突出企業形象，而且能將網頁上的各種元素有機的組織起來，它甚至還可以引導觀者的視線。

五、設計的原則

設計是有原則的，無論使用何種手法對畫面中的元素進行組合，都一定要遵循五個大的原則：統一、連貫、分割、對比及和諧。
統一，是指設計作品的整體性，一致性。設計作品的整體效果是至關重要的，在設計中切勿將各組成部分孤立分散，那樣會使畫面呈現出一種枝蔓紛雜的凌亂效果。
連貫，是指要注意頁面的相互關系。設計中應利用各組成部分在內容上的內在聯系和表現形式上的相互呼應，並注意整個頁面設計風格的一致性，實現視覺上和心理上的連貫，使整個頁面設計的各個部分極為融洽，猶如一氣呵成。
分割，是指將頁面分成若干小塊，小塊之間有視覺上的不同，這樣可以使觀者一目瞭然。在信息量很多時為使觀者能夠看清楚，就要注意到將畫面進行有效的分割。分割不僅是表現形式的需要。換個角度來講，分割也可以被視為對於頁面內容的一種分類歸納。
對比就是通過矛盾和沖突，使設計更加富有生氣。對比手法很多，例如：多與少、曲與直、強與弱、長與短、粗與細、疏與密、虛與實、主與次、黑與白、動與靜、美與丑、聚與散等等。在使用對比的時候應慎重，對比過強容易破壞美感，影響統一。
和諧是指整個頁面符合美的法則，渾然一體。如果一件設計作品僅僅是色彩、形狀、線條等的隨意混合，那麼作品將不但沒有「生命感」，而且也根本無法實現視覺設計的傳達功能。和諧不僅要看結構形式，而且要看作品所形成的視覺效果能否與人的視覺感受形成一種溝通，產生心靈的共鳴。這是設計能否成功的關鍵。

六、網頁的優化

在網頁設計中，網頁的優化是較為重要的一個環節。它的成功與否會影響頁面的瀏覽速度和頁面的適應性，影響觀者對網站的印象。
在資訊類網站中，文字是頁面中最大的構成元素，因此字體的優化顯得尤為重要。使用css樣式表指定文字的樣式是必要的，通常我們將字體指定為宋體，大小指定為12px，顏色要視背景色而定，原則上以能看清且與整個頁面搭配和諧為准。在白色的背景上，我們一般使用黑色，這樣不易產生視覺疲勞，能保證瀏覽者較長時間地瀏覽網頁。
圖片是網頁中的重要元素。圖片的優化可以在保證瀏覽質量的前提下將其size降至最低，這樣可以成倍地提高網頁的下載速度。利用Photoshop6或Fireworks4可以將圖片切成小塊，分別進行優化。輸出的格式可以為gif或jpeg，要視具體情況而定。一般我們把有較為復雜顏色變化的小塊優化為jpeg，而把那種只有單純色塊的卡通畫式的小塊優化為gif，這是由這兩種格式的特點決定的。
表格(table)是頁面中的重要元素,是頁面排版的主要手段。我們可以設定表格的寬度、高度、邊框、背景色、對齊方式等參數。很多時候，我們將表格的邊框設為0，以此來定位頁面中的元素，或者籍此確定頁面中各元素的相對位置。我們知道：瀏覽器在讀取網頁html原代碼時，是讀完整個table才將它顯示出來的。如果一個大表格中含有多個子表格，必須等大表格讀完，才能將子表格一起顯示出來。我們在訪問一些站點時，等待多時無結果，按"停止"按鈕卻一下顯示出頁面就是這個原因。因此，我們在設計頁面表格的時候，應該盡量避免將所有元素嵌套在一個表格里，而且表格嵌套層次盡量要少。在使用Dreamweaver製作網頁時，會自動在每一個td內添加一個空字元「 」。如果單元格內沒有填充其它元素，這個空字元會保留，在指定td的寬度或高度後，可以在源代碼內將其刪去。
網頁的適應性是很重要的，在不同的系統上，不同的解析度下，不同的瀏覽器上，我們將會看到不同的結果，因此設計時要統籌考慮。一般我們在800*600下製作網頁，最佳瀏覽效果也是在800*600解析度下，在其它情況下只要保證基本一致，不出現較大問題即可。
說了這么多，只是希望能對做「網頁設計」的人有所幫助，希望他們在做網頁的時候能夠從整體著眼，無愧於「設計」這兩個字。
★建設自己的網站較好的步驟☆

必須注意的是：建立自己的網站是一件浩大的工程，一般比較麻煩。所以應當按照一定的步驟一步步來。

我覺得建站可以按照以下步驟進行：
1、先在本地設一個文件夾，作為網站存儲的地方。名字最好取「My Sites」。
2、在網站文件夾裡面建立一些文件夾，包括「images」等（存儲圖片、文件等），並且按照網頁內容，再建立幾個文件夾。（也可以把存儲圖片、文件的文件夾在每個內容文件夾裡面各搞一些）
3、打開你的網頁編輯程序（例如FP、Dreamwear等），新建網頁，保存為「index」（主頁），重復以上步驟，在網站文件夾裡面建立「search」（查找）、「map」（站點地圖）、「index02」（網站簡介等）。
4、按照上面步驟，再在網站分類文件夾裡面建立許多網頁（接著還要把內容輸入網頁）
5、已經做到了這么多，我們該准備內容了吧。在硬碟上面再建立一個文件夾「File」，把准備好的文檔、圖片、程式、文件和網頁特效等放進去。（可以加入一些動態網頁）
6、慢慢把這些文件一個不漏的放進網頁裡面（要掌握技巧）
7、把網站充實了，就差不多了。這時應該申請一個域名（免費空間、附費都可以）。並且把自己的網站放入搜索引擎，而且在各種留言版上面宣傳。
8、把網站上傳至空間裡面，刪了准備文件，就OK了！

不過也可以這樣使用FP建站：

1、在FP裡面選擇新建站點。
2、然後在【導航】裡面設置網頁名稱以及標題。
3、准備好文檔、圖片、程式、文件和網頁特效等，把它們都充實進網站裡面。
4、申請一個域名（免費空間、附費都可以）。並且把自己的網站放入搜索引擎，而且在各種留言版上面宣傳。
5、把網站上傳至空間裡面，刪了准備文件。完畢。

如果使用Dreamwear來建站，那就更加高級啦！Dreamwear的功能很強大，安裝了它的朋友們可以研究研究。

在網站設計中，純粹HTML格式的網頁通常被稱為「靜態網頁」，早期的網站一般都是由靜態網頁製作的。靜態網頁的網址形式通常為：www.example.com/eg/eg.htm，也就是以.htm、.html、.shtml、.xml等為後後綴的。在HTML格式的網頁上，也可以出現各種動態的效果，如.GIF格式的動畫、FLASH、滾動字母等，這些「動態效果」只是視覺上的，與下面將要介紹的動態網頁是不同的概念。

在《網路營銷基礎與實踐》第二版第3章「網路營銷導向的企業網站建設」中，提出了採用靜態網頁對搜索引擎的影響，書中對於靜態網頁本身的介紹比較少，尤其對於靜態網頁的特點沒有做專門的介紹。 網路營銷教學網站(www.wm23.com)將靜態網頁的特點簡要歸納如下：

（1）靜態網頁每個網頁都有一個固定的URL，且網頁URL以.htm、.html、.shtml等常見形式為後綴，而不含有「？」；
（2）網頁內容一經發布到網站伺服器上，無論是否有用戶訪問，每個靜態網頁的內容都是保存在網站伺服器上的，也就是說，靜態網頁是實實在在保存在伺服器上的文件，每個網頁都是一個獨立的文件；
（3）靜態網頁的內容相對穩定，因此容易被搜索引擎檢索；
（4）靜態網頁沒有資料庫的支持，在網站製作和維護方面工作量較大，因此當網站信息量很大時完全依靠靜態網頁製作方式比較困難；
（5）靜態網頁的交互性交叉，在功能方面有較大的限制。

網頁製作軟體的選擇
u 選擇一個適合自己的網頁編輯工具
了解了網頁的類型及相關技術之後，下一步，就是要選擇一個適合自己的網頁編輯工具。

Frontpage

Frontpage 是 Microsoft 出品的，可能是最簡單、最容易，卻又功能強大的網頁編輯工具。採用典型的 Word 界面設計，只要你懂得使用 Word，就差不多等於已經會使用 Frontpage。就算你不懂 Word 也沒關系，"所見即所得"的操作方式會讓你很快上手，而且你無須學習 HTML 語法。

但 Frontpage 的也有其不足之處：首先是瀏覽器兼容性不好，做出來的網頁，用 Netscape 往往不能正常顯示；其次，生成的垃圾代碼多，也會自動修改代碼，導致在某些情況下極為不便；再次，對DHTML的支持不好。但不管怎麼說，Frontpage 的確是最好的入門級網頁編輯工具。

常見的版本為 Frontpage98 和 Frontpage2000。

Dreamweaver

Dreamweaver 是 Macromedia 公司的產品的另一款"所見即所得"的網頁編輯工具,或稱網頁排版軟體。與 Frontpage 不同，Deamweaver 採用的是 Mac 機浮動面版的設計風格，對於初學者來說可能會感到不適應。但當你習慣了其操作方式後，就會發現 Dreamweaver 的直觀性與高效性是 Frontpage 所無法比擬的。

Dreamweaver 對於 DHTML 的支持特別好，可以輕而易舉地做出很多眩目的頁面特效。插件式的程序設計使得其功能可以無限的擴展。Dreamweaver 與 Flash、Firework 並稱為 Macromedia 的網頁製作三劍客，由於是同一公司的產品，因而在功能上有著一個非常緊密的結合。而最新推出的 Dreamweaver UltraDev 更支持 Asp，Jsp。因此，說Dreamweaver 是高級網頁製作的首選並不為過。

常見的版本為 Dreamweaver4.0 和 Dreamweaver UltraDev 1.0

flash

flash也是 Macromedia 公司的產品，Flash 是互動式矢量圖和 Web 動畫的標准。網頁設計者使用 Flash 創作出既漂亮又可改變尺寸的導航界面以及其他奇特的效果。相信凡是見過 Flash 技術的人，沒有一個不想掌握它的。它不但易學、易用，而且可以做出有很多動畫的網站，並且聲色結合，是一種很有前途的網頁製作技術。

firework

firework也是 Macromedia 公司的產品，是真正的網頁作圖軟體。Fireworks 與 Dreamweaver 結合很緊密，只要將 Dreamweaver 的默認圖像編輯器設為 Fireworks ，那麼在 Fireworks 里修改的文件將立即在 Dreamweaver 里更新。另一個功能是可以在同一文本框里改變單個字的顏色。當然，Fireworks 可以引用所有的 Photoshop的濾鏡，並且可以直接將 PSD 格式圖片導入。它是用來畫圖用的，它相當於結合了Photoshop ( 點陣圖處理 ) 以及CorelDRAW (繪制向量圖)的功能。網頁上很流行的陰影、立體按鈕...等等的效果，也只需用滑鼠點一下，不必再靠什麼KPT 之類的外掛濾鏡。而且 Fireworks很完整的支持網頁16進制的色彩模式，提供安全色盤的使用和轉換，要切割圖形、做影像對應(Image Map)、背景透明，要圖又小又漂亮，在Fireworks 中做起來都非常方便，修改圖形也是很容易的 。不需要再同時打開Photoshop和CorelDRAW...等等各類軟體，切換來切換去的了。

Dreamweaver、Flash、Firework稱為網頁製作三劍客，將三個軟體配合起來使用，會製作出非常精美的網頁

gifanimator

Ulead GIF Animator 4.0 是目前最快和最易使用的 GIF 動畫工具，它在一個軟體包中提供了頂級的功能，用於動畫 編排、編輯、特效和優化。 GIF Animator 差不多支持每個主要的文件格式，包括視頻文件，並允許輸出為 Windows AVI、QuickTime 電影、Autodesk 動畫或圖像序列。用戶可以生成適當的 HTML 代碼，以便將動畫嵌入到網頁中，並且可以將動畫打包成獨立的 EXE 文件，以便通過電子郵件發布和在任何地方來查看。

u 製作主頁

製作主頁無非是添加文字、添加圖片、添加鏈接，跟用word沒什麼區別，經過簡單的學習後，你就會製作主頁了！但是，要作出高水平的主頁那要學的東西就太多了，不過總結起來就是html，圖形製作，動畫製作，頁面特效製作和後台程序製作幾個部分。

u 申請的主頁空間，把你製作的主頁傳上去

我們製作的頁面放在我們自己的計算機上，別人是不能看見的。為了讓別人看見我們製作的頁面，我們必須將他們放到一台和internet一直連接的計算機（伺服器）上。你可以到提供空間服務的站點申請主頁空間。有空間以後就可以利用響應的FTP（文件傳輸協議）工具軟體將我們製作的頁面傳上去。這樣，就可以讓大家來分享我的精彩頁面了。

常見的FTP工具軟體有cuteFTP、leapFTP等，其功能和使用方法都比較類似，具體使用方法可參見本站想應的文章。

可能你開始的主頁只是非常簡單， 但是這是你的第一步，也是良好的開端，然後再一步步學習：如何把網頁製作漂亮一些？如何製作動畫？對於新手，千萬不要一下子就想：我看到某某某網頁這么漂亮，它是怎樣做出來的？我很想馬上做出來，於是馬上就去研究復雜的網頁，這樣你會發現網頁製作很難，學兩下就放棄了，這樣永遠學不會製作主頁。想當初，我對於我的網頁能產生鏈接也高興了半天，於是產生了更大的興趣。記住：一步一步來，不要一下子想成為高手，否則很難成為高手。

8. 請簡要描述以客戶為中心的網站設計方法中的要素都有哪些

以客戶為中心的網站設計方法是一種以用戶需求和體驗為中心的設計方法，旨在創造有吸引力、易用性和可訪問性的網站。以下是這種設計方法中的要素：

1. 用戶研究：了解用戶需求和行為是以客戶為中心的網站設計的第一步。通過各種方式，例如用戶訪談、調查問卷、用戶測試等，收集和分析用戶反饋和數據，從而確定用戶需求和痛點。

2. 信息架構：根據用戶需求和行為，設計網站的信息架構，包括網站結構、導航、標簽等，使用戶可以輕松地找到他們需要的信息。

3. 內容策略：為網站設計內容策略，包括內容類型、格式和發布計劃等，以滿足用戶需求模櫻和提高網站的可發現性。

4. 用戶界面設計：設計網站的用戶界面，包括布局、顏色、字體、圖像等，以提供一致的體驗和視覺吸引力。

5. 可用性測試：進行可用春毀性測試，以確保網站易於使用、直觀且符合用戶需求。

6. 響應式設計：設計網站時要考慮各種設備和瀏覽器，以確保網站在不同平台上都能提供一致的體驗。

7. 可訪問性：設計網站時要考慮到無障礙性，以便所有用戶，包括殘障人士，都可以訪問和使用網站。

8. 分析和優化：通過不斷分析和優化網站，了解用戶行為和反饋，以提高用戶體驗和網站性能。

總之，以客戶為中心的網站設計方法是一種以用戶需求和體驗為中心的設計方法，需要通過用戶研究、信息架構、內容策略、用戶界面設計、可用性測試、響應式設計、可訪問性和分析優化等要素來確保網站的扒碼備質量和用戶體驗。