唐山網站建設規劃論文（唐山網站建設技術支持）

今天給各位分享唐山網站建設規劃論文的知識，其中也會對唐山網站建設技術支持進行解釋，如果能碰巧解決你現在面臨的問題，別忘了關注本站，現在開始吧！

本文目錄一覽：

• 1、網站設計畢業論文??！
• 2、有關網頁設計與制作畢業論文范文
• 3、網站規劃書怎么寫？最好有范文和網站框架？借鑒一下。
• 4、關于網站建設的畢業設計開題報告`
• 5、電子商務網站建設規劃書
• 6、網站設計規劃書

網站設計畢業論文??！

要領一：確定網站主題

做網站，首先必須要解決的就是網站內容問題，即確定網站的主題。美國《個人電腦》雜志(PC Magazine)評出了99年度排名前100位的全美知名網站的十類題材：第1類：網上求職；第2類：網上聊天/即時信息/ICQ；第3類：網上社區/討論/郵件列表；第4類：計算機技術；第5類：網頁/網站開發；第6類：娛樂網站；第7類：旅行；第8類：參考/資訊；第9類：家庭/教育；第10類：生活/時尚。我們可以參看上面的分類，繼續細分。如果自己在某些方面有興趣，或掌握的資料較多，也可以做一個自己感興趣的東西，一者，你可以有自己的見解，做出自己的特色；二者，在制作網站時不會覺得無聊或者力不從心。興趣是制作網站的動力，沒有創作熱情，很難設計制作出優秀的作品。

對于內容主題的選擇，要做到小而精，主題定位要小，內容要精。不要去試圖制作一個包羅萬象的站點，這往往會失去網站的特色，也會帶來高強度的勞動，給網站的及時更新帶來困難。記?。涸诨ヂ摼W上只有第一，沒有第二！

要領二：選擇好域名

域名是網站在互聯網上的名字。一個非產品推銷的純信息服務網站，其所有建設的價值，都凝結在其網站域名之上。失去這個域名，所有前期工作就將全部落空。

目前，做個人網站的很多都依賴免費個人空間，其域名也是依賴免費域名指向，如網易的虛擬域名服務，其實這對個人網站的推廣與發展很為不利，不光是它“適時”開啟的窗口妨礙了瀏覽者的視線和好感，讓人一看就知道是個人網站，而且也妨礙了網頁的傳輸速度。所以，就我個人觀點來說，首先花點錢去注冊一個域名，獨立的域名就是個人網站的第一筆財富，要把域名起得形象、簡單、易記。

要領三：掌握建網工具

網絡技術的發展帶動了軟件業的發展，所以用于制作Web頁面的工具軟件也越來越豐富。從最基本的HTML編輯器到現在非常流行的Flash互動網頁制作工具，各種各樣的Web頁面制作工具，下面是幾款具有代表性的網頁制作器：

（1）HTML編輯器。雖然HTML代碼復雜，編輯和調試要花費大量的時間，但因HTML的穩定性、廣泛支持性及可創建復雜的頁面效果，仍受高級網頁制作人員的青睞。就目前來說，有眾多的編輯器供選擇，這些編輯器廣泛支持復雜頁面創建及高級HTML規范，使用較為普遍的有Hotdog等專業HTML編輯器。

（2）所見即所得的網頁編輯器。其中以Microsoft Frontpage為代表，它具有如Word一樣的操作界面，熟知Word功能的操作者，只要稍加培訓就能輕松編制網頁。而且，Frontpage還能解析網頁的HTML源代碼，并提供了預覽支持。但Frontpage的一些特殊顯示功能并不能在其它非IE瀏覽器下實現。所以Frontpage是一款非常適合初、中級網頁制作人員使用的工具軟件。

（3）現在非常流行的 Macromedia公司出品的Flash互動網頁制作工具。這是是一款功能非常強大的交互式矢量多媒體網頁制作工具。能夠輕松輸出各種各樣的動畫網頁，它不需要特別繁雜的操作，也比JAVA小巧精悍！但它的動畫效果、互動效果、多媒體效果十分出色。而且還可以在Flash動畫中封裝Mp3音樂、填寫表單等；并且由于Flash編制的網頁文件比普通網頁文件要小得多，所以大大加快了瀏覽速度。這是一款十分適合動態Web制作的工具。

另外，個人網站制作者還需了解W3C的HTML4.0規范、CSS層疊樣式表的基本知識、javascript、VBScript的基本知識。對于常用的一些腳本程序如ASP、CGI、PHP也要有適當了解，還要熟練使用圖形處理工具和動畫制作工具以及矢量繪圖工具，并能部分了解多種圖形圖像動畫工具的基本用法，熟練使用FTP工具以及擁有相應的軟硬件和網絡知識也是必備的。

當然，互聯網還是一個免費的資料庫。編制網頁需要多種多樣的按鈕、背景還有各種各樣圖形、圖片。如果這些都要靠自己完成，既浪費時間又浪費金錢，而且還需要強大的圖形、圖片制作技術。所以，為了省卻這些麻煩，網站制作者完全可以從網上下載各種精美實用的圖片、按鈕、背景等網頁素材。

要領四：確定網站界面

界面就是網站給瀏覽者的第一印象，往往決定著網站的可看性，在確定網站的界面時要注意以下三點：

①欄目與板塊編排

構建一個網站就好比寫一篇論文，首先要列出題綱，才能主題明確、層次清晰。網站建設初學者，最容易犯的錯誤就是：確定題材后立刻開始制作，沒有進行合理規劃。從而導致網站結構不清晰，目錄龐雜混亂，板塊編排混亂等。結果不但瀏覽者看得糊里糊涂，制作者自己在擴充和維護網站也相當困難。所以，我們在動手制作網頁前，一定要考慮好欄目和板塊的編排問題。

網站的題材確定后，就要將收集到的資料內容作一個合理的編排。比如，將一些最吸引人的內容放在最突出的位置或者在版面分布上占優勢地位。欄目的實質是一個網站的大綱索引，索引應該將網站的主體明確顯示出來。在制定欄目的時候，要仔細考慮，合理安排。在欄目編排時需要注意的是：

●盡可能刪除那些與主題無關的欄目；

●盡可能將網站內最有價值的內容列在欄目上；

●盡可能從訪問者角度來編排欄目以方便訪問者的瀏覽和查詢；輔助內容，如站點簡介、版權信息、個人信息等大可不必放在主欄目里，以免沖淡主題。

另外，板塊的編排設置也要合理安排與劃分。板塊比欄目的概念要大一些，每個板塊都有自己的欄目。舉個例子：ENET硅谷動力（）的站點分新聞、產品、游戲、學院等板塊，每個板塊下面又各有自己的主欄目。一般來說，個人站點內容較少，只要分個欄目也就夠了，不需要設置板塊。如果有必要設置板塊的，應該注意：

●各板塊要有相對獨立性；

●各板塊要有相互關聯；

●各板塊的內容要圍繞站點主題；

②目錄結構與鏈接結構

網站的目錄是指建立網站時創建的目錄。例如：在用Frontpage建立網站時都默認建立了根目錄和Images子目錄。目錄的結構是一個容易忽略的問題，大多數站長都是未經規劃，隨意創建子目錄。目錄結構的好壞，對瀏覽者來說并沒有什么太大的感覺，但是對于站點本身的維護，以后內容的擴充和移植有著重要的影響。所以建立目錄結構時也要仔細安排，比如：

●不要將所有文件都存放在根目錄下。有網站制作者為了方便，將所有文件都放在根目錄下。這樣就很容易造成：文件管理混亂，搞不清哪些文件需要編輯和更新，哪些無用的文件可以刪除，哪些是相關聯的文件，影響工作效率；上傳速度變慢，服務器一般都會為根目錄建立一個文件索引，如果將所有文件都放在根目錄下，那么即使只上傳更新一個文件，服務器也需要將所有文件再檢索一遍，建立新的索引文件，很明顯，文件量越大，等待的時間也將越長。

●按欄目內容建立子目錄。子目錄的建立，首先按主欄目建立。友情連接內容較多，需要經常更新的可以建立獨立的子目錄。而一些相關性強，不需要經常更新的欄目，例如：網站簡介、站長情況等可以合并放在一個統一目錄下。所有程序一般都存放在特定目錄，例如：CGI程序放在cgi-bin目錄，所有提供下載的內容也最好放在一個目錄下，便于維護管理。

●在每個主目錄下都建立獨立的Images目錄。一般來說，一個站點根目錄下都有一個默認地Images目錄。將所有圖片都存放在這個目錄里很是不方便，比如在欄目刪除時，圖片的管理相當麻煩。所以為每個主欄目建立一個獨立的Images目錄是方便管理的。原因很簡單，就是方便維護與管理。

其它需要注意的還有：目錄的層次不要太深，不要超過3層；不要使用中文目錄，使用中文目錄可能對網址的正確顯示造成困難；不要使用過長的目錄，太長的目錄名不便于記憶；盡量使用意義明確的目錄，以便于記憶和管理。

網站的鏈接結構是指頁面之間相互鏈接的拓撲結構。它建立在目錄結構基礎之上，但可以跨越目錄。形象的說：每個頁面都是一個固定點，鏈接則是在兩個固定點之間的連線。一個點可以和一個點連接，也可以和多個點連接。更重要的是，這些點并不是分布在一個平面上，而是存在于一個立體的空間中。一般的，建立網站的鏈接結構有兩種基本方式：

●樹狀鏈接結構（一對一），這類似DOS的目錄結構，首頁鏈接指向一級頁面，一級頁面鏈接指向二級頁面。這樣的鏈接結構瀏覽時，一級級進入，一級級退出，條理比較清晰，訪問者明確知道自己在什么位置，不會“不知身在何處”，但是瀏覽效率低，一個欄目下的子頁面到另一個欄目下的子頁面，必須回到首頁再進行。

●星狀鏈接結構（一對多），類似網絡服務器的鏈接，每個頁面相互之間都建立有鏈接。這樣瀏覽比較方便，隨時可以到達自己喜歡的頁面。但是由于鏈接太多，容易使瀏覽者迷路，搞不清自己在什么位置，看了多少內容。

因此，在實際的網站設計中，總是將這兩種結構混合起來使用。網站希望瀏覽者既可以方便快速地達到自己需要的頁面，又可以清晰地知道自己的位置。所以，最好的辦法是：首頁和一級頁面之間用星狀鏈接結構，一級和二級頁面之間用樹狀鏈接結構。關于鏈接結構的設計，在實際的網頁制作中是非常重要一環，采用什么樣的鏈接結構直接影響到版面的布局。

③進行形象設計

網站的設計可以從以下幾點出發：

●設計網站標志(LOGO)。LOGO是指網站的標志，標志可以是中文、英文字母，也可以是符號、圖案等。標志的設計創意應當來自網站的名稱和內容。比如：網站內有代表性的人物、動物、植物，可以用它們作為設計的藍本，加以卡通化或者藝術化；專業網站可以以本專業有代表的物品作為標志。最常用和最簡單的方式是用自己網站的英文名稱作標志，采用不同的字體、字母的變形、字母的組合可以很容易制作好自己的標志。

●設計網站色彩。網站給人的第一印象來自視覺沖擊，不同的色彩搭配產生不同的效果，并可能影響到訪問者的情緒?！皹藴噬省笔侵改荏w現網站型象和延伸內涵的色彩，要用于網站的標志，標題，主菜單和主色塊。給人以整體統一的感覺。至于其它色彩也可以使用，但應當只是作為點綴和襯托，絕不能喧賓奪主。一般來說，一個網站的標準色彩不超過3種，太多則讓人眼花繚亂。適合于網頁標準色的顏色有：藍色，黃/橙色，黑/灰/白色三大系列色。

●設計網站字體。和標準色彩一樣，標準字體是指用于標志，標題，主菜單的特有字體。一般網頁默認的字體是宋體。為了體現站點的“與眾不同”和特有風格，可以根據需要選擇一些特別字體。制作者可以根據自己網站所表達的內涵，選擇更貼切的字體。需要說明的是：使用非默認字體只能用圖片的形式，因為很可能瀏覽者的計算機里沒有安裝特別字體，那么辛苦設計制作便可能付之東流了。

●設計網站宣傳語。也可以說是網站的精神、主題與中心，或者是網站的目標，用一句話或者一個詞來高度概括。用富有氣勢的話或詞語來概括網站，進行對外宣傳，可以收到比較好的結果。

要領五：確定網站風格

“風格”是抽象的，是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點的CI（標志，色彩，字體，標語）、版面布局、瀏覽方式、交互性、文字、語氣、內容價值等等諸多因素，網站可以是平易近人的、生動活潑的也可以是專業嚴肅的。不管是色彩、技術、文字、布局，還是交互方式，只要你能由此讓瀏覽者明確分辨出這是你網站獨有的，這就形成了網站的“風格”。

風格是有人性的，通過網站的色彩、技術、文字、布局、交互方式可以概括出一個站點的個性：是粗獷豪放的，還是清新秀麗的；是溫文儒雅的，還是執著熱情的；是活潑易變的，還是墨守成規的。

總之，有風格的網站與普通網站的區別在于：在普通網站上你看到的只是堆砌在一起的信息，你只能用理性的感受來描述，比如信息量多少，瀏覽速度快慢等；在有風格的網站上你可以獲得除內容之外的更感性的認識，比如站點的品位，對瀏覽者的態度等。

在明確自己想給人以怎樣的印象后，要找出網站中最有特色的東西，就是最能體現網站風格的東西。并以它作為網站的特色加以重點強化、宣傳?？傊?，風格的形成不是一次定位的，你可以在實踐中不斷強化、調整、改進。

要領六：有創意的內容選擇

好的內容選擇需要有好的創意，作為網頁設計制作者，最苦惱的就是沒有好的內容創意。網絡上的最多的創意即是來自于虛擬同現實的結合。創意的目的是為了更好的宣傳與推廣網站，如果創意很好，卻對網站發展毫無意義，那么，網站設計制作者也應當放棄這個創意。另外，主頁內容是網站的根本之所在，如果內容空洞，即使頁面制作地再怎樣精美，仍然不會有多少用戶。從根本上說，網站內容仍然左右著網站流量，內容為王（Content Is King）依然是個人網站成功的關鍵。

要領七：推廣自己的網站

網站的營銷推廣在個人網站的運行中也占著重要的地位，在推廣個人網站之前，請確保已經做好了以下內容：網站信息內容豐富、準確、及時；網站技術具有一定專業水準，網站的交互性能良好。一般來說，網站的推廣有以下幾種方式：

（1）搜索引擎注冊與搜索目錄登錄技巧

注冊著名的搜索引擎站點是在技術上推廣網站的第一步。注冊搜索引擎有一定的技巧，像AltaVista、搜索客這樣的搜索引擎，它自動收錄提交的網址。另外，注意Meta的使用，不要提交分欄Frame頁面，大部分搜索引擎不識別Frame，所以一定要提交有內容的Main頁面。

而像Yahoo、搜狐等搜索目錄網站采用手工方式收錄網址，以保證收錄網站的質量，在分類查詢時獲得的信息相關性比搜索引擎站點（靠Spider自動搜索的）更強。由于搜索目錄網站收錄網站的人為因素相對較多，因此在提交網站時要注意遵守規則。如Yahoo要求注冊站點描述不超過25個單詞。在此要注意：將網址提交到最合適的目錄下面，要認真詳細的介紹網站，千萬不要有虛假、夸張的成分。

（2）廣告交換技巧

很多個人站點在相互廣告交換時都提出了幾個條件：第一，訪問量相當；第二，首頁交換。顯而易見，這種做法是為了充分利用廣告交換。以很多個人網站的經驗，當與一個個人站點交換鏈接時，對方把網站的LOGO放到了友情連接一頁，而不是首頁時，很少有訪客會來自那里。通常在首頁，廣告交換才會有很好的效果。

（3）目標電子郵件推廣

使用電子郵件宣傳網址時，主要有如下技巧：可以使用免費郵件列表來進行，只要你申請了免費郵件列表服務，你就可以利用郵件列表來推廣你的網站；可以通過收集的特定郵件地址，來發送信息到特定的網絡群體，在特定網絡群體中推廣自己的網站；發送HTML格式的郵件，即使其內容與接收者關系不大，也不會被被當作垃圾信件馬上刪掉，人們至少會留意一下發送者的地址。不過，在進行郵件推廣的時候要注意網絡道德。

要領八：支撐網站日常運行

當個人網站做到某一程度，就必須把賺錢提到議事日程上來，通常來說，個人網站獲取資金通常有以下兩個渠道：

（1）銷售網站的廣告位

要銷售網站的廣告位，一般來說，每日的流量少于1萬人次的網站在目前是不會吸引廣告主的。網站的專業性及商用性，以往的廣告經驗，技術以及設計要求等也會影響到廣告的銷售。

一般來說，WEB廣告的收費有三種方式：

①CPM (Cost Per Million/Thousand)

放一個廣告，它按每1,000人次來訪問站點收費。這方法對網站經營者最為合適，只要有人瀏覽該網頁，就得錢，不管訪問者對廣告有無反應——是否會看或點擊該廣告。

②點透（Click-through）

通過Banner廣告點到了廣告商的站點，這才算數，廣告商青睞這個，他只為對自己廣告感興趣的人“套錢“。網站經營者就不合適了，據一些調查資料表明，只有3%的訪問者會去“CLICK”廣告。

③提成 (Commission)

根據訪問者點擊位于你站點上廣告所帶來的銷售收入，從中跟做廣告的廠商分成，這種方法對于網站的經營者來說，比上面兩個都更加冒險。

通常的，個人網站的廣告收費方法往往是第一、第二種方法的結合，站點和廣告商都可少冒點險。

（2）與大型網站合作

另外，通過與大型網站合作，獲取經費，也可以維持個人網站的日常運行。不過，個人網站很容易會成為商業網站的附屬品。

有時間和充沛的體力，再加上對新技術和技巧的學習和應用，你就能為自己在網上建一個家了。

有關網頁設計與制作畢業論文范文

為了增加網頁的吸引力和可理解性，以及互動性，網頁設計所起的作用十分重要。下面是我為大家整理的網頁設計 畢業 論文，供大家參考。

網頁設計畢業論文篇一：《Flash軟件畫在網頁設計中的應用》

網頁設計畢業論文摘要

摘要:Flash技術運用范圍非常廣泛,不論是網站、 廣告 、動畫、游戲,甚至程序設計與多媒體化展示方面都有一定程度的運用。本文首先對Flash動畫今后的發展趨勢進行分析并具體化敘述了Flash的實際定義與特點,并對Flash動畫當前在網頁設計中的應用方式進行分析,針對性闡述了Flash動畫在整站式網頁設計過程中交互式導航系統、Web圖像動畫展示以及鼠標動畫的應用。在此針對性研究Flash動畫在網頁設計中的相關研究,望研究結果能夠對今后的學者一定幫助。

網頁設計畢業論文內容

關鍵詞:Flash動畫 網頁設計 應用研究

隨著社會邁入信息化時代,網絡及計算機技術的發展及普及程度呈現出優質化的發展形勢,從而促進網頁動畫漸漸發展起來,此外網頁動畫設計在網頁設計中占據重要地位,促使人們在關注動畫整體發展趨勢的過程中將注意力放在網頁動畫方面。在構建及設計網頁時,運用Flash幫助網頁實現多媒體化的網頁成果展示,同時也漸漸成為網頁設計發展過程中不可或缺的重要部分。

1Flash的運用及特點

MacromediaFlash作為一種交互式編輯矢量圖及多媒體創作軟件,因特網網頁設計矢量動畫文件格式時常得以較多的運用,此外,針對性分析Flash,可以了解到目前其主要具備以下六大特點:第一,將矢量圖形作為主要運行前提,致使其自身文件導出容量不大,在進行圖片縮放時對其自身的清晰度影響不大,在網絡傳輸過程中存在一定的便捷性;第二,Flash具備非常優質化且強大的AS代碼,在設計動畫時運用Flash技術,促使動畫的交互性優良,便于讀者在閱讀過程的理解并實施相關互動;第三,針對實際運用過程分析,Flash動畫在運作時主要采用插件,若用戶想要實現視頻觀看,僅僅需要安裝一次視頻插件就可以直接觀看,避免繁瑣性多次安裝的現象發生。此外,由于Flash構建的動畫自身極小,所以其具備較快的調用速率;第四,在設計Flash過程中,可以根據需要適當增加頁面控制按鈕幫助頁面實現鏈接的跳動,還可以運用鼠標實現頁面動畫中的運動及移動。第五,Flash可以實現動畫視聽效果內容的升華,譬如漸變聲、位圖等等,用戶在制作圖片的過程中可以直接構建全Flash制作站點;第六,Flash動畫屬于一種“準”流式文件內容,無需全部下載完成就可以實現動畫觀看。

2Flash動畫在網絡設計中的應用

在網頁設計中,Flash動畫具備非常多關鍵性的作用,如流式播放動畫、FlashMV及短片動畫等,此外其所表現的形式中存在一定的交互性。但需要注意的是,在實施網頁設計時,避免繁瑣、復雜的動畫設計效果的存在,畢竟物極必反,只會降低網頁的品質;如圖1所示。2.1網頁動畫信息交互的實現為了進一步卻寶寶網頁動畫信息交互整體的流暢性,其中的一個重要關鍵就是Flash動畫導航的交互性設計。在對該部分內容進行設計時,往往會使用針對性的Flash動畫腳本——AxtionScript。實際設計過程中,通常由編程者的思想與Flash在事件中作用共同形成動力,并依據動畫中的相應內容實現AxtionScript的具體化定義。2.2網頁動畫相關要素的設計第一,交互式導航系統。在網頁設計中,導航欄對用戶主要起到一種引導性作用。所以在設計時需要將其設計為多個導航級別,并構建針對性的標識來將其區分,以色彩為例,可以采用較為鮮艷、清爽式的搭配。第二,Web圖像動畫形式展示。傳統網頁中,Web圖像主要呈現靜態,不過經由計算機技術的不斷發展,最近幾年在網頁設計中漸漸出現了一部分動態化的Web圖像。同時在其色彩方面的運用,主要采用RGB模板,并在網頁安全色方面運用216色,其主要的色彩格式包括GIF、PNG以及JPE6。第三,鼠標動畫。為了實現優質化Flash動畫效果,在制作動畫效果時要特別注意鼠標在移動過程中其軌跡圖案及色彩搭配。首先,要確保鼠標移動過程中的色彩與網頁設計色彩是不同的,有助于用戶一眼就可以將鼠標找到。最后就是,鼠標在色彩區別網頁之后還要注意其透明性,避免遮蔽信息的現象出現。

3結語

綜合全文內容,在網站設計過程中,Flash作為一個極具重要性的視覺性元素,其可以在幫助網站實現多媒體化效果展示的同時,還能夠結合數據通信這一 措施 全面性豐富網站自身具備的素材及資源,最終達到一種動態化的效果。截至今日,由于計算機技術發展速度不斷提升,結合Flash自身所具備的多種優質化特征,筆者相信在今后人們的日常生活中,Flash動畫一定可以獲得更加廣泛的用途,更具普遍性,最終實現網頁設計的主體化運用趨勢。

網頁設計畢業論文文獻

[1]喬慧.Flash動畫在網頁制作中的應用及發展[J].內蒙古石油化工,2013(21):68.

[2]關曉軒.Flash動畫在網頁制作中的應用研究[J].北方文學(下旬),2012(11):91-93.

網頁設計畢業論文篇二：《響應式網頁設計原型研究》

網頁設計畢業論文內容

當今，移動互聯網迅猛發展，各種智能設備層出不窮。傳統網頁設計采用“固定頁面及元素寬度，任何終端統一頁面效果”的策略，無疑將造成網頁在一些新興移動終端上顯示的文字極小、鏈接分布極密，用戶需要在屏幕上不停操作來自主尋求較好的體驗。面對這一弊端，網頁設計師聚焦于“響應式網頁設計”這一關鍵詞，試圖使用一套代碼為各類終端設備提供不同的設計和體驗。從先前“為固定設備設計網頁”跨越到“響應式網頁設計”是一個較難的過程。一些新手可能已經積攢了諸如媒體查詢、流式布局、彈性圖片等零散的設計開發技巧，掌握了HTML5和CSS3的使用 方法 ，但他們依然無法駕馭響應式網頁設計。造成這種情況的直接原因就在于缺乏一個能夠指導他們立即開展響應式網頁設計實踐的可操作流程，即原型。

1兩個關鍵概念：響應式網頁設計與原型

響應式網頁設計(RWD，Responsive網頁Design)是一種網頁前端開發技術，它可以描述為，“兼顧多種不同設備屏幕尺寸、分辨率、系統平臺和行為做出相應的調整和布局的顯示機制”。原型(Prototype)，也叫“原樣”，是“模擬科學”中的一個術語。在心理科學中，由于很難對動作或心智活動認識清楚，所以一般沿用J?R?安德森的觀點，把原型(Prototype)視為關于范疇的最典型的樣例設想，即把“原型”視為外化的實踐模式，或“物質化”了的心智活動方式或操作活動程序。綜合上述，響應式網頁設計原型可描述為：符合“響應式網頁設計項目分析、各類終端具有適合自身用戶體驗的不同頁面效果、一套代碼完成所有不同終端的網頁制作、各類終端與主流瀏覽器良好兼容”等一系列規則的，外化的響應式網頁設計活動實踐模式。

2建構響應式網頁設計的原型

建構原型一般采用心理模擬法，它包含三個步驟：

(1)響應式網頁設計活動的功能分析;

(2)響應式網頁設計活動的結構分析;

(3)功能分析與結構分析的有機結合。其中，功能分析的重點是作用的對象，條件與結果;結構分析的重點在于組成要素及要素之間的關系。響應式網頁設計的目標是能夠高效的編寫一套代碼為各類終端設備提供良好的設計效果和使用體驗，這需要具備HTML5、CSS3、Javascript和jquery的基本技能。響應式網頁設計之父——伊桑.馬科特認為，響應式網頁設計應該首先針對小屏幕進行設計，然后逐步增強針對大屏幕設計。這種思路顛覆了傳統固定寬度的網頁設計方法，對于那些已經積攢了零散的響應式網頁設計開發技巧、HTML5及CSS3等技術，能夠較熟練的完成固定寬度桌面端網頁的新手而言，恐怕很難理解從小屏幕開始設計然后漸進增強的思路?？紤]到新手已經習慣設計制作固定寬度的桌面版網頁，響應式網頁設計如果從固定寬度的大屏幕網頁制作開始，然后改造這套代碼將僅適用于桌面的網頁依次兼容平板端和手機端也是一個不錯的思路。響應式網頁設計活動包含了“項目分析”、“網頁平面設計”、“桌面版網頁制作”、“平面版的改造”、“手機版的改造”及“兼容問題的調試”這6個典型的子活動。這些典型要素的關系可以描述為，“要想高效的完成某響應式網頁設計項目，首先需要項目分析，其階段性結果是響應式網頁的總體方案，即在用戶群體需求分析及主題解讀的基礎上，進行色彩分析及定位，確定UI版面布局，分析設計網頁功能模塊，確定網頁風格等，最終形成包含“前言”、“需求分析”、“系統分析”、“風格設計”、“各類終端UI版面初步布局”、“色彩定位”、“網頁建設日程規劃”等部分的網頁總體方案文檔;然后，根據前期方案中“色彩”、“風格”及“各類終端UI版面布局”等的分析，依據頁面設計原則，利用photoshop繪制適用于各類終端顯示的平面效果圖;隨后，利用“HTML5+Css3”技術采用div+css布局完成固定寬度桌面版網頁的制作并生成網頁文件和樣式表文件;接著，在這套代碼的基礎上，利用媒體查詢技術、流式布局、彈性圖片技術，結合平板終端的頁面效果圖將代碼改造成兼容桌面及平板的網頁;之后，在上述修改的基礎上，繼續利用媒體查詢技術和彈性圖片技術，結合手機終端的頁面效果圖將代碼改造成兼容桌面、平板、手機的網頁;最后，利用火狐和IETester軟件查看初步完成的響應式網頁，解決跨瀏覽器的兼容問題，形成完整網站。該過程中任何環節如果出現不妥當都應該返回上個步驟進行重新修改。結合上述對網頁設計活動的功能與結構分析，不難發現，響應式Web設計活動原型中的6個典型子活動復雜程度不同。其中“桌面版網頁制作”、“平面版的改造”、“手機版的改造”及“兼容問題的調試”這4個典型子活動是比較復雜的，包含了很多熟手的關鍵技術，需要進一步闡述。

3熟手的關鍵技術

從上述適用于新手的響應式網頁設計活動基本原型發現，制作一個能夠兼容主流瀏覽器的固定寬度桌面版網頁是響應式網頁制作的開端。那么，首先在“桌面版網頁制作”這個環節中提取一些熟手關鍵技術，作為給予新手的技巧提示。

3.1兼容主流瀏覽器的桌面版網頁制作技術

為了防止不同瀏覽器給予相同HTML5標簽的初始樣式存在差異，熟手利用HTML5+CSS3制作桌面版網頁制作時，一般會在樣式文件(擴展名.css)中給出如下初始化代碼：*{margin：0px;padding:0px;}body{margin:0px;padding:0px;text-align:center;font-family:"宋體";font-size:16px;color:#cccccc;}ul,li,a{margin:0px;padding:0px;list-style:none;}div{overflow:hidden;float:left;}#wrapper{width:1007px;height:auto;margin-left:auto;margin-right:auto;overflow:hidden;clear:both;}這部分代碼塊可以實現頁面在IE內核和Firefox內核的所有版本瀏覽器中居中對齊，外層布局盒子與瀏覽器頭部無縫緊貼;div及css3完成固定寬度布局時，默認所有內部布局div向左浮動，溢出屬性為隱藏;所有構成頁面的HTML5元素的默認邊距和填充屬性為0px;HTML5的列表標簽默認項目符號為空，邊距和填充為0px。此外，確定頁面尺寸,目前大多數 顯示器 為1024像素*768像素，那么以此為默認顯示器時，頁面的寬度尺寸一般設置為“1007像素”。初始化CSS代碼后，接下來就是利用div+CSS完成布局，這里提示新手：完成布局后，務必在IETESTER和Firefox中檢查網頁布局是否能夠兼容主流瀏覽器。然后，根據桌面版網頁平面設計效果圖完成頁面的制作。此外，熟手的 經驗 是制作過程中頻繁檢測桌面版網頁是否能夠完美兼容各種瀏覽器。

3.2利用流式布局、彈性圖片、媒體查詢技術修改桌面版網頁

(1)相對視口尺寸，將最外層的布局div(例如：#wrapper{width:1007px;...})的寬度設置為96%(這個值取決于當前頁面的視覺效果，也可以給其他數值);然后，將最外層的布局div內部的頁頭布局div、導航布局div、內容布局div、側邊欄布局div、頁腳布局div對應的CSS樣式中的width屬性值利用公式——目標元素寬度÷上下文元素寬度=百分比寬度把網頁的固定布局修改成百分比布局，也就是將固定像素寬度轉換成對應的百分比寬度。

(2)將頁面中所有HTML5標簽元素對應的CSS樣式表中的margin-right、margin-left、padding-right、padding-left的屬性值也用公式——目標元素寬度÷上下文元素寬度=百分比寬度來修改。

(3)將CSS樣式表中的font-size屬性值的單位用em來代替px。這里依然使用公式——目標元素寬度÷上下文元素寬度=百分比寬度。這里需要提示新手的是：在body標簽的初始化代碼中，如果有font-size:16px;語句，那么在給其他元素的font-size屬性上修改值時，公式中的“上下文元素寬度”就等于16px，例如，#logo{font-size:48px;}現在要修改為#logo{font-size:3em;}。

(4)為了實現彈性圖片，讓圖片隨視口縮放，圖形圖像、動畫和視頻的彈性設置使用“img,object,video,embed{width:100%;max-width:100%;}”。其中，max-width屬性是用于確?？s放時不會超出圖片最大尺寸。同時，熟手還會使用AdaptiveImages解決方案來實現自適應圖片。

(5)媒體查詢可以通過判斷不同設備終端，提供不同的樣式使其實現在不同終端都能獲得最佳的用戶體驗。例如，某個響應式頁面用電腦瀏覽頁面時，頁面信息會以平鋪的形式分布在頁面合適的位置;用手機瀏覽頁面時，導航按鈕會相繼隱藏起來，部分信息變成左右滑動的方式呈現，頁面會重新布局，圖片相應縮小。媒介查詢的語法格式是，例如：設定寬度不超過400像素的屏幕尺寸，代碼是：linkhref="css/phone.css"rel="stylesheet"type="text/css"media="onlyscreenand(max-width:400px)"。雖然，HTML5+CSS3提供了良好的媒體查詢功能，但當前仍有一些瀏覽器不支持，你可能需要添加如下基本樣式：!--[ifltIE9!IEMobile]linkhref="iestyles.css"rel="stylesheet"type="text/css"![endif]--3.3不同種類、不同版本瀏覽器的兼容問題解決跨越瀏覽器的問題一直是響應式網頁設計的難題。熟手面對這一問題時，一般采用“漸進增強與降級”、“利用javascript修復老版本IE”、“使用Modernizr輔助修正樣式，按需加載資源”、“給IE6，7，8追加媒體查詢功能”等方法。

4結束語

對響應式網頁設計而言，當前的設計理念和技術方法還不是終點,網站前端設計師需要繼續努力找出更好的解決方案。而對新手學習者而言，響應式網頁設計開發技能的形成不是一蹴而就的，還需要學習者在多個項目中，利用原型進行多次定向、操作及內化才能真正掌握。

網頁設計畢業論文篇三：《網頁設計中的版式設計》

摘 要：版式設計可以說是界面設計的基礎部分，網頁界面中的版式設計只是其發展應用中的一個方向。如何設計完美有魅力的網頁界面，版式設計扮演十分重要的角色，優秀的版式設計可以給瀏覽者留下深刻的印象，提高頁面的訪問量。因此，本文將向諸位讀者介紹在CDIO工程 教育 模式下，網頁設計課程中采用項目為指導的教學實踐過程中注意的事項。

關鍵詞：網頁設計;版式設計 CDIO教育模式;項目教學

近年來隨著經濟的高速發展，科技的日新月異，教育領域同樣面臨革新。引進新的教育理念和教學模式成為教育工作者的關注重心，此時，歐美成熟的工程教育理念慢慢地進入我們的視野之中，CDIO的教學模式(Conceive構思、Design設計、Implement實施、Operate運行)，符合工程人才的培養，提高學生的實踐能力、組織能力、創新能力。這一模式更適應當下的教育環境需求。

網頁設計這門課程屬于交叉學科范疇，兼顧藝術設計、計算機技術及交互設計等多門學科。另外，這門課程作為藝術與技術的結合體，要求學生具備較強實踐動手能力與綜合運用能力，因而在教學過程中我們依據CDIO的工程教育理念開展教學。

本文重點談到的是網頁設計中的版式設計過程，網頁中的版式設計起到信息統一、分割區域和交互導引的作用，是在有限的空間界面內將文字、圖形、背景色彩或圖案及交互功能集成在方圓之間，根據設計的形式法則，利用藝術美學與科學技術相結合的方式來實現效果展示。下面以教學過程中的“xx藝術系網站”項目為例，以網頁設計中的版式設計為內容，展示教學過程中的各個設計階段。

1 構思階段

(1)確立目標。

網頁設計不是盲目的行為，不是簡單使用軟件的行為，它是構思由確立到實現的過程，是一種展示到體會的過程。因此，在設計之初，教師需要引導學生了解當前的課題，明確網站要做什么，網站的外觀布局是什么樣子，網站需要營造何種氛圍。我們常見的網站根據用途分類為企業網站、電子商務網站、電子政務網站、文體娛樂網站、教育科學網站等，每種類型的網站都有自己需要傳播的信息，根據所需文字與圖片選擇適合的排版方式，進而營造恰當的氛圍。在“xx藝術系網站”項目中，學生會根據實際項目類型，理解項目設計目標為，該學院所屬系部信息服務類網站，界面版式方面要求簡潔大方，色彩明快，塑造清新、愉悅的氛圍，學生可以根據以上內容展開進一步的設計工作。

(2)信息整理。

項目開展前期根據對項目的簡單分析，要求學生對客戶或相關人士展開訪談，對行業同類網站的資訊開展收集與調研。這一階段學生會接觸網頁設計的需求方，在本項目中可以設定為系內行政人員、教師及系內學生，根據訪談或調研可以得到網站相關設計信息，如對整體風格的需求，導航的設計需求，網站類型為靜態網站或動態網站，根據需求結果，要求學生設計多樣的版式效果，以供客戶參考。

(3)交互設計。

我們將網頁中的交互分為視覺上的交互和行為功能上的交互設計。在這里我們更側重說明交互在視覺上的應用。網頁中我們常見的交互形態有按鈕、導航條、搜索欄和表單等。這些交互形態都會出現在版式的突出及顯著位置，這樣更引發人們的視覺關注中心，因而，在進行版式設計時，需要考慮這些交互元素的設置，友好的版式也是一種界面與人的情感交互。在我們的項目中學生應該考慮交互按鈕的外觀設計，排放位置等因素;導航條的設置應在醒目位置，清晰明確發揮導引作用;搜索欄幫助瀏覽者快捷搜索，放置在易發現的位置，搜索一般出現在網頁右上角;表單設計是學生所忽略的環節，因為可以使用插件添加，導致學生認為無須設計，在此建議信息表單設計時可考慮細節設計，提高友好度與舒適度等交互設計。

2 設計階段

版式設計是網頁設計中重要的設計引導規劃環節，在這個過程中學生可以根據自己的項目主題展開藝術美感的設計。一般進行頁面版式設計我們從以下幾個方面入手。

(1)版式結構設計。

網頁設計中的版式設計與傳統媒介中的版式設計略有不同，前提是他們都遵循版式設計五原則，[1]內容與形式，簡潔與簡約，設計與藝術，趣味與獨特，局部與整體。為了設計富有形式法則和藝術美感的網頁作品，版式設計方面通常會采用黃金比例和三分法排列原則。黃金比例法是初學者易于掌控的方法，將視窗可用區域分成兩個部分，也可以根據設計比例需求，將數字錄入到相關計算網站，得出合適的黃金比例分配方案。三分法構圖排版方式，是將排版界面分成三份，根據內容的不同，選擇不同的三分法排列位置。

網頁設計中由于要考慮顯示器視窗顯示水平不同，我們的總體版式設計會采用固定格式或非固定格式兩種形式。固定格式的版面是固定的界面版式，而非固定格式的版面設計是變化的，這種變化的版式很難把握的，變化的視窗將改變既定的字體形式和圖形排列位置，這個課題也是我們今后要深入探討的方向。

(2)字體、圖像、色彩設計。

版式設計是界面設計的骨架，字體設計是界面設計的血肉，富媒體技術的全面發展，網站這一綜合載體也得到了極大的發展，版式與字體的結合構成了網頁的不同風貌。在網頁中常見字體分為中英文兩類和圖形化的藝術字體，字號一般選用12pt。在中文網頁常常出現的字體為宋體或黑體，字號為12pt/14pt的文字展示，另外也會有些超大字體以圖像的形態出現，并通過視覺效果的調整，創建三維空間的視覺展示效果。圖形化的藝術字體，在諸多網站中得到應用。在設計中我們題材保有傳統的 文化 性，中國元素的運用，如書法、圖騰、建筑等富有中國色彩的藝術形態都應得到我們的思考與關注，中西文化的比較與融合也是我們要探索的方向。圖形與色彩部分在排版中應適合主題，響應設計氛圍，為整體版式服務。

(3)視頻展示設計。

網頁界面排版中還需考慮一種新興的展示手段，視頻信息展示，頁面中利用大量的視頻信息排版，減少文字、圖片信息的輸入，信息傳達方式由靜態轉換為動態，提供有趣而新穎的排版展示方式。

3 技術實施

(1)界面版式視覺設計。

網頁設計中對靜態界面的布局，我們通常會使用Photoshop和Illustrator圖像處理軟件開展設計，首先我們會根據 思維導圖 繪制基礎模板，然后根據設計需求在模板中添加設計好的文字、圖形、視頻、聲音等設計元素。

(2)交互功能視覺設計。

在網頁設計中我們會考慮將靜態樣稿轉換為簡單的靜態網頁，這種轉換我們會使用Dreamweaver軟件進行操作，由于網頁展示設備的不同我們也會考慮采用一些相關的模型制作軟件來處理交互設計部分。

4 運行階段

將確定好的靜態草稿通過切圖生成為靜態網站，測試效果及功能，當運行時根據需要和視覺效果進行調整直到理想狀態。

5 小結

網頁設計課程將實際項目導入課堂，根據CDIO工程教育模式教學，打造有效、有趣、實用的教學方式，使學生在學習操作中鍛煉宏觀思考的能力，獲得團隊合作的能力，養成終身學習的能力。學生對設計流程的掌握就是對知識體系的掌握和運用，達到理論與實踐相結合，通過對版面的全面掌控，更好地為靜態網頁設計打下堅實的基礎。

參考文獻：

[1] 沈卓婭，王汀.字體與版式設計實訓[M].中國出版集團東方出版中心，2011：74.

猜你喜歡：

1. 網站設計畢業論文范文

2. 網站類畢業設計論文

3. 淺談廣告設計畢業論文范文

4. 關于網絡工程畢業論文范文

5. 關于計算機畢業論文范文大全

6. 計算機畢業論文范文大全

網站規劃書怎么寫？最好有范文和網站框架？借鑒一下。

一個網站的成功與否與建站前的網站規劃有著極為重要的關系。在建立網站前應明確建設網站的目的，確定網站的功能，確定網站規模、投入費用，進行必要的市場分析等。只有詳細的規劃，才能避免在網站建設中出現的很多問題，使網站建設能順利進行。

網站規劃是指在網站建設前對市場進行分析、確定網站的目的和功能，并根據需要對網站建設中的技術、內容、費用、測試、維護等做出規劃。網站規劃對網站建設起到計劃和指導的作用，對網站的內容和維護起到定位作用。

網站規劃書出應該盡可能涵蓋網站規劃中的各個方面，網站規劃書的寫作要科學、認真、實事求是。

網站規劃書包含的內容如下：

一、建設網站前的市場分析

1、相關行業的市場是怎樣的,市場有什么樣的特點，是否能夠在互聯網上開展公司業務。

2、市場主要競爭者分析，競爭對手上網情況及其網站規劃、功能作用。

3、公司自身條件分析、公司概況、市場優勢，可以利用網站提升哪些競爭力，建設網站的能力（費用、技術、人力等）。

二、建設網站目的及功能定位

1、為什么要建立網站，是為了宣傳產品，進行電子商務，還是建立行業性網站？是企業的需要還是市場開拓的延伸？

2、整合公司資源，確定網站功能。根據公司的需要和計劃，確定網站的功能：產品宣傳型、網上營銷型、客戶服務型、電子商務型等。

3、根據網站功能，確定網站應達到的目的作用。

4、企業內部網（Intranet)的建設情況和網站的可擴展性。

三、網站技術解決方案

根據網站的功能確定網站技術解決方案。

1、采用自建服務器，還是租用虛擬主機。

2、選擇操作系統，用unix,Linux還是Window2000/NT。分析投入成本、功能、開發、穩定性和安全性等。

3、采用系統性的解決方案（如IBM,HP）等公司提供的企業上網方案、電子商務解決方案？還是自己開發。

4、網站安全性措施，防黑、防病毒方案。

5、相關程序開發。如網頁程序ASP、JSP、CGI、數據庫程序等。

四、網站內容規劃

1、根據網站的目的和功能規劃網站內容，一般企業網站應包括：公司簡介、產品介紹、服務內容、價格信息、聯系方式、網上定單等基本內容。

2、電子商務類網站要提供會員注冊、詳細的商品服務信息、信息搜索查詢、定單確認、付款、個人信息保密措施、相關幫助等。

3、如果網站欄目比較多，則考慮采用網站編程專人負責相關內容。 注意：網站內容是網站吸引瀏覽者最重要的因素，無內容或不實用的信息不會吸引匆匆瀏覽的訪客?？墒孪葘θ藗兿Ｍ喿x的信息進行調查，并在網站發布后調查人們對網站內容的滿意度，以及時調整網站內容。

五、網頁設計

1、網頁設計美術設計要求，網頁美術設計一般要與企業整體形象一致，要符合CI規范。要注意網頁色彩、圖片的應用及版面規劃，保持網頁的整體一致性。

2、在新技術的采用上要考慮主要目標訪問群體的分布地域、年齡階層、網絡速度、閱讀習慣等。

3、制定網頁改版計劃，如半年到一年時間進行較大規模改版等。

六、網站維護

1、服務器及相關軟硬件的維護，對可能出現的問題進行評估，制定響應時間。

2、數據庫維護，有效地利用數據是網站維護的重要內容，因此數據庫的維護要受到重視。

3、內容的更新、調整等。

4、制定相關網站維護的規定，將網站維護制度化、規范化。

七、網站測試

網站發布前要進行細致周密的測試，以保證正常瀏覽和使用。主要測試內容：

1、服務器穩定性、安全性。

2、程序及數據庫測試。

3、網頁兼容性測試，如瀏覽器、顯示器。

4、根據需要的其他測試。

八、網站發布與推廣

1、網站測試后進行發布的公關，廣告活動。

2、搜索引掣登記等。

九、網站建設日程表

各項規劃任務的開始完成時間，負責人等。

十、費用明細

各項事宜所需費用清單。

以上為網站規劃書中應該體現的主要內容，根據不同的需求和建站目的，內容也會在增加或減少。在建設網站之初一定要進行細致的規劃，才能達到預期建站目的。

關于網站建設的畢業設計開題報告`

畢業論文開題報告

論文題目:

學生姓名: 學 號:

專 業:

指導教師:

年 月 日

開題報告填寫要求

1.開題報告作為畢業設計(論文)答辯委員會對學生答辯資格審查的依據材料之一.此報告應在指導教師指導下,由學生在畢業設計(論文)工作前期內完成,經指導教師簽署意見審查后生效.

2.開題報告內容必須用黑墨水筆工整書寫,按成教處統一設計的電子文檔標準格式打印,禁止打印在其它紙上后剪貼,完成后應及時交給指導教師簽署意見.

3.學生查閱資料的參考文獻應在3篇及以上(不包括辭典,手冊),開題報告的字數要在1000字以上.

4.有關年月日等日期的填寫,應當按照國標GB/T 7408—94《數據元和交換格式,信息交換,日期和時間表示法》規定的要求,一律用阿拉伯數字書寫.如"2004年9月26日"或"2004-09-26".

畢 業 論 文 開 題 報 告

1.本課題的研究意義

中國互聯網經過10年的持續發展。目前在普及應用上正步入嶄新的多元化應用階段。有關數據顯示，中國寬帶用戶、網絡國際出口帶寬、上網方式和途徑、網絡應用服務更趨多樣化。人們對互聯網的使用廣度、信用度、依賴度正在逐步提高。隨著網絡提供的功能和服務的進一步完善，網絡應用化、生活化服務正逐步成熟?；ヂ摼W的影響正逐步滲透到人們生產、生活、工作、學習的各個角落。中國互聯網整體呈現較快的增長態勢。但中國地區之間互聯網發展水平、普及水平還存在明顯的差距，呈現"東快、西慢，城快、村慢"的特點，因此，加大對于互聯網應用和發展的研究力度，借鑒國外互聯網應用的成功范例引入和普及互聯網應用的先進經驗是當務之急。

2.本課題的重點和難點

第一，從全國人口來看，互聯網普及率還很低，僅有7.9%，與世界平均水平約14%還有較大差距。因此要普及互聯網，讓更多人來使用互聯網是任重道遠的事情。

第二，網上信息資源還不夠豐富，質量比較好的、能反映我國優秀文化的、對廣大網民有真正用處的信息還不夠多。根據國信辦的調查，截至2004年底，我國共有6.5億中文網頁，比2003年底差不多翻了一番，但是僅占全世界網頁數量(300多億)的2%，比例很低。因此我們需要網上有更多豐富的內容，特別是健康的、有質量的、有針對性的內容。

第三，目前，互聯網產業雖然在電子政務、電子商務方面進行了不少探索，也取得了一些成果，但是從整體上看網絡應用水平和實效(即網民的用戶體驗)還比較初級。在技術驅動下產生的包括網絡游戲、電子商務、無線寬帶、VoIP、P2P等新的應用還沒有形成成熟的盈利模式。

第四，新技術發展遭遇機遇和挑戰。當前國外互聯網新技術層出不窮，一直處于互聯網發展的領先地位，而我國的自主創新能力比較薄弱，因此需要更加努力，迎頭趕上。

第五，網絡安全和網絡文明面臨嚴峻挑戰。網絡文明要靠政府法制、行業自律、網民的自覺來維護，而最關鍵的應該是網民素質的提高。就像交通管理一樣，有交通法規的限制，也有警察的監管，但是最關鍵的還是司機素質的提高，否則交通事故還是無法避免的。同時，提供內容、服務的企業也應當承擔其責任，實施行業自律。

3.論文提綱

我國互聯網在若干領域的應用

1.互聯網在政府中的應用

2.互聯網在企業中的應用

3.互聯網在消費群體中的應用

我國互聯網應用前景

1.互聯網將加速融入我們的生活

2.互聯網經濟逐漸產生效益

3.寬帶網絡建設打通互聯網應用瓶頸

4.互聯網成為國民經濟新的增長點

畢 業 論 文 開 題 報 告

指導教師意見:

(對本課題的深度,廣度及工作量的意見)

指導教師: (親筆簽名)

年 月 日

系部審查意見:

系部負責人: (親筆簽名)

年 月 日

舉例：個人網站建設

個人網站建設的意義

21世紀是信息高速發達的時代，網絡作為當今最流行最方便快捷的媒介也越來越被人們接受，并且融入我們的生活。而作為新世紀的大學生更應該具備一定的網絡知識，來充實和武裝自己。網絡這個知識海洋是沒有人舍得放棄的，再加之現在社會的競爭是十分激烈的，而大學生面臨的就業問題也日趨嚴重。

大學生具備一定的網絡知識是很重要的，不管是對于在校的學習，娛樂還有畢業以后面臨的就業。都是能夠影響到他個人的發展的。而我們風云網絡提出的大學生個人網站建設理念就能很好的解決這個能影響到大學生發展的問題。

個人網站建設首先能豐富學生自己的文化知識，在建設網站的過程中能學到實際的網絡知識。這樣不僅對自己原有的知識是個實踐性的提高，而且還積累了實際的設計經驗，對于想從事網站設計工作的學生來說是個很好的鍛煉機會。而且我們公司還針對有建站需求學生的提供網絡知識的培訓。

其次網站建設好過程中，學生可以依據自己的喜好建設不同類型不同功能的網站。比如：一個美術專業學生，他有很多很好的美術作品，而且得到老師和同學的認可，但是他想讓更多人來欣賞和對自己的作品提意見或者建議。這是如果他擁有一個自己的網站，他就可以把自己的美術作品放到自己的網站上，供大家來欣賞和交流。這樣就提供了一個展現自己和交流的平臺，有更多的人看到你的作品，他們提出自己的看法，最后反饋到你那里，這樣對于自己的繪畫能力和技巧也會有一定的提高。

如果你喜歡交友聊天，愛好文學。你可以做一個屬于自己的論壇，自己做版主，“我的底盤我說了算”！把自己的感興趣的話題拿出來，大家一起暢談，交流各自的文學作品。

而對于即將畢業的學生，個人網站能對他有什么樣的幫助呢？如果是計算機專業的學生，今后往計算機方向發展的可能是比較大的，如果哪天你到一家網絡公司面試，你都可以讓哪個面試官到你的網站去看看。這是一個很好的網絡身份證，現在一般的公司用人，只看能力，并不很重視學歷。你有這么一個自己設計和制作的網站在這里完全可以證明你擁有一定水平的計算機能力，也加大了你被錄取的可能性。而且對與那些計算機水平很高的人來說，建設一個個人網站首先證明了自己的水平，而且你的網站經營的很好，這個可是很大的利潤增長點。說不定哪天就被哪個商家看中要在你的網站上做廣告或者要花大價錢來買你的網站。

說了這么多，總結一下就是個人網站對于學生來說，是可以幫助學生本人學習更多的網絡知識，更好的展現大學生的風采，幫助學生更好的選擇就業。

電子商務網站建設規劃書

電子商務網站建設計劃書怎么寫?

網站策劃思路整理

通過一系列資料收集，策劃人員對該企業應用互聯網的情況已掌握，接下來我們需要對這些資料進行系統分析，深刻挖掘，以便對策劃方案寫作打基礎：

4.1

網站定位及目標受眾群體分析

此部分主要對前期資料收集的所有數據進行系統定位：主要是根據網站資料現狀、網站生態圈現狀、網站資源現狀、網站商業目標，綜合這些數據找到網站定位及目標受眾群體定位。分析方法如下：

4.1.1

定位分析基本分析情況

定位猶如找坐標，我們需要將各種描述坐標的維點，以及相關參數列出，對網站進行坐標定位。具體如下：

評估維點

參數值

網站資源現狀標準：

極低、

低、

較低、

中、

較高、

高

網站生態圈現狀：

極差、

差、

較差、

一般、

較好、

好、

非常好

網站商業目標：

小、

較小、

中、

較大、

大、

非常大

網站投資規模：

小、

較小、

中、

較大、

大、

非常大

潛在市場容量：

小、

較小、

中、

較大、

大、

非常大

競爭對手實力：

極弱、

弱、

較弱、

一般、

較強、

強、

絕對地位

4.1.2

各維點之間的關系

a)、網站資源現狀是企業應用互聯網的基礎，資源限制了發展空間，這是重要參數。

b)、網站生態圈現狀的好與壞則是互聯網應用的最大變化參數，生態圈好了，可以幫助網站發展，會直接改善網站現有資源現狀問題，幫助企業早日實現商業目標；反之則會直接影響市場環境，市場容量環境，甚至導致網站滅亡。

c)、網站潛在市場容量則有遠近之分，從長遠利益來看，潛在市場容量的規模情況，需要多少年才有可能達到這種理想的規模；從近期的現實情況來看，現有的潛在市場容量又有多大？它需要發展多長時間或在何種政策或事件的影響之下會催化或毀滅它，機率又有多大？

d)、競爭對手實力直接驗證了市場容量及生態圈情況，在網站目前資源現狀的基礎之上，我們是否有足夠的實力與競爭對手抗衡呢？（當然，有些互聯網應用屬非盈利性應用，則不存在競爭對手?。?/p>

e)、網站投資規模與商業目標則受以上幾點影響，它直接受到以上幾點的影響。企業可以視情況而定：在市場容量大，生態圈現狀不錯，競爭對手多的情況下企業需要對資源現狀進行重點調研；

在市場容量小，生態圈現狀不錯，競爭對手多的情況下企業需要具有整合的資源優勢；

在市場容量大，生態圈現狀差，競爭對手減少的情況下企業需要量體裁衣，長遠計劃，謹慎投資(符合資源現狀差的企業經營.)；

在市場容量小，生態圈現狀差，競爭對手少的情況下企業則需要具有戰略眼光，及催生市場的能力；

4.2

思考網站長期建設/運營計劃

很多企業投資互聯網，進行互聯網應用，未考慮到網站長期運營計劃及變化，我們作為專業互聯網應用顧問師，需要以身作則，幫助客戶思考網站長期建設/運營計劃：

a）、時間計劃方面：按目前網絡環境不成熟情況下，最好建議企業拿1~2年作長期計劃；

b）、階段任務方面：建議企業以一年作為年度目標，制定年度任務；以一季度為短期階段計劃，不斷總結與調整，找到適合網站運作的措施。

c）、投資預算方面：如果只是嘗試性進軍互聯網，可建議企業先做好第一期投資，看看實際回報率之后再作長期預算計劃；如果進軍互聯網是企業的重要戰略計劃，則需要根據其戰略目標制訂詳細的年度投資預算和回報預估，讓企業有的放矢。

4.3

思考網站首期建設詳細計劃

企業第一期投資網站平臺建設和網絡營銷推廣工作的實施質量，對一般企業網站未來的發展具有關鍵作用，結果差則信心受打擊，網站前景擔憂；結果優良則信心十足，網站前景看好。作為專業策劃顧問，我們需要對此進行悉心指導，爭取讓客戶理性對待：

a)、網站短期目標制定：短期目標是企業邁出網絡營銷的第一步，我們需要盡量保證其成功，因此，短期目標制訂以能實現，能實到為宗旨，爭取開個好頭。

b)、網站平臺策劃開發：根據其短期目標與資源現狀，提出網站平臺策劃與開發建議，重點打造能為公司獲得品牌效譽或投資收譽的基礎營銷平臺。

c）、網站品牌推廣：幫助客戶根據其網站定位、第一期目標、預投資金額等情況，提出有的放矢地提出推廣渠道、成本預算，時間控制等方面的推廣建議！

d)、首期投資與回報預算：實踐證明,網站從建立至推廣,其回報期,一般在第一階段推廣結束后的1~3個月內見效，讓企業有一定的耐心；如果您是針對個人的企業網站，則可即時見效，但依然需要以3個月作為評估點。

4.4

思考網站VI形象方案

網站VI即網站視覺形象，事實證明，網站能否第一時間吸引訪客，重要取決于網站VI。好的網站VI，能夠迅速傳遞給訪客以下信息：

a)、企業全稱及網址信息清晰顯示；

b）、企業主要產品或服務內容非常突出；

c）、從網站設計可以看出企業整體實力雄厚；

d）、從網站設計可以看出背后的企業文化與企業作風；

e）、通過導航條引導訪客清晰地了解企業詳細信息；

f）、企業聯系方法多樣化。

但在策劃方案里面我們需要重點強調以下內容：

a）、網站主色調能體現企業什么樣的文化或精神；

b）、網站版面規劃風格能夠體現出企業什么樣的工作態度/作風；例如：重邏輯的設計體現出企業嚴謹工作作風，適用電子制造網站；重個性體現出企業作風或產品特點，例如玩具網站，例如服裝網站；

c）、我們是如何將眾多復雜的網站內容通過設計分主次、有重點，并且快速有效地傳遞給訪客的，這一點至關重要。

4.5

思考網站功能開發方案

網站功能對于企業而言，主要起到以下作用：

a）、將企業使用互聯網的目的通過開發功能的方式得以實現。例如：為了收集客戶郵箱和資料信息，可以開發會員中心或開發調查功能、以及常用的留言板功能；開通產品搜索功能，使客戶能方便地搜索信息。

b）、方便企業網站維護人員能夠方便地維護更新網站信息。例如：網站新聞更新系統，網站產品發布系統，網站郵件宣傳系統。

c)、通過開發的實用功能為企業網絡營銷提供決策支持數據。例如：網站訪問量、網站會員量、網站每日人數……等等。

5

網站策劃方案寫作

在經過以此詳細的思路分析，此時策劃人員腦中已有很明晰的思路，接下來可輕車熟路地進行寫作：

5.1

客戶需求分析

根據您對客戶的前期分析調查，他們有哪些需求，請用列表的形式進行簡要歸納，請注意：確保這些需求是客戶的真實需求，而且這些需求均已經過客戶確認，因為哪塊需求錯誤了，就會直接影響到以下策劃方案的說服力。

5.2

網站定位分析

一句話闡述網站核心定位；一句話闡述網站建站目標；一句話闡述網站平臺作用。這三句需要精確概括，這三句話表明了實施方對客戶網站最精確的理解，一旦把品牌宣傳為主的網站搞成行業門戶網站，一切全錯，客戶自然被競爭對手搶走。因此再次提醒您，客戶需求的把握很關鍵；分析需求并轉換成為準確的網站定位更關鍵。正確案例如下：

基于以上需求特點，根據太維以往的經驗（太維曾成功實施3個與貴方類似的網站平臺），我們認為：

a、

網站的定位：外貿型網絡貿易撮合平臺。

b、

網站經營目標：以成功的網站平臺經營為龍頭，協助貴方進行國際貿易撮合，并從中收取貿易傭金或賺取貿易差價。

c、

網站平臺作用：有效吸納互聯網豐富企業資源；整合全球供應商和采購商商業信息資源；為貴方提供業務來源。

5.3

網站整體策劃

5.3.1

網站基本屬性

用簡短的文字描述網站基礎屬性，包括：

網站域名建議：告訴客戶應該如何選擇域名或幫助客戶選擇域名。

網站版本建議：告訴每個版本的作用，以及現階段應該選擇哪幾個版本，未來應該考慮新增哪些版本。

5.3.2

網站平臺策劃

指平臺打造策劃，主要闡述網站前臺策劃思路與欄目設置建議，網站后臺策劃思路與欄目設置建議，以及整體平臺運作流程建議，目的是客戶不僅了解到了全局，并且仿佛親身體驗到一個真正屬于自己的網站平臺正在高效運轉，并發揮出了實際效果。為了達到此效果，三項內容請認真簡明地描寫：

a)

網站前/后臺架構圖

b)

網站整體運作流程圖

c)

網站前/后臺欄目介紹

5.3.3

網站推廣策劃

網站獲得良好的投資回報，平臺是基礎，推廣是關鍵。

一方面列出客戶現有的資源（人才現狀、資金投入、傳統資源）和目標（網站投資目標），另一方面則根據以上內容大膽地闡述網站推廣建議，向客戶說明，我們如何利用現有的資源，并配合您的運作目標，通過我們專業的推廣經驗，幫助您選擇最合適的推廣方案，同時在我們協同您成功實施的情況下，實現您的網站運作目標。

請注意：重點突出根據我們的專業經驗，選擇哪些推廣渠道同樣達到效果，但是性價比更高；哪些渠道應該先投入，哪些應該在后面跟進，以突顯公司的專業實力。

5.3.4

網站開發環境搭建

包括以下幾個方面：

a）、網站頁面設計建議：闡述我們根據企業或行業特點，將采用哪種顏色作為網站主色調、網站采用的技術、網站界面風格建議；

b）、網站程序開發建議：闡明網站運行平臺、網站開發語言、網站數據庫、網站開發工具等；

5.3.5

網站開發運行搭建

包括：網站域名、網站空間、企業郵箱等方面的建議！

5.4

網站實施說明

5.4.1

項目實施流程

闡明完成此項目的標準工作流程，突顯公司實力。例如：簽訂項目開發合同，項目正式開始→成立項目小組→網站平臺實施→內部驗收→客戶驗收→項目結束。

5.4.2

項目小組構成及職責

通過項目小組負責制，突顯公司對項目的負責態度與專業實力。在此我們可以簡明扼要地進行必要的描述，例如項目小組的構成和項目成員負責的內容等等。

5.4.3

溝通流程

闡明確保項目成功實施的溝通流程，突顯公司專業實力。

5.5

實施進度預估

此處也是體現公司實施經驗豐富且專業，例如：（圖略）

5.6

網站成本預算

列出總成本預算，并列出詳細成本清單，以供客戶參考。

5.7

技術維護說明

闡明公司對客戶維護相關的政策性說明，讓客戶不必為售后擔心。這一點至關重要，許多服務商做完單就跑人或售后服務質量奇差，這是對客戶不負責任，更是影響了行業健康發展。

網站設計規劃書

網站設計規劃書 （一）

一、網站建設分析及網站的定位

隨著Internet技術的發展，網址導航已成為網絡上不可缺少的導航方式之一。利用html技術開發的個人網址導航網站，實現了網上網址的方便管理，使得對網址的管理更加及時、高效，方便自己及時上網瀏覽有用信息，及時打開自己想要的網址。

二、功能

網站功能模塊設計將網址功能分為搜索框和網址兩大類。系統界面設計充分考慮到用戶上網習慣，從簡單實用出發，易于操作。

三、網站總體設計和實現

1、開發環境

操作系統：Windows XP SP2

Web服務器：IIS 5.0

瀏覽器：IE 7.0

2、所用到的技術：

Html，框架，表格，超級鏈接，圖像，背景音樂，flash動畫，JavaScript，列表。

3、總體設計

根據總體的需求，結合技術上的情況，確定該網站的功能要求：

（1）創建一個首頁index.html用于存放網站各類別的相關信息。

（2）創建一14個二級網頁用于存放分類網址的.信息。

（3）創建存放的JavaScript、CSS的代碼文檔。

設計各類信息的展示頁面。

網站設計規劃書 （二）

網站規劃書包含的內容如下：

一、建設網站前的市場分析

1、相關行業的市場是怎樣的，市場有什么樣的特點，是否能夠在互聯網上開展公司業務。

2、市場主要競爭者分析，競爭對手上網情況及其網站規劃、功能作用。

3、公司自身條件分析、公司概況、市場優勢，可以利用網站提升哪些競爭力，建設網站的能力（費用、技術、人力等）。

二、建設網站目的及功能定位

1、為什么要建立網站，是為了宣傳產品，進行電子商務，還是建立行業性網站？是企業的需要還是市場開拓的延伸？

2、整合公司資源，確定網站功能。根據公司的需要和計劃，確定網站的功能：產品宣傳型、網上營銷型、客戶服務型、電子商務型等。

3、根據網站功能，確定網站應達到的目的作用。

4、企業內部網（Intranet）的建設情況和網站的可擴展性。

三、網站技術解決方案 根據網站的功能確定網站技術解決方案。

1、采用自建服務器，還是租用虛擬主機。

2、選擇操作系統，用unix,Linux還是Window2000/NT。分析投入成本、功能、開發、穩定性和安全性等。

3、采用系統性的解決方案（如IBM,HP）等公司提供的企業上網方案、電子商務解決方案？還是自己開發。

4、網站安全性措施，防黑、防病毒方案。 5、相關程序開發。如網頁程序ASP、JSP、CGI、數據庫程序等。

四、網站內容規劃

1、根據網站的目的和功能規劃網站內容，一般企業網站應包括：公司簡介、產品介紹、服務內容、價格信息、聯系方式、網上定單等基本內容。

2、電子商務類網站要提供會員注冊、詳細的商品服務信息、信息搜索查詢、定單確認、付款、個人信息保密措施、相關幫助等。

3、如果網站欄目比較多，則考慮采用網站編程專人負責相關內容。

注意：網站內容是網站吸引瀏覽者最重要的因素，無內容或不實用的信息不會吸引匆匆瀏覽的訪客?？墒孪葘θ藗兿Ｍ喿x的信息進行調查，并在網站發布后調查人們對網站內容的滿意度，以及時調整網站內容。

五、網頁設計

1、網頁設計美術設計要求，網頁美術設計一般要與企業整體形象一致，要符合CI規范。要注意網頁色彩、圖片的應用及版面規劃，保持網頁的整體一致性。

2、在新技術的采用上要考慮主要目標訪問群體的分布地域、年齡階層、網絡速度、閱讀習慣等。 3、制定網頁改版計劃，如半年到一年時間進行較大規模改版等。

六、網站維護

1、服務器及相關軟硬件的維護，對可能出現的問題進行評估，制定響應時間。

網站設計規劃書 （三）

一、企業簡介

網站的名字是雪莉尚衣，它是一個為美麗女人打造的時尚品牌。它的品牌設計注重國際化概念，追求時尚浪漫。作品強調的是女人對現代服裝的獨特感受，以其國際化的品牌理念與簡潔純粹的設計風格完美結合。吸引了全世界追求時尚的女性目光。是一個匯集了時尚元素，領導世界潮流的時尚女裝裝品牌。

二、網站目標規劃

網站主要定位于企業信息發布和網上銷售。

將網站作為一個信息的載體，對企業的信息如公司新聞、產品信息、采購信息、招聘信息、等用戶、銷售商和供應商所關心的內容，更多用于產品、品牌、企業形象的推廣以及與用戶之間溝通。

網站同時也具有在線產品銷售功能，涉及支付、訂單處理、用戶管理、商品配送等功能。網站將采用國際前沿的管理模式使之成為廣大服裝品牌、企業設計鮮明的互聯網形象，推動其實現快速、健康、可持續發展。

三、功能規劃

隨著互聯網的不斷普及與發展，網站已逐漸成為企業形象宣傳、產品展示推廣、信息溝通的最方便快捷的橋梁。雪莉尚衣網站將是一個BtoC和BtoB完美融合的電子商務網站。網站將要實現消費者注冊、購物、結算、企業方管理功能及公司新聞、產品信息、同行業信息、銷售信息及各種有關時尚的信息的發布。輔助功能如尚衣拍拍、信息定制、郵件發布功能、在線調查、論壇社區、意見欄、搜索等功能。

關于唐山網站建設規劃論文和唐山網站建設技術支持的介紹到此就結束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關注本站。