首頁網站建設正文

網站建設畢業論文（網站建設畢業設計）

網站建設 2023-02-16T21:42:07 2491

今天給各位分享網站建設畢業論文的(de)知識，其中也會對網站建設畢業設計進行(xíng)解釋，如(rú)果能碰巧解決你現在面臨的(de)問題，别忘了關注本站，現在開始吧(ba)！本文目錄一(yī)覽： 1、企業網站設計畢業論文

今天給各位分享網站建設畢業論文的(de)知識，其中也會對網站建設畢業設計進行(xíng)解釋，如(rú)果能碰巧解決你現在面臨的(de)問題，别忘了關注本站，現在開始吧(ba)！

本文目錄一(yī)覽：

1、企業網站設計畢業論文
2、有(yǒu)關網頁設計與制作畢業論文範文
3、網站設計畢業論文！！
4、請高(gāo)手發個小型網站建設的(de)畢業論文

企業網站設計畢業論文

企業網站設計畢業論文的(de)建議1.計算機(jī)畢業設計可(kě)不能馬虎，最好還是自(zì)己動動腦筋，好好的(de)寫一(yī)寫。 2.網上那種免費的(de)畢業設計千萬不能采用，要麽是論文不完整，要麽是程序運行(xíng)不了，最重要的(de)是到處都是，老師随時都可(kě)以知道(dào)你是在網上随便下載的(de)一(yī)套3.如(rú)果沒有(yǒu)時間寫，可(kě)以在網上找找付費的(de)，我(wǒ)們(men)畢業的(de)時候也是為(wèi)這個頭疼了很長(cháng)時間，最後在網上找了很久，終于購買了一(yī)套畢業設計，還算不錯，開題報告+論文+程序+答辯演示都有(yǒu)，主要的(de)都是他們(men)技術做(zuò)好的(de)成品，保證論文的(de)完整和(hé)程序的(de)獨立運行(xíng)，可(kě)以先看了作品滿意以後再付款，而且同一(yī)學(xué)校不重複，不存在欺騙的(de)性質，那個網站的(de)名字我(wǒ)記的(de)不是太清楚了，你可(kě)以在百度或者GOOGLE上搜索------七七計算機(jī)畢業設計，做(zuò)一(yī)個論壇或者一(yī)個購物網站或者一(yī)個公司的(de)官方網站應該都是可(kě)以的(de)

網站建設畢業論文（網站建設畢業設計）

有(yǒu)關網頁設計與制作畢業論文範文

為(wèi)了增加網頁的(de)吸引力和(hé)可(kě)理(lǐ)解性，以及互動性，網頁設計所起的(de)作用十分重要。下面是我(wǒ)為(wèi)大家整理(lǐ)的(de)網頁設計畢業論文，供大家參考。

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

網頁設計畢業論文摘要

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

網頁設計畢業論文內(nèi)容

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

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

1Flash的(de)運用及特點

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

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

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

3結語

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

網頁設計畢業論文文獻

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

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

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

網頁設計畢業論文內(nèi)容

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

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

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

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

建構原型一(yī)般采用心理(lǐ)模拟法，它包含三個步驟：

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

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

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

3熟手的(de)關鍵技術

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

3.1兼容主流浏覽器的(de)桌面版網頁制作技術

為(wèi)了防止不同浏覽器給予相同HTML5标簽的(de)初始樣式存在差異，熟手利用HTML5+CSS3制作桌面版網頁制作時，一(yī)般會在樣式文件(擴展名.css)中給出如(rú)下初始化代碼：*{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;}這部分代碼塊可(kě)以實現頁面在IE內(nèi)核和(hé)Firefox內(nèi)核的(de)所有(yǒu)版本浏覽器中居中對齊，外層布局盒子(zǐ)與浏覽器頭部無縫緊貼;div及css3完成固定寬度布局時，默認所有(yǒu)內(nèi)部布局div向左浮動，溢出屬性為(wèi)隐藏;所有(yǒu)構成頁面的(de)HTML5元素的(de)默認邊距和(hé)填充屬性為(wèi)0px;HTML5的(de)列表标簽默認項目符号為(wèi)空，邊距和(hé)填充為(wèi)0px。此外，确定頁面尺寸,目前大多數顯示器為(wèi)1024像素*768像素，那麽以此為(wèi)默認顯示器時，頁面的(de)寬度尺寸一(yī)般設置為(wèi)“1007像素”。初始化CSS代碼後，接下來就是利用div+CSS完成布局，這裏提示新手：完成布局後，務必在IETESTER和(hé)Firefox中檢查網頁布局是否能夠兼容主流浏覽器。然後，根據桌面版網頁平面設計效果圖完成頁面的(de)制作。此外，熟手的(de) 經驗是制作過程中頻繁檢測桌面版網頁是否能夠完美兼容各種浏覽器。

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

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

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

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

(4)為(wèi)了實現彈性圖片，讓圖片随視(shì)口縮放，圖形圖像、動畫和(hé)視(shì)頻的(de)彈性設置使用“img,object,video,embed{width:100%;max-width:100%;}”。其中，max-width屬性是用于确保縮放時不會超出圖片最大尺寸。同時，熟手還會使用AdaptiveImages解決方案來實現自(zì)适應圖片。

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

4結束語

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

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

摘要：版式設計可(kě)以說是界面設計的(de)基礎部分，網頁界面中的(de)版式設計隻是其發展應用中的(de)一(yī)個方向。如(rú)何設計完美有(yǒu)魅力的(de)網頁界面，版式設計扮演十分重要的(de)角色，優秀的(de)版式設計可(kě)以給浏覽者留下深刻的(de)印象，提高(gāo)頁面的(de)訪問量。因此，本文将向諸位讀者介紹在CDIO工程教育模式下，網頁設計課程中采用項目為(wèi)指導的(de)教學(xué)實踐過程中注意的(de)事項。

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

近年(nián)來随着經濟的(de)高(gāo)速發展，科(kē)技的(de)日新月異，教育領域同樣面臨革新。引進新的(de)教育理(lǐ)念和(hé)教學(xué)模式成為(wèi)教育工作者的(de)關注重心，此時，歐美成熟的(de)工程教育理(lǐ)念慢慢地(dì)進入我(wǒ)們(men)的(de)視(shì)野之中，CDIO的(de)教學(xué)模式(Conceive構思、Design設計、Implement實施、Operate運行(xíng))，符合工程人才的(de)培養，提高(gāo)學(xué)生的(de)實踐能力、組織能力、創新能力。這一(yī)模式更适應當下的(de)教育環境需求。

網頁設計這門課程屬于交叉學(xué)科(kē)範疇，兼顧藝術設計、計算機(jī)技術及交互設計等多門學(xué)科(kē)。另外，這門課程作為(wèi)藝術與技術的(de)結合體，要求學(xué)生具備較強實踐動手能力與綜合運用能力，因而在教學(xué)過程中我(wǒ)們(men)依據CDIO的(de)工程教育理(lǐ)念開展教學(xué)。

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

1 構思階段

(1)确立目标。

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

(2)信息整理(lǐ)。

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

(3)交互設計。

我(wǒ)們(men)将網頁中的(de)交互分為(wèi)視(shì)覺上的(de)交互和(hé)行(xíng)為(wèi)功能上的(de)交互設計。在這裏我(wǒ)們(men)更側重說明交互在視(shì)覺上的(de)應用。網頁中我(wǒ)們(men)常見的(de)交互形态有(yǒu)按鈕、導航條、搜索欄和(hé)表單等。這些交互形态都會出現在版式的(de)突出及顯著位置，這樣更引發人們(men)的(de)視(shì)覺關注中心，因而，在進行(xíng)版式設計時，需要考慮這些交互元素的(de)設置，友好的(de)版式也是一(yī)種界面與人的(de)情感交互。在我(wǒ)們(men)的(de)項目中學(xué)生應該考慮交互按鈕的(de)外觀設計，排放位置等因素;導航條的(de)設置應在醒目位置，清晰明确發揮導引作用;搜索欄幫助浏覽者快捷搜索，放置在易發現的(de)位置，搜索一(yī)般出現在網頁右上角;表單設計是學(xué)生所忽略的(de)環節，因為(wèi)可(kě)以使用插件添加，導緻學(xué)生認為(wèi)無須設計，在此建議信息表單設計時可(kě)考慮細節設計，提高(gāo)友好度與舒适度等交互設計。

2 設計階段

版式設計是網頁設計中重要的(de)設計引導規劃環節，在這個過程中學(xué)生可(kě)以根據自(zì)己的(de)項目主題展開藝術美感的(de)設計。一(yī)般進行(xíng)頁面版式設計我(wǒ)們(men)從以下幾個方面入手。

(1)版式結構設計。

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

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

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

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

(3)視(shì)頻展示設計。

網頁界面排版中還需考慮一(yī)種新興的(de)展示手段，視(shì)頻信息展示，頁面中利用大量的(de)視(shì)頻信息排版，減少文字、圖片信息的(de)輸入，信息傳達方式由靜态轉換為(wèi)動态，提供有(yǒu)趣而新穎的(de)排版展示方式。

3 技術實施

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

網頁設計中對靜态界面的(de)布局，我(wǒ)們(men)通常會使用Photoshop和(hé)Illustrator圖像處理(lǐ)軟件開展設計，首先我(wǒ)們(men)會根據思維導圖繪制基礎模闆，然後根據設計需求在模闆中添加設計好的(de)文字、圖形、視(shì)頻、聲音等設計元素。

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

在網頁設計中我(wǒ)們(men)會考慮将靜态樣稿轉換為(wèi)簡單的(de)靜态網頁，這種轉換我(wǒ)們(men)會使用Dreamweaver軟件進行(xíng)操作，由于網頁展示設備的(de)不同我(wǒ)們(men)也會考慮采用一(yī)些相關的(de)模型制作軟件來處理(lǐ)交互設計部分。

4 運行(xíng)階段

将确定好的(de)靜态草(cǎo)稿通過切圖生成為(wèi)靜态網站，測試效果及功能，當運行(xíng)時根據需要和(hé)視(shì)覺效果進行(xíng)調整直到理(lǐ)想狀态。

5 小結

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

參考文獻：

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

網站設計畢業論文！！

要領一(yī)：确定網站主題

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

對于內(nèi)容主題的(de)選擇，要做(zuò)到小而精，主題定位要小，內(nèi)容要精。不要去(qù)試圖制作一(yī)個包羅萬象的(de)站點，這往往會失去(qù)網站的(de)特色，也會帶來高(gāo)強度的(de)勞動，給網站的(de)及時更新帶來困難。記住：在互聯網上隻有(yǒu)第一(yī)，沒有(yǒu)第二！

要領二：選擇好域名

域名是網站在互聯網上的(de)名字。一(yī)個非産品推銷的(de)純信息服務網站，其所有(yǒu)建設的(de)價值，都凝結在其網站域名之上。失去(qù)這個域名，所有(yǒu)前期工作就将全部落空。

目前，做(zuò)個人網站的(de)很多都依賴免費個人空間，其域名也是依賴免費域名指向，如(rú)網易的(de)虛拟域名服務，其實這對個人網站的(de)推廣與發展很為(wèi)不利，不光是它“适時”開啓的(de)窗口妨礙了浏覽者的(de)視(shì)線和(hé)好感，讓人一(yī)看就知道(dào)是個人網站，而且也妨礙了網頁的(de)傳輸速度。所以，就我(wǒ)個人觀點來說，首先花點錢去(qù)注冊一(yī)個域名，獨立的(de)域名就是個人網站的(de)第一(yī)筆(bǐ)财富，要把域名起得形象、簡單、易記。

要領三：掌握建網工具

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

（1）HTML編輯器。雖然HTML代碼複雜，編輯和(hé)調試要花費大量的(de)時間，但因HTML的(de)穩定性、廣泛支持性及可(kě)創建複雜的(de)頁面效果，仍受高(gāo)級網頁制作人員的(de)青睐。就目前來說，有(yǒu)衆多的(de)編輯器供選擇，這些編輯器廣泛支持複雜頁面創建及高(gāo)級HTML規範，使用較為(wèi)普遍的(de)有(yǒu)Hotdog等專業HTML編輯器。

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

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

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

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

要領四：确定網站界面

界面就是網站給浏覽者的(de)第一(yī)印象，往往決定着網站的(de)可(kě)看性，在确定網站的(de)界面時要注意以下三點：

①欄目與闆塊編排

構建一(yī)個網站就好比寫一(yī)篇論文，首先要列出題綱，才能主題明确、層次清晰。網站建設初學(xué)者，最容易犯的(de)錯誤就是：确定題材後立刻開始制作，沒有(yǒu)進行(xíng)合理(lǐ)規劃。從而導緻網站結構不清晰，目錄龐雜混亂，闆塊編排混亂等。結果不但浏覽者看得糊裏糊塗，制作者自(zì)己在擴充和(hé)維護網站也相當困難。所以，我(wǒ)們(men)在動手制作網頁前，一(yī)定要考慮好欄目和(hé)闆塊的(de)編排問題。

網站的(de)題材确定後，就要将收集到的(de)資料內(nèi)容作一(yī)個合理(lǐ)的(de)編排。比如(rú)，将一(yī)些最吸引人的(de)內(nèi)容放在最突出的(de)位置或者在版面分布上占優勢地(dì)位。欄目的(de)實質是一(yī)個網站的(de)大綱索引，索引應該将網站的(de)主體明确顯示出來。在制定欄目的(de)時候，要仔細考慮，合理(lǐ)安排。在欄目編排時需要注意的(de)是：

●盡可(kě)能删除那些與主題無關的(de)欄目；

●盡可(kě)能将網站內(nèi)最有(yǒu)價值的(de)內(nèi)容列在欄目上；

●盡可(kě)能從訪問者角度來編排欄目以方便訪問者的(de)浏覽和(hé)查詢；輔助內(nèi)容，如(rú)站點簡介、版權信息、個人信息等大可(kě)不必放在主欄目裏，以免沖淡主題。

另外，闆塊的(de)編排設置也要合理(lǐ)安排與劃分。闆塊比欄目的(de)概念要大一(yī)些，每個闆塊都有(yǒu)自(zì)己的(de)欄目。舉個例子(zǐ)：ENET矽谷動力（）的(de)站點分新聞、産品、遊戲、學(xué)院等闆塊，每個闆塊下面又各有(yǒu)自(zì)己的(de)主欄目。一(yī)般來說，個人站點內(nèi)容較少，隻要分個欄目也就夠了，不需要設置闆塊。如(rú)果有(yǒu)必要設置闆塊的(de)，應該注意：

●各闆塊要有(yǒu)相對獨立性；

●各闆塊要有(yǒu)相互關聯；

●各闆塊的(de)內(nèi)容要圍繞站點主題；

②目錄結構與鏈接結構

網站的(de)目錄是指建立網站時創建的(de)目錄。例如(rú)：在用Frontpage建立網站時都默認建立了根目錄和(hé)Images子(zǐ)目錄。目錄的(de)結構是一(yī)個容易忽略的(de)問題，大多數站長(cháng)都是未經規劃，随意創建子(zǐ)目錄。目錄結構的(de)好壞，對浏覽者來說并沒有(yǒu)什麽太大的(de)感覺，但是對于站點本身的(de)維護，以後內(nèi)容的(de)擴充和(hé)移植有(yǒu)着重要的(de)影響。所以建立目錄結構時也要仔細安排，比如(rú)：

●不要将所有(yǒu)文件都存放在根目錄下。有(yǒu)網站制作者為(wèi)了方便，将所有(yǒu)文件都放在根目錄下。這樣就很容易造成：文件管理(lǐ)混亂，搞不清哪些文件需要編輯和(hé)更新，哪些無用的(de)文件可(kě)以删除，哪些是相關聯的(de)文件，影響工作效率；上傳速度變慢，服務器一(yī)般都會為(wèi)根目錄建立一(yī)個文件索引，如(rú)果将所有(yǒu)文件都放在根目錄下，那麽即使隻上傳更新一(yī)個文件，服務器也需要将所有(yǒu)文件再檢索一(yī)遍，建立新的(de)索引文件，很明顯，文件量越大，等待的(de)時間也将越長(cháng)。

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

●在每個主目錄下都建立獨立的(de)Images目錄。一(yī)般來說，一(yī)個站點根目錄下都有(yǒu)一(yī)個默認地(dì)Images目錄。将所有(yǒu)圖片都存放在這個目錄裏很是不方便，比如(rú)在欄目删除時，圖片的(de)管理(lǐ)相當麻煩。所以為(wèi)每個主欄目建立一(yī)個獨立的(de)Images目錄是方便管理(lǐ)的(de)。原因很簡單，就是方便維護與管理(lǐ)。

其它需要注意的(de)還有(yǒu)：目錄的(de)層次不要太深，不要超過3層；不要使用中文目錄，使用中文目錄可(kě)能對網址的(de)正确顯示造成困難；不要使用過長(cháng)的(de)目錄，太長(cháng)的(de)目錄名不便于記憶；盡量使用意義明确的(de)目錄，以便于記憶和(hé)管理(lǐ)。

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

●樹狀鏈接結構（一(yī)對一(yī)），這類似DOS的(de)目錄結構，首頁鏈接指向一(yī)級頁面，一(yī)級頁面鏈接指向二級頁面。這樣的(de)鏈接結構浏覽時，一(yī)級級進入，一(yī)級級退出，條理(lǐ)比較清晰，訪問者明确知道(dào)自(zì)己在什麽位置，不會“不知身在何處”，但是浏覽效率低(dī)，一(yī)個欄目下的(de)子(zǐ)頁面到另一(yī)個欄目下的(de)子(zǐ)頁面，必須回到首頁再進行(xíng)。

●星狀鏈接結構（一(yī)對多），類似網絡服務器的(de)鏈接，每個頁面相互之間都建立有(yǒu)鏈接。這樣浏覽比較方便，随時可(kě)以到達自(zì)己喜歡的(de)頁面。但是由于鏈接太多，容易使浏覽者迷路，搞不清自(zì)己在什麽位置，看了多少內(nèi)容。

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

③進行(xíng)形象設計

網站的(de)設計可(kě)以從以下幾點出發：

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

●設計網站色彩。網站給人的(de)第一(yī)印象來自(zì)視(shì)覺沖擊，不同的(de)色彩搭配産生不同的(de)效果，并可(kě)能影響到訪問者的(de)情緒。“标準色彩”是指能體現網站型象和(hé)延伸內(nèi)涵的(de)色彩，要用于網站的(de)标志，标題，主菜單和(hé)主色塊。給人以整體統一(yī)的(de)感覺。至于其它色彩也可(kě)以使用，但應當隻是作為(wèi)點綴和(hé)襯托，絕不能喧賓奪主。一(yī)般來說，一(yī)個網站的(de)标準色彩不超過3種，太多則讓人眼花缭亂。适合于網頁标準色的(de)顔色有(yǒu)：藍色，黃/橙色，黑/灰/白色三大系列色。

●設計網站字體。和(hé)标準色彩一(yī)樣，标準字體是指用于标志，标題，主菜單的(de)特有(yǒu)字體。一(yī)般網頁默認的(de)字體是宋體。為(wèi)了體現站點的(de)“與衆不同”和(hé)特有(yǒu)風格，可(kě)以根據需要選擇一(yī)些特别字體。制作者可(kě)以根據自(zì)己網站所表達的(de)內(nèi)涵，選擇更貼切的(de)字體。需要說明的(de)是：使用非默認字體隻能用圖片的(de)形式，因為(wèi)很可(kě)能浏覽者的(de)計算機(jī)裏沒有(yǒu)安裝特别字體，那麽辛苦設計制作便可(kě)能付之東流了。

●設計網站宣傳語。也可(kě)以說是網站的(de)精神、主題與中心，或者是網站的(de)目标，用一(yī)句話或者一(yī)個詞來高(gāo)度概括。用富有(yǒu)氣勢的(de)話或詞語來概括網站，進行(xíng)對外宣傳，可(kě)以收到比較好的(de)結果。

要領五：确定網站風格

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

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

總之，有(yǒu)風格的(de)網站與普通網站的(de)區别在于：在普通網站上你看到的(de)隻是堆砌在一(yī)起的(de)信息，你隻能用理(lǐ)性的(de)感受來描述，比如(rú)信息量多少，浏覽速度快慢等；在有(yǒu)風格的(de)網站上你可(kě)以獲得除內(nèi)容之外的(de)更感性的(de)認識，比如(rú)站點的(de)品位，對浏覽者的(de)态度等。

在明确自(zì)己想給人以怎樣的(de)印象後，要找出網站中最有(yǒu)特色的(de)東西，就是最能體現網站風格的(de)東西。并以它作為(wèi)網站的(de)特色加以重點強化、宣傳。總之，風格的(de)形成不是一(yī)次定位的(de)，你可(kě)以在實踐中不斷強化、調整、改進。

要領六：有(yǒu)創意的(de)內(nèi)容選擇

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

要領七：推廣自(zì)己的(de)網站

網站的(de)營銷推廣在個人網站的(de)運行(xíng)中也占着重要的(de)地(dì)位，在推廣個人網站之前，請确保已經做(zuò)好了以下內(nèi)容：網站信息內(nèi)容豐富、準确、及時；網站技術具有(yǒu)一(yī)定專業水準，網站的(de)交互性能良好。一(yī)般來說，網站的(de)推廣有(yǒu)以下幾種方式：

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

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

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

（2）廣告交換技巧

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

（3）目标電子(zǐ)郵件推廣

使用電子(zǐ)郵件宣傳網址時，主要有(yǒu)如(rú)下技巧：可(kě)以使用免費郵件列表來進行(xíng)，隻要你申請了免費郵件列表服務，你就可(kě)以利用郵件列表來推廣你的(de)網站；可(kě)以通過收集的(de)特定郵件地(dì)址，來發送信息到特定的(de)網絡群體，在特定網絡群體中推廣自(zì)己的(de)網站；發送HTML格式的(de)郵件，即使其內(nèi)容與接收者關系不大，也不會被被當作垃圾信件馬上删掉，人們(men)至少會留意一(yī)下發送者的(de)地(dì)址。不過，在進行(xíng)郵件推廣的(de)時候要注意網絡道(dào)德。

要領八：支撐網站日常運行(xíng)

當個人網站做(zuò)到某一(yī)程度，就必須把賺錢提到議事日程上來，通常來說，個人網站獲取資金通常有(yǒu)以下兩個渠道(dào)：

（1）銷售網站的(de)廣告位

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

一(yī)般來說，WEB廣告的(de)收費有(yǒu)三種方式：

①CPM (Cost Per Million/Thousand)

放一(yī)個廣告，它按每1,000人次來訪問站點收費。這方法對網站經營者最為(wèi)合适，隻要有(yǒu)人浏覽該網頁，就得錢，不管訪問者對廣告有(yǒu)無反應——是否會看或點擊該廣告。

②點透（Click-through）

通過Banner廣告點到了廣告商(shāng)的(de)站點，這才算數，廣告商(shāng)青睐這個，他隻為(wèi)對自(zì)己廣告感興趣的(de)人“套錢“。網站經營者就不合适了，據一(yī)些調查資料表明，隻有(yǒu)3%的(de)訪問者會去(qù)“CLICK”廣告。

③提成 (Commission)

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

通常的(de)，個人網站的(de)廣告收費方法往往是第一(yī)、第二種方法的(de)結合，站點和(hé)廣告商(shāng)都可(kě)少冒點險。

（2）與大型網站合作

另外，通過與大型網站合作，獲取經費，也可(kě)以維持個人網站的(de)日常運行(xíng)。不過，個人網站很容易會成為(wèi)商(shāng)業網站的(de)附屬品。

有(yǒu)時間和(hé)充沛的(de)體力，再加上對新技術和(hé)技巧的(de)學(xué)習和(hé)應用，你就能為(wèi)自(zì)己在網上建一(yī)個家了。

請高(gāo)手發個小型網站建設的(de)畢業論文

提供一(yī)些基本模式吧(ba)．．．全部照抄對你也沒好處．根據以下內(nèi)容自(zì)己來寫吧(ba)．

一(yī)、建設網站目的(de)及功能

1 、目的(de)：由于是個人網站，主要目的(de)是用來學(xué)習、交流。

2 、功能：通過自(zì)己的(de)網站能讓大家進一(yī)步認識自(zì)己，同時通過留言闆功能達到交流、探讨學(xué)術方面的(de)問題。

二、網站技術解決方案。

1 、網站采用的(de)是租用虛拟主機(jī)，今後完善後也可(kě)以用自(zì)主服務器。

2 、網站設計采用的(de)操作系統是 Window2003server 。網站在初級階段投入的(de)成本不多，申請的(de)免費的(de) ASP 空間、使用虛拟主機(jī)穩定性和(hé)安全性問題比較有(yǒu)保障。

3 、網站完全自(zì)己開發，基本模闆來自(zì)互聯網。

4 、網頁程序使用 ASP 、 JSP 、 CGI 、 PHP 、 ACCESS 數據庫程序等。

三、網站內(nèi)容規劃

1 、根據網站的(de)目的(de)和(hé)功能規劃網站內(nèi)容：網站是完全的(de)個人主頁，網站以思念為(wèi)主題，同時通過自(zì)己的(de)介紹讓大家了解我(wǒ)的(de)基本信息，通過外部鏈接使訪問者得到更多的(de)信息，建立的(de)留言闆和(hé)讨論區使訪問者能夠相互交流、學(xué)習。

心情日記主要用來記錄自(zì)己的(de)內(nèi)心感想，會不定時更新自(zì)己最新的(de)心情。

照片匣子(zǐ)存放自(zì)己和(hé)自(zì)己喜歡的(de)照片，圖象等信息，讓訪問者能和(hé)我(wǒ)共同欣賞。

網路素材提供方便的(de)外部鏈接，提高(gāo)網站的(de)訪問量，方便訪問者訪問更多更好的(de)網站。

我(wǒ)的(de)作品用來展示自(zì)己創作的(de)不同作品，也許不是最好的(de)，但也是自(zì)己滿意的(de)。

關于自(zì)己的(de)功能就不用多說了，希望大家了解我(wǒ)的(de)基本信息。

左鄰右舍是一(yī)個留言闆，我(wǒ)希望聽到，看到大家左鄰右舍的(de)心聲。

我(wǒ)的(de)地(dì)圖是用來提供用戶注冊，是一(yī)個交流平台，通過交流，學(xué)習我(wǒ)會更加完善我(wǒ)的(de)網站，希望大家多支持，人越多我(wǒ)的(de)信心就越足噢！

2 、網站提供會員注冊、了解訪問量，制定進一(yī)步的(de)制作方案，希望大家提出寶貴意見。

3 、由于網站功能還不完善，難免會有(yǒu)另訪問者不滿意的(de)地(dì)方，我(wǒ)會根據大家意見改進的(de)。

四、網頁設計

1 、網頁設計美術設計要求：網頁背景采用拼接的(de)方式組合而成，這樣有(yǒu)利于加快網頁的(de)讀取速度，利用了 DREAMWEAVER 的(de)強大功能使主頁各個鏈接比較協調，自(zì)己對背景和(hé)美化也十分滿意，希望大家喜歡。

2 、在網頁技術的(de)采用上主要用到了 ASP ， PHP 等技術，由于面向的(de)對象多數是和(hé)我(wǒ)年(nián)齡相仿的(de)學(xué)生或朋(péng)友，操作起來應該不會有(yǒu)太大的(de)困難。