計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)畢業(yè)論文范文（通用10篇）

　　一段忙碌又充實(shí)的大學(xué)生活要即將結(jié)束，我們都知道畢業(yè)生要通過最后的畢業(yè)論文，畢業(yè)論文是一種有準(zhǔn)備、有計(jì)劃的檢驗(yàn)大學(xué)學(xué)習(xí)成果的形式，那么大家知道正規(guī)的畢業(yè)論文怎么寫嗎？以下是小編幫大家整理的計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)畢業(yè)論文，僅供參考，希望能夠幫助到大家。

　　計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)畢業(yè)論文 篇1

　　摘要:Flash技術(shù)運(yùn)用范圍非常廣泛,不論是網(wǎng)站、廣告、動(dòng)畫、游戲,甚至程序設(shè)計(jì)與多媒體化展示方面都有一定程度的運(yùn)用。本文首先對(duì)Flash動(dòng)畫今后的發(fā)展趨勢(shì)進(jìn)行分析并具體化敘述了Flash的實(shí)際定義與特點(diǎn),并對(duì)Flash動(dòng)畫當(dāng)前在網(wǎng)頁設(shè)計(jì)中的應(yīng)用方式進(jìn)行分析,針對(duì)性闡述了Flash動(dòng)畫在整站式網(wǎng)頁設(shè)計(jì)過程中交互式導(dǎo)航系統(tǒng)、Web圖像動(dòng)畫展示以及鼠標(biāo)動(dòng)畫的應(yīng)用。在此針對(duì)性研究Flash動(dòng)畫在網(wǎng)頁設(shè)計(jì)中的相關(guān)研究,望研究結(jié)果能夠?qū)�今后的學(xué)者一定幫助。

　　網(wǎng)頁設(shè)計(jì)畢業(yè)論文內(nèi)容

　　關(guān)鍵詞:Flash動(dòng)畫 網(wǎng)頁設(shè)計(jì) 應(yīng)用研究

　　隨著社會(huì)邁入信息化時(shí)代,網(wǎng)絡(luò)及計(jì)算機(jī)技術(shù)的發(fā)展及普及程度呈現(xiàn)出優(yōu)質(zhì)化的發(fā)展形勢(shì),從而促進(jìn)網(wǎng)頁動(dòng)畫漸漸發(fā)展起來,此外網(wǎng)頁動(dòng)畫設(shè)計(jì)在網(wǎng)頁設(shè)計(jì)中占據(jù)重要地位,促使人們?cè)陉P(guān)注動(dòng)畫整體發(fā)展趨勢(shì)的過程中將注意力放在網(wǎng)頁動(dòng)畫方面。在構(gòu)建及設(shè)計(jì)網(wǎng)頁時(shí),運(yùn)用Flash幫助網(wǎng)頁實(shí)現(xiàn)多媒體化的網(wǎng)頁成果展示,同時(shí)也漸漸成為網(wǎng)頁設(shè)計(jì)發(fā)展過程中不可或缺的重要部分。

　　1、Flash的運(yùn)用及特點(diǎn)

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

　　2、Flash動(dòng)畫在網(wǎng)絡(luò)設(shè)計(jì)中的應(yīng)用

　　在網(wǎng)頁設(shè)計(jì)中,Flash動(dòng)畫具備非常多關(guān)鍵性的作用,如流式播放動(dòng)畫、FlashMV及短片動(dòng)畫等,此外其所表現(xiàn)的形式中存在一定的交互性。但需要注意的是,在實(shí)施網(wǎng)頁設(shè)計(jì)時(shí),避免繁瑣、復(fù)雜的動(dòng)畫設(shè)計(jì)效果的'存在,畢竟物極必反,只會(huì)降低網(wǎng)頁的品質(zhì);如圖1所示。2.1網(wǎng)頁動(dòng)畫信息交互的實(shí)現(xiàn)為了進(jìn)一步卻寶寶網(wǎng)頁動(dòng)畫信息交互整體的流暢性,其中的一個(gè)重要關(guān)鍵就是Flash動(dòng)畫導(dǎo)航的交互性設(shè)計(jì)。在對(duì)該部分內(nèi)容進(jìn)行設(shè)計(jì)時(shí),往往會(huì)使用針對(duì)性的Flash動(dòng)畫腳本——AxtionScript。實(shí)際設(shè)計(jì)過程中,通常由編程者的思想與Flash在事件中作用共同形成動(dòng)力,并依據(jù)動(dòng)畫中的相應(yīng)內(nèi)容實(shí)現(xiàn)AxtionScript的具體化定義。

　　2.2網(wǎng)頁動(dòng)畫相關(guān)要素的設(shè)計(jì)第一,交互式導(dǎo)航系統(tǒng)。在網(wǎng)頁設(shè)計(jì)中,導(dǎo)航欄對(duì)用戶主要起到一種引導(dǎo)性作用。所以在設(shè)計(jì)時(shí)需要將其設(shè)計(jì)為多個(gè)導(dǎo)航級(jí)別,并構(gòu)建針對(duì)性的標(biāo)識(shí)來將其區(qū)分,以色彩為例,可以采用較為鮮艷、清爽式的搭配。第二,Web圖像動(dòng)畫形式展示。傳統(tǒng)網(wǎng)頁中,Web圖像主要呈現(xiàn)靜態(tài),不過經(jīng)由計(jì)算機(jī)技術(shù)的不斷發(fā)展,最近幾年在網(wǎng)頁設(shè)計(jì)中漸漸出現(xiàn)了一部分動(dòng)態(tài)化的Web圖像。同時(shí)在其色彩方面的運(yùn)用,主要采用RGB模板,并在網(wǎng)頁安全色方面運(yùn)用216色,其主要的色彩格式包括GIF、PNG以及JPE6。第三,鼠標(biāo)動(dòng)畫。為了實(shí)現(xiàn)優(yōu)質(zhì)化Flash動(dòng)畫效果,在制作動(dòng)畫效果時(shí)要特別注意鼠標(biāo)在移動(dòng)過程中其軌跡圖案及色彩搭配。首先,要確保鼠標(biāo)移動(dòng)過程中的色彩與網(wǎng)頁設(shè)計(jì)色彩是不同的,有助于用戶一眼就可以將鼠標(biāo)找到。最后就是,鼠標(biāo)在色彩區(qū)別網(wǎng)頁之后還要注意其透明性,避免遮蔽信息的現(xiàn)象出現(xiàn)。

　　3、結(jié)語

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

　　網(wǎng)頁設(shè)計(jì)畢業(yè)論文文獻(xiàn)

　　[1]喬慧.Flash動(dòng)畫在網(wǎng)頁制作中的應(yīng)用及發(fā)展[J].內(nèi)蒙古石油化工,2013(21):68.

　　[2]關(guān)曉軒.Flash動(dòng)畫在網(wǎng)頁制作中的應(yīng)用研究[J].北方文學(xué)(下旬),2012(11):91-93.

　　計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)畢業(yè)論文 篇2

　　網(wǎng)頁設(shè)計(jì)畢業(yè)論文內(nèi)容

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

　　1兩個(gè)關(guān)鍵概念：響應(yīng)式網(wǎng)頁設(shè)計(jì)與原型

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

　　2建構(gòu)響應(yīng)式網(wǎng)頁設(shè)計(jì)的原型

　　建構(gòu)原型一般采用心理模擬法，它包含三個(gè)步驟：

　　(1)響應(yīng)式網(wǎng)頁設(shè)計(jì)活動(dòng)的功能分析;

　　(2)響應(yīng)式網(wǎng)頁設(shè)計(jì)活動(dòng)的結(jié)構(gòu)分析;

　　(3)功能分析與結(jié)構(gòu)分析的有機(jī)結(jié)合。其中，功能分析的重點(diǎn)是作用的對(duì)象，條件與結(jié)果;結(jié)構(gòu)分析的重點(diǎn)在于組成要素及要素之間的關(guān)系。響應(yīng)式網(wǎng)頁設(shè)計(jì)的目標(biāo)是能夠高效的編寫一套代碼為各類終端設(shè)備提供良好的設(shè)計(jì)效果和使用體驗(yàn)，這需要具備HTML5、CSS3、Javascript和jquery的基本技能。響應(yīng)式網(wǎng)頁設(shè)計(jì)之父——伊�！ゑR科特認(rèn)為，響應(yīng)式網(wǎng)頁設(shè)計(jì)應(yīng)該首先針對(duì)小屏幕進(jìn)行設(shè)計(jì)，然后逐步增強(qiáng)針對(duì)大屏幕設(shè)計(jì)。這種思路顛覆了傳統(tǒng)固定寬度的網(wǎng)頁設(shè)計(jì)方法，對(duì)于那些已經(jīng)積攢了零散的響應(yīng)式網(wǎng)頁設(shè)計(jì)開發(fā)技巧、HTML5及CSS3等技術(shù)，能夠較熟練的完成固定寬度桌面端網(wǎng)頁的新手而言，恐怕很難理解從小屏幕開始設(shè)計(jì)然后漸進(jìn)增強(qiáng)的思路。考慮到新手已經(jīng)習(xí)慣設(shè)計(jì)制作固定寬度的桌面版網(wǎng)頁，響應(yīng)式網(wǎng)頁設(shè)計(jì)如果從固定寬度的大屏幕網(wǎng)頁制作開始，然后改造這套代碼將僅適用于桌面的網(wǎng)頁依次兼容平板端和手機(jī)端也是一個(gè)不錯(cuò)的思路。響應(yīng)式網(wǎng)頁設(shè)計(jì)活動(dòng)包含了“項(xiàng)目分析”、“網(wǎng)頁平面設(shè)計(jì)”、“桌面版網(wǎng)頁制作”、“平面版的改造”、“手機(jī)版的改造”及“兼容問題的調(diào)試”這6個(gè)典型的子活動(dòng)。這些典型要素的關(guān)系可以描述為，“要想高效的完成某響應(yīng)式網(wǎng)頁設(shè)計(jì)項(xiàng)目，首先需要項(xiàng)目分析，其階段性結(jié)果是響應(yīng)式網(wǎng)頁的總體方案，即在用戶群體需求分析及主題解讀的基礎(chǔ)上，進(jìn)行色彩分析及定位，確定UI版面布局，分析設(shè)計(jì)網(wǎng)頁功能模塊，確定網(wǎng)頁風(fēng)格等，最終形成包含“前言”、“需求分析”、“系統(tǒng)分析”、“風(fēng)格設(shè)計(jì)”、“各類終端UI版面初步布局”、“色彩定位”、“網(wǎng)頁建設(shè)日程規(guī)劃”等部分的網(wǎng)頁總體方案文檔;然后，根據(jù)前期方案中“色彩”、“風(fēng)格”及“各類終端UI版面布局”等的分析，依據(jù)頁面設(shè)計(jì)原則，利用photoshop繪制適用于各類終端顯示的平面效果圖;隨后，利用“HTML5+Css3”技術(shù)采用

　　+css布局完成固定寬度桌面版網(wǎng)頁的制作并生成網(wǎng)頁文件和樣式表文件;接著，在這套代碼的基礎(chǔ)上，利用媒體查詢技術(shù)、流式布局、彈性圖片技術(shù)，結(jié)合平板終端的`頁面效果圖將代碼改造成兼容桌面及平板的網(wǎng)頁;之后，在上述修改的基礎(chǔ)上，繼續(xù)利用媒體查詢技術(shù)和彈性圖片技術(shù)，結(jié)合手機(jī)終端的頁面效果圖將代碼改造成兼容桌面、平板、手機(jī)的網(wǎng)頁;最后，利用火狐和IETester軟件查看初步完成的響應(yīng)式網(wǎng)頁，解決跨瀏覽器的兼容問題，形成完整網(wǎng)站。該過程中任何環(huán)節(jié)如果出現(xiàn)不妥當(dāng)都應(yīng)該返回上個(gè)步驟進(jìn)行重新修改。結(jié)合上述對(duì)網(wǎng)頁設(shè)計(jì)活動(dòng)的功能與結(jié)構(gòu)分析，不難發(fā)現(xiàn)，響應(yīng)式Web設(shè)計(jì)活動(dòng)原型中的6個(gè)典型子活動(dòng)復(fù)雜程度不同。其中“桌面版網(wǎng)頁制作”、“平面版的改造”、“手機(jī)版的改造”及“兼容問題的調(diào)試”這4個(gè)典型子活動(dòng)是比較復(fù)雜的，包含了很多熟手的關(guān)鍵技術(shù)，需要進(jìn)一步闡述。

　　3熟手的關(guān)鍵技術(shù)

　　從上述適用于新手的響應(yīng)式網(wǎng)頁設(shè)計(jì)活動(dòng)基本原型發(fā)現(xiàn)，制作一個(gè)能夠兼容主流瀏覽器的固定寬度桌面版網(wǎng)頁是響應(yīng)式網(wǎng)頁制作的開端。那么，首先在“桌面版網(wǎng)頁制作”這個(gè)環(huán)節(jié)中提取一些熟手關(guān)鍵技術(shù)，作為給予新手的技巧提示。

　　3.1兼容主流瀏覽器的桌面版網(wǎng)頁制作技術(shù)

　　為了防止不同瀏覽器給予相同HTML5標(biāo)簽的初始樣式存在差異，熟手利用HTML5+CSS3制作桌面版網(wǎng)頁制作時(shí)，一般會(huì)在樣式文件(擴(kuò)展名.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;}這部分代碼塊可以實(shí)現(xiàn)頁面在IE內(nèi)核和Firefox內(nèi)核的所有版本瀏覽器中居中對(duì)齊，外層布局盒子與瀏覽器頭部無縫緊貼;

　　及css3完成固定寬度布局時(shí)，默認(rèn)所有內(nèi)部布局

　　向左浮動(dòng)，溢出屬性為隱藏;所有構(gòu)成頁面的HTML5元素的默認(rèn)邊距和填充屬性為0px;HTML5的列表標(biāo)簽?zāi)�認(rèn)項(xiàng)目符號(hào)為空，邊距和填充為0px。此外，確定頁面尺寸,目前大多數(shù)顯示器為1024像素x768像素，那么以此為默認(rèn)顯示器時(shí)，頁面的寬度尺寸一般設(shè)置為“1007像素”。初始化CSS代碼后，接下來就是利用

　　+CSS完成布局，這里提示新手：完成布局后，務(wù)必在IETESTER和Firefox中檢查網(wǎng)頁布局是否能夠兼容主流瀏覽器。然后，根據(jù)桌面版網(wǎng)頁平面設(shè)計(jì)效果圖完成頁面的制作。此外，熟手的經(jīng)驗(yàn)是制作過程中頻繁檢測(cè)桌面版網(wǎng)頁是否能夠完美兼容各種瀏覽器。

　　3.2利用流式布局、彈性圖片、媒體查詢技術(shù)修改桌面版網(wǎng)頁

　　(1)相對(duì)視口尺寸，將最外層的布局

　　(例如：#wrapper{width:1007px;......})的寬度設(shè)置為96%(這個(gè)值取決于當(dāng)前頁面的視覺效果，也可以給其他數(shù)值);然后，將最外層的布局

　　內(nèi)部的頁頭布局、導(dǎo)航布局、內(nèi)容布局、側(cè)邊欄布局、頁腳布局

　　對(duì)應(yīng)的CSS樣式中的width屬性值利用公式——目標(biāo)元素寬度÷上下文元素寬度=百分比寬度把網(wǎng)頁的固定布局修改成百分比布局，也就是將固定像素寬度轉(zhuǎn)換成對(duì)應(yīng)的百分比寬度。

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

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

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

　　(5)媒體查詢可以通過判斷不同設(shè)備終端，提供不同的樣式使其實(shí)現(xiàn)在不同終端都能獲得最佳的用戶體驗(yàn)。例如，某個(gè)響應(yīng)式頁面用電腦瀏覽頁面時(shí)，頁面信息會(huì)以平鋪的形式分布在頁面合適的位置;用手機(jī)瀏覽頁面時(shí)，導(dǎo)航按鈕會(huì)相繼隱藏起來，部分信息變成左右滑動(dòng)的方式呈現(xiàn)，頁面會(huì)重新布局，圖片相應(yīng)縮小。媒介查詢的語法格式是，例如：設(shè)定寬度不超過400像素的屏幕尺寸，代碼是：。雖然，HTML5+CSS3提供了良好的媒體查詢功能，但當(dāng)前仍有一些瀏覽器不支持，你可能需要添加如下基本樣式：

　　3.3不同種類、不同版本瀏覽器的兼容問題解決跨越瀏覽器的問題一直是響應(yīng)式網(wǎng)頁設(shè)計(jì)的難題。熟手面對(duì)這一問題時(shí)，一般采用“漸進(jìn)增強(qiáng)與降級(jí)”、“利用javascript修復(fù)老版本IE”、“使用Modernizr輔助修正樣式，按需加載資源”、“給IE6，7，8追加媒體查詢功能”等方法。

　　4結(jié)束語

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

　　計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)畢業(yè)論文 篇3

　　【摘要】網(wǎng)頁設(shè)計(jì)是一種直觀的視覺語言，需要對(duì)其進(jìn)行布局與排版。雖然網(wǎng)頁設(shè)計(jì)與平面設(shè)計(jì)之間存在一定的區(qū)別，但是其兩者依然存在一定的相似之處，網(wǎng)頁設(shè)計(jì)應(yīng)該充分借鑒利用平面設(shè)計(jì)的原則與方法。網(wǎng)頁設(shè)計(jì)中的布局與排版需要通過文字、圖形的組合來讓網(wǎng)頁獲得良好的視覺效果�，F(xiàn)文章主要針對(duì)計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)中的布局與排版進(jìn)行研究。

　　【關(guān)鍵詞】網(wǎng)頁設(shè)計(jì)；布局；排版；文字；設(shè)計(jì)論文

　　網(wǎng)站是企業(yè)或政府向用戶傳遞信息，提供服務(wù)的一種重要方式，是企業(yè)開展電子商務(wù)的重要平臺(tái)，是政府面向民眾的重要窗口。網(wǎng)站是直接反應(yīng)企業(yè)形象、政府形象的平臺(tái)，因此網(wǎng)頁設(shè)計(jì)質(zhì)量的高低將會(huì)直接影響到企業(yè)或政府的形象。在網(wǎng)頁設(shè)計(jì)中，布局與排版是十分關(guān)鍵的內(nèi)容之一，其會(huì)直接影響到瀏覽者對(duì)網(wǎng)頁的第一印象與體驗(yàn)感。因此，對(duì)于網(wǎng)頁設(shè)計(jì)的布局與排版進(jìn)行研究具有十分重大的實(shí)際意義。

　　1、計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)布局與排版原則

　　1．1布局與排版設(shè)計(jì)原則為了讓瀏覽者在瀏覽網(wǎng)頁過程中擁有更好的瀏覽體驗(yàn)，在進(jìn)行布局版本過程中要始終秉持以下原則:第一，整體布局，和諧統(tǒng)一。在網(wǎng)頁設(shè)計(jì)布局排版過程中整體布局占據(jù)著十分重要的作用。集成是網(wǎng)頁設(shè)計(jì)排版布局中常用的一個(gè)對(duì)稱形式，通過空間的.文本與圖形建立其平衡的狀態(tài)，從而產(chǎn)生和諧的美感。但是單純的平衡有時(shí)候會(huì)導(dǎo)致頁面出現(xiàn)過于死板、僵化的情況。因此，可以在對(duì)稱平衡設(shè)計(jì)中融合一些活潑、有趣的詞匯、圖形，但是要注意需要與頁面和諧統(tǒng)一。第二，主次分明，中心突出。在網(wǎng)頁頁面聚居中需要對(duì)視覺中心進(jìn)行充分的考慮，該視覺中西你通常位于頁面的關(guān)鍵區(qū)域—中部與上部的位置。因此，最有價(jià)值的信息應(yīng)該擺放在這一位置。網(wǎng)頁布局排版主次分明的最終目的是讓網(wǎng)頁可以形成清晰有序，能夠突出重點(diǎn)的視覺效果。第三，疏密有度，錯(cuò)落有致。在網(wǎng)頁布局排版中，一定要做好疏密有致，預(yù)留出一定的空白，靈活的使用字間距與行間距，制造出字間距與行間距之間的距離。對(duì)于形態(tài)與色彩的搭配運(yùn)用更要合理。例如，黑白搭配、圓形與方形搭配，以便獲得更佳的視覺效果。第四，圖文并茂，生動(dòng)有趣。圖形美觀與文字的簡(jiǎn)潔之間需要合理的搭配。如果圖形在版面設(shè)計(jì)中占據(jù)的比例更大，則文字會(huì)相應(yīng)減少，從而大大減少頁面的信息量;而如果文字太多則會(huì)使得網(wǎng)頁版面變得死板。因此，網(wǎng)頁布局與排版應(yīng)該做到圖文并茂、合理搭配，從而給網(wǎng)頁帶來更加豐富的內(nèi)容，讓網(wǎng)頁變得更加有趣。布局與排版設(shè)計(jì)方法網(wǎng)頁設(shè)計(jì)布局與排版方法主要包括以以下幾點(diǎn):第一，簡(jiǎn)潔明了。布局排版最為重要的原則就是一名了然，讓網(wǎng)頁瀏覽者可以更加順暢的瀏覽信息。第二，主色調(diào)鮮明。網(wǎng)頁設(shè)計(jì)給人的第一印象就是由主色調(diào)決定的。主色調(diào)在網(wǎng)頁布局與排版中是十分重要的，主色調(diào)過多會(huì)給瀏覽者帶來一種厭煩的感受，不利于瀏覽者長(zhǎng)時(shí)間瀏覽網(wǎng)頁。因此，網(wǎng)頁版本的主色調(diào)要進(jìn)行合理的控制，其中主色彩不能超過五種，并且要以一種主色調(diào)為主，凸顯以主導(dǎo)地位，另外幾種顏色作為烘托與點(diǎn)綴。一般來說，網(wǎng)頁設(shè)計(jì)的主色調(diào)包括黃、藍(lán)、灰、黑和白。第三，字體設(shè)置。在網(wǎng)頁設(shè)計(jì)中字體的設(shè)置也應(yīng)該始終秉持著簡(jiǎn)易的原則，通常來說不應(yīng)該超過三種字體，并且字體在版面中不宜過大，從而讓更多文字給網(wǎng)頁瀏覽者帶來更多有價(jià)值的信息。值得注意的是，要避免閃爍的文字在網(wǎng)頁設(shè)計(jì)布局中出現(xiàn)，其會(huì)給瀏覽者帶來一種厭煩的感覺。同時(shí)，在網(wǎng)頁標(biāo)題欄中字體應(yīng)該相對(duì)于正文來說要更大，顏色也需要進(jìn)行區(qū)分。

　　2、常見布局與排版

　　2．1T字型T型結(jié)構(gòu)是頂部的頁面布局為網(wǎng)站的標(biāo)語和橫幅，下列左側(cè)為主菜單，右側(cè)為內(nèi)容顯示。由于菜單的背景布置顏色更深，因此整體效果視覺類似于英文字母“T”，因此被成為T字型布局。T字型布局是網(wǎng)頁設(shè)計(jì)中十分常見的設(shè)計(jì)布局，其優(yōu)勢(shì)在于頁面結(jié)構(gòu)清晰、明確，容易正確把握主次關(guān)系;缺點(diǎn)在于較為沉悶，缺乏靈活性，如果無法準(zhǔn)確把握，不注重細(xì)節(jié)與色彩的配合，十分容易出現(xiàn)無趣、枯燥的現(xiàn)象。2.2口字型口字型布局給人一個(gè)感覺就是在頁面中間最為顯眼的主題內(nèi)容，類似于一個(gè)口字型，左側(cè)通常包括注冊(cè)信息、內(nèi)容導(dǎo)航、搜索引擎，右側(cè)通常包括動(dòng)態(tài)消息、熱點(diǎn)資訊和友情鏈接。上下兩部分為橫條廣告與菜單�？谧中筒季值膬�(yōu)勢(shì)在于可以充分利用版面，囊括較大的信息量，缺點(diǎn)在于頁面較為擁擠，過于死板［5］。口字型布局大多被應(yīng)用于國外站點(diǎn)中，國內(nèi)使用頻率較低。2.3POP布局POP布局是將一張合適的照片作為頁面設(shè)計(jì)的中心，并且在合適的位置擺放主菜單。POP布局并不是上下或左右對(duì)稱的，但是在設(shè)計(jì)過程中依然要兼顧平衡與節(jié)奏。POP布局可以實(shí)現(xiàn)動(dòng)態(tài)效果，其優(yōu)勢(shì)在于美觀，缺陷在于運(yùn)行速度較為緩慢。2.4同字型同字型的網(wǎng)頁布局一般來說內(nèi)容量都較大，網(wǎng)頁上方為標(biāo)題欄，其中內(nèi)容可以是網(wǎng)站主題或橫幅廣告，在標(biāo)題欄下可能存在小標(biāo)題。在頁面左右兩側(cè)都布置有相應(yīng)的內(nèi)容。通常來說，可能是網(wǎng)站的最新動(dòng)態(tài)、網(wǎng)站的維護(hù)管理人員以及部分廣告。同字型網(wǎng)頁的主要內(nèi)容是分布在中央位置，從上至下，根據(jù)內(nèi)容的重點(diǎn)、類型來進(jìn)行區(qū)分。網(wǎng)站下部分通常為空白，即使有內(nèi)容也是一些十分常規(guī)的內(nèi)容，包括網(wǎng)站制造方、網(wǎng)站基礎(chǔ)信息等。

　　3、結(jié)語

　　計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)布局與排版是一門藝術(shù)，針對(duì)網(wǎng)頁不同的內(nèi)容可以采用不同的布局排版形式。然而不論采用何種的布局排版形式都需要始終秉持著布局排版的原則，以設(shè)計(jì)出美觀、簡(jiǎn)潔、便捷、人性化的網(wǎng)頁，讓瀏覽者可以舒適的瀏覽網(wǎng)頁。

　　參考文獻(xiàn):

　�。�1］李娟．淺述網(wǎng)頁設(shè)計(jì)中的頁面布局技術(shù)［J］．考試周刊，2014(27):116～117．

　�。�2］董磊．網(wǎng)頁設(shè)計(jì)中視覺傳達(dá)的整合設(shè)計(jì)［J］．明日風(fēng)尚，2016(05):123，106．

　�。�3］許煒熔．讓“美”走進(jìn)學(xué)生網(wǎng)頁作品———談在網(wǎng)頁設(shè)計(jì)課堂中提高學(xué)生綜合素質(zhì)的幾點(diǎn)建議［J］．課程教育研究，2014(26):248～249．

　�。�4］梁日有．網(wǎng)頁設(shè)計(jì)中藝術(shù)創(chuàng)新的研究與實(shí)現(xiàn)探討［J］．學(xué)子(理論版)，2016(03):12～13．

　　［5］尹涓，崔曉曦．淺談網(wǎng)頁視覺設(shè)計(jì)的應(yīng)用和技巧［J］．電腦知識(shí)與技術(shù)，2015(15):204～205．

　　計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)畢業(yè)論文 篇4

　　1、計(jì)算機(jī)網(wǎng)頁包裝設(shè)計(jì)與圖像處理研究

　　1.1網(wǎng)頁包裝設(shè)計(jì)中的圖像處理方法

　　借助計(jì)算機(jī)設(shè)備所進(jìn)行的網(wǎng)頁包裝設(shè)計(jì)，需要對(duì)圖像資源進(jìn)行有針對(duì)性的處理，制作成為計(jì)算機(jī)軟件開發(fā)應(yīng)用需要的形式。在對(duì)圖像進(jìn)行制作時(shí)，要明確圖像的格式，如果是制作成為GIF圖片需要對(duì)圖像資源進(jìn)行透明處理，將其處理成為系統(tǒng)需要的圖片形式，并在圖片資源使用前，進(jìn)行反復(fù)的控制研究，幫助進(jìn)一步提升圖像的色彩搭配合理度，動(dòng)畫格式的圖像在內(nèi)存中占據(jù)的比例比較大，根據(jù)網(wǎng)頁打開后的內(nèi)存資源來對(duì)系統(tǒng)進(jìn)行更深入的設(shè)計(jì)，通過將各項(xiàng)設(shè)計(jì)理念結(jié)合使用，能夠促進(jìn)網(wǎng)站設(shè)計(jì)后的圖形表現(xiàn)效果也更加理想，這是傳統(tǒng)技術(shù)方法中很難實(shí)現(xiàn)的，也關(guān)系到網(wǎng)頁包裝設(shè)計(jì)的未來發(fā)展方向。靜態(tài)圖的制作方法相對(duì)比較簡(jiǎn)單一些，可以對(duì)圖片的整體色彩以及明亮程度進(jìn)行調(diào)整。

　　1.2網(wǎng)頁設(shè)計(jì)中的兩種特殊應(yīng)用

　　首先是鼠標(biāo)在網(wǎng)頁頁面中移動(dòng)所實(shí)現(xiàn)的動(dòng)態(tài)圖像顯示，在網(wǎng)頁被點(diǎn)擊進(jìn)入的初期，所顯示的畫面均為靜態(tài)的，當(dāng)鼠標(biāo)移動(dòng)進(jìn)入到畫面中時(shí)，圖片會(huì)自動(dòng)的播放，進(jìn)入到動(dòng)態(tài)顯示效果中，這對(duì)網(wǎng)頁的制作使用有很大幫助，并且可以減少緩存所需的'時(shí)間，在內(nèi)存上也能夠節(jié)省大量的資源，對(duì)實(shí)現(xiàn)網(wǎng)頁功能制作有很大的幫助。其次是網(wǎng)絡(luò)相冊(cè)的應(yīng)用，網(wǎng)站是具有存儲(chǔ)功能的，需要針對(duì)這一功能來進(jìn)行具體的實(shí)現(xiàn)，觀察在現(xiàn)場(chǎng)是否存在需要繼續(xù)深入解決的技術(shù)性問題，確保技術(shù)應(yīng)用是科學(xué)有效的，才能夠達(dá)到理想的技術(shù)運(yùn)用標(biāo)準(zhǔn)。設(shè)計(jì)以及圖像處理期間嗎，要將使用功能放在首位，并觀察在網(wǎng)頁的各項(xiàng)資源中是否存在沖突矛盾的問題，經(jīng)過一段時(shí)間的解決與深入探討，在技術(shù)上能夠滿足使用需求。

　　2、圖像處理在網(wǎng)頁設(shè)計(jì)中的應(yīng)用解析

　　2.1網(wǎng)頁設(shè)計(jì)中使用圖像的意義

　　網(wǎng)頁設(shè)計(jì)需要建立獨(dú)特的品牌，并充分發(fā)揮品牌的影響力，觀察在設(shè)計(jì)過程中圖像是否能夠充分發(fā)揮作用，這樣在網(wǎng)站投入使用后，點(diǎn)擊瀏覽者通過圖像標(biāo)識(shí)能夠?qū)�網(wǎng)頁產(chǎn)生深刻的影響，并對(duì)使用功能更好的了解。網(wǎng)站想要被更多的使用者所接受，需要傳達(dá)一種安全可靠的信息，而圖像是網(wǎng)站中最直觀的部分，對(duì)圖像處理進(jìn)行嚴(yán)謹(jǐn)?shù)膶?duì)待，可以提升網(wǎng)頁使用階段的安全性，并避免在系統(tǒng)中出現(xiàn)嚴(yán)重的使用功能不穩(wěn)定現(xiàn)象，促進(jìn)管理計(jì)劃在現(xiàn)場(chǎng)得到更好的落實(shí)應(yīng)用。網(wǎng)頁制作期間背景圖像選擇要與所傳播的文化理念保持一致，并將提升使用穩(wěn)定性作為設(shè)計(jì)期間需要重點(diǎn)注意的問題，避免圖像在上傳期間損壞，影響到安全使用，由此可見開展圖像處理對(duì)網(wǎng)頁包裝設(shè)計(jì)技術(shù)應(yīng)用的促進(jìn)意義。

　　2.2網(wǎng)頁圖像處理的技巧

　　首先是圖像的尺寸要進(jìn)行準(zhǔn)確的剪裁處理，觀察在設(shè)計(jì)期間是否需要對(duì)設(shè)計(jì)的內(nèi)容進(jìn)行更穩(wěn)定的處理，并通過技術(shù)方法來加深在現(xiàn)場(chǎng)調(diào)節(jié)控制的有效的方法，當(dāng)發(fā)現(xiàn)在設(shè)計(jì)內(nèi)容中，存在需要進(jìn)一步完善的內(nèi)容時(shí)，則需要進(jìn)一步的采取解決優(yōu)化措施，一旦圖像的尺寸出現(xiàn)誤差，是很難確保使用安全性的，并通過技術(shù)性方法來進(jìn)行更加深入的解決。剪裁處理后的圖像，需要結(jié)合網(wǎng)站的存儲(chǔ)能力、瀏覽量進(jìn)行測(cè)試，觀察圖片尺寸是否能夠順利的上傳，并避免在使用中出現(xiàn)損壞。其次是圖像處理要融入創(chuàng)新元素，這樣網(wǎng)頁打開后能夠使人感受到新穎，過于落后的圖片在使用期間可能會(huì)出現(xiàn)模糊損壞的現(xiàn)象，也不能夠吸引更多的網(wǎng)友來對(duì)網(wǎng)頁進(jìn)行點(diǎn)擊瀏覽，由此可見使用期間選擇圖像的重要性。可以借助網(wǎng)絡(luò)系統(tǒng)來進(jìn)行資源搜集整理，促進(jìn)管理計(jì)劃在現(xiàn)場(chǎng)得到更全面的落實(shí)，一旦發(fā)現(xiàn)質(zhì)量下降的現(xiàn)象，要及時(shí)采取技術(shù)性方法來進(jìn)一步完善系統(tǒng)中所存在的安全隱患。使圖片的處理質(zhì)量可以穩(wěn)定提升。

　　3、結(jié)語

　　互聯(lián)網(wǎng)技術(shù)的使用范圍正在不斷擴(kuò)大，也促進(jìn)了計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)得到大力發(fā)展，提高網(wǎng)頁點(diǎn)擊瀏覽量已經(jīng)成為技術(shù)發(fā)展的主體方向。網(wǎng)頁設(shè)計(jì)藝術(shù)性越來越高，設(shè)計(jì)時(shí)需要考慮的圖像因素很多，要掌握對(duì)圖像處理工具的運(yùn)用技巧。計(jì)算機(jī)圖像處理技術(shù)是網(wǎng)頁設(shè)計(jì)技術(shù)的重要部分，最終網(wǎng)頁設(shè)計(jì)的質(zhì)量直接與其相關(guān)，設(shè)計(jì)者在設(shè)計(jì)之初就要考慮頁面的整體圖片效果，把將要展示的圖像作為網(wǎng)站設(shè)計(jì)的開始，這樣網(wǎng)站設(shè)計(jì)才能很好的起步，最終設(shè)計(jì)出讓用戶滿意的作品。

　　參考文獻(xiàn):

　　[1]謝飛揚(yáng).計(jì)算機(jī)圖像處理技術(shù)在網(wǎng)頁設(shè)計(jì)中的運(yùn)用淺探[J].科技致富向?qū)?2015(04).

　　[2]李艷新.網(wǎng)頁設(shè)計(jì)中計(jì)算機(jī)圖像處理技術(shù)的應(yīng)用價(jià)值[J].電子技術(shù)與軟件工程,2015(09).

　　計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)畢業(yè)論文 篇5

　　1、基于計(jì)算機(jī)軟件技術(shù)的模塊化網(wǎng)頁技術(shù)介紹

　　在計(jì)算機(jī)軟件技術(shù)支持下，進(jìn)行網(wǎng)頁包裝與設(shè)計(jì)需要分模塊來進(jìn)行，在不同的模塊中應(yīng)用的技術(shù)方法也要做出區(qū)分，長(zhǎng)時(shí)間處于這樣的環(huán)境下，很難確保管理任務(wù)達(dá)到理想的使用標(biāo)準(zhǔn)，技術(shù)方法也是不斷發(fā)展變化的，能夠提升軟件的使用穩(wěn)定性，在功能上也能夠與設(shè)計(jì)方案保持一致。網(wǎng)頁包裝設(shè)計(jì)要體現(xiàn)出個(gè)性化，在使用功能與頁面選擇上都要保持整體性，網(wǎng)頁設(shè)計(jì)同樣需要計(jì)算機(jī)軟件的支持，在技術(shù)上體現(xiàn)出對(duì)系統(tǒng)的保護(hù)設(shè)計(jì)，這樣當(dāng)發(fā)生質(zhì)量不達(dá)標(biāo)的現(xiàn)象時(shí)，才能通過技術(shù)方法來規(guī)避，并避免在接下來的設(shè)計(jì)中出現(xiàn)嚴(yán)重的隱患問題。所設(shè)計(jì)的網(wǎng)頁也能順利投入到使用環(huán)節(jié)中。子模塊是網(wǎng)頁整體中的一部分，該模塊的設(shè)計(jì)關(guān)系到網(wǎng)頁功能是否能夠正常實(shí)現(xiàn)，基于計(jì)算機(jī)軟件技術(shù)環(huán)境下所進(jìn)行的模塊設(shè)計(jì)難度比較大，需要采取定向研究的方法來進(jìn)行調(diào)控，首先保障網(wǎng)站包裝設(shè)計(jì)的功能能夠?qū)崿F(xiàn)，再進(jìn)行細(xì)節(jié)上的'補(bǔ)充，完成設(shè)計(jì)任務(wù)。

　　2、基于計(jì)算機(jī)軟件技術(shù)的網(wǎng)頁包裝技術(shù)實(shí)現(xiàn)

　�。�1）對(duì)HTML語言的擴(kuò)充。網(wǎng)頁包裝設(shè)計(jì)期間，使用HTML語言來進(jìn)行匯編，在設(shè)計(jì)過程中，系統(tǒng)中能夠形成穩(wěn)定的使用標(biāo)準(zhǔn)，并且隨著基層中常見的技術(shù)問題產(chǎn)生，語言擴(kuò)充也能夠起到預(yù)防控制作用，技術(shù)應(yīng)用階段需要在語言中添加一些常用的功能語句識(shí)別程序，可以節(jié)省大量的網(wǎng)頁請(qǐng)求分析時(shí)間，并在基層中形成穩(wěn)定的使用標(biāo)準(zhǔn)，一旦出現(xiàn)網(wǎng)絡(luò)不穩(wěn)定的情況，也能夠?qū)⒂脩魹g覽到的界面保存，避免重要的信息資料丟失。在語言擴(kuò)充期間，需要根據(jù)模塊來記性歸類，避免出現(xiàn)語言混亂的情況，可以使用不同的背景對(duì)語言模塊進(jìn)行填充，這樣更方便區(qū)分，不容易出現(xiàn)匯編遺忘或者重復(fù)的現(xiàn)象。

　�。�2）對(duì)Web服務(wù)器的改進(jìn)。Web瀏覽器是常用的網(wǎng)頁瀏覽信息，瀏覽器在使用期間可能會(huì)出現(xiàn)請(qǐng)求應(yīng)答延遲的現(xiàn)象，在技術(shù)方法中都能夠得到有效的解決，這樣才能夠確保網(wǎng)頁功能的正常實(shí)現(xiàn)，并通過技術(shù)性方法來促進(jìn)計(jì)算機(jī)軟件得到及時(shí)的更新。瀏覽器的處理功能中，大部分是關(guān)于臨時(shí)文件來進(jìn)行的，改進(jìn)時(shí)可以保持原有的設(shè)計(jì)框架不變，這樣能夠節(jié)省大量的時(shí)間，并對(duì)設(shè)計(jì)內(nèi)容進(jìn)行定向的調(diào)節(jié)控制，這樣能夠節(jié)省大量的框架結(jié)構(gòu)形成時(shí)間，并在現(xiàn)場(chǎng)形成更理想化的運(yùn)行體系。

　　3、計(jì)算機(jī)軟件技術(shù)中的模塊化網(wǎng)頁技術(shù)作用和意義

　�。�1）高效地組織和維護(hù)Web上的信息資源。通過計(jì)算機(jī)軟件技術(shù)，能夠達(dá)到更理想化的使用標(biāo)準(zhǔn)，使用期間針對(duì)信息資源進(jìn)行整合，幫助提升使用效率，并達(dá)到理想的運(yùn)行標(biāo)準(zhǔn)。通過計(jì)算機(jī)軟件技術(shù)能夠幫助提升信息資源的利用效率，與實(shí)際情況保持一致，并且更新效率也能快速的提升。網(wǎng)頁模塊的設(shè)計(jì)也會(huì)通過模塊方法來進(jìn)行控制，觀察網(wǎng)站中可能會(huì)出現(xiàn)的問題，采取技術(shù)手段來控制，觀察網(wǎng)頁計(jì)算中可能會(huì)出現(xiàn)的問題，并對(duì)現(xiàn)場(chǎng)采取技術(shù)控制方法，觀察發(fā)現(xiàn)隱患問題后，可以第一時(shí)間解決，確保網(wǎng)站的運(yùn)行穩(wěn)定性。

　　（2）提高瀏覽網(wǎng)頁的速度。計(jì)算機(jī)軟件技術(shù)應(yīng)用后，可以幫助提升使用網(wǎng)頁的瀏覽速度，并避免出現(xiàn)數(shù)據(jù)庫損壞或者丟失的現(xiàn)象，瀏覽器之間的運(yùn)行配合能夠使數(shù)據(jù)信息內(nèi)容更豐富，用戶通過網(wǎng)頁所提出的請(qǐng)求也擁有更大的搜索范圍，在時(shí)間與效率上自然能夠得到明顯的提升。技術(shù)創(chuàng)新是通過計(jì)算機(jī)軟件技術(shù)來實(shí)現(xiàn)的，軟件中的功能需要配合框架來進(jìn)行，當(dāng)發(fā)現(xiàn)在使用期間可能會(huì)出現(xiàn)一些質(zhì)量隱患現(xiàn)象時(shí)，系統(tǒng)會(huì)第一時(shí)間將這種情況反饋到系統(tǒng)中，方便技術(shù)人員能夠第一時(shí)間查看。網(wǎng)頁中各個(gè)模塊在設(shè)計(jì)時(shí)會(huì)重點(diǎn)區(qū)分內(nèi)容，并在功能上相互進(jìn)行，互相配合達(dá)到最高效的使用效果。網(wǎng)絡(luò)狀態(tài)下網(wǎng)頁內(nèi)的信息會(huì)不斷的更新，與實(shí)際情況保持一致，用戶也能找到自己需要的信息。當(dāng)請(qǐng)求新頁面時(shí)，新頁面中那些已經(jīng)在本地有副本存在的子模塊就可以在本地得到，不需要再到Web服務(wù)器上去取，從而提高瀏覽網(wǎng)頁的速度，減少了網(wǎng)絡(luò)的數(shù)據(jù)流量。

　　4、結(jié)語

　　文中提出了模塊化網(wǎng)頁設(shè)計(jì)技術(shù)，通過子模塊的制作，可以在許多頁面之間共享子模塊中的信息;而且，在一定程度上保證了網(wǎng)站信息的一致性。通過對(duì)已經(jīng)瀏覽過的模塊進(jìn)行存儲(chǔ)可以提高網(wǎng)頁瀏覽速度，降低網(wǎng)絡(luò)數(shù)據(jù)流量和服務(wù)器的工作負(fù)擔(dān)，有助于提高搜索引擎的搜索精度和效率，對(duì)于Web應(yīng)用研究具有一定的參考價(jià)值。

　　參考文獻(xiàn)

　　[1]仇樂.網(wǎng)頁設(shè)計(jì)中計(jì)算機(jī)圖像處理技術(shù)應(yīng)用解析[J].煤炭技術(shù),2013(03).

　　[2]王國慶.探究基于DIV+CSS技術(shù)的網(wǎng)頁設(shè)計(jì)優(yōu)化方法[J].信息與電腦(理論版),2016(02).

　　計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)畢業(yè)論文 篇6

　　【摘要】本文簡(jiǎn)要地對(duì)網(wǎng)頁設(shè)計(jì)與圖形設(shè)計(jì)進(jìn)行分析，通過其運(yùn)用價(jià)值的總結(jié)，概括出了圖形設(shè)計(jì)在計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)應(yīng)用中的要點(diǎn)，以供設(shè)計(jì)工作者參考。

　　【關(guān)鍵詞】網(wǎng)頁設(shè)計(jì)；圖形設(shè)計(jì)；運(yùn)用價(jià)值；運(yùn)用要點(diǎn)

　　前言

　　科學(xué)技術(shù)的不斷進(jìn)步，促進(jìn)了計(jì)算機(jī)技術(shù)以及互聯(lián)網(wǎng)的迅速發(fā)展，在各個(gè)國家基本實(shí)現(xiàn)了全覆蓋。隨著信息時(shí)代的到來，人們對(duì)于信息的利用更加頻繁，對(duì)網(wǎng)頁的關(guān)注度逐漸升溫，好的計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)會(huì)給企業(yè)以及瀏覽者帶來更大的價(jià)值，要想成功吸引更多的人們注意網(wǎng)頁，就需要將圖形設(shè)計(jì)完美的融入其中，以達(dá)到想要的效果。

　　1、網(wǎng)頁設(shè)計(jì)與圖形設(shè)計(jì)概述

　　網(wǎng)頁設(shè)計(jì)，是為傳遞信息而進(jìn)行頁面設(shè)計(jì)的工作，其主要是依據(jù)企業(yè)的需求，利用計(jì)算機(jī)為媒介，將信息展示在瀏覽者面前。作為一種宣傳媒介，網(wǎng)頁設(shè)計(jì)的精美程度決定了瀏覽者對(duì)其的關(guān)注度，更絕對(duì)了其利用價(jià)值的大小。網(wǎng)頁設(shè)計(jì)包含以下種類：功能型網(wǎng)頁設(shè)計(jì)、形象型網(wǎng)頁設(shè)計(jì)和信息型網(wǎng)頁設(shè)計(jì)，其主要利用顏色、字體、圖片、樣式進(jìn)行美化設(shè)計(jì)，根據(jù)用戶要求策劃和設(shè)計(jì)出滿意的網(wǎng)頁，高級(jí)的網(wǎng)頁設(shè)計(jì)甚至?xí)�考慮到通過聲光、交互等來實(shí)現(xiàn)更好的試聽感受。網(wǎng)頁設(shè)計(jì)最為常用的工具包含PS、FL、AL、DW等[1]。圖形設(shè)計(jì)，是網(wǎng)頁設(shè)計(jì)技術(shù)中的重要組成部分，影響著網(wǎng)頁設(shè)計(jì)的效果，對(duì)提升網(wǎng)頁的設(shè)計(jì)感和感染力具有重要作用。圖形設(shè)計(jì)重在圖形，它是傳達(dá)信息的圖像符號(hào)，通過不同的表現(xiàn)形式，將作品中要表達(dá)的意境表現(xiàn)出來[2]，其重在創(chuàng)意上。圖形設(shè)計(jì)擁有眾多優(yōu)勢(shì)，有直觀性、審美性、指示性、象征性等，這些都能夠提升計(jì)算機(jī)網(wǎng)頁的設(shè)計(jì)效果。

　　2、圖形設(shè)計(jì)在網(wǎng)頁設(shè)計(jì)中運(yùn)用的價(jià)值

　　2.1提升計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)的藝術(shù)效果

　　圖形設(shè)計(jì)的創(chuàng)新性，可以在計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)的策劃中與眾不同，更能夠提升計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)的藝術(shù)效果，將網(wǎng)頁的別具一格的設(shè)計(jì)展現(xiàn)在用戶面前，讓更多的瀏覽者關(guān)注網(wǎng)頁，激發(fā)用戶群體的瀏覽興趣，起到更好的傳遞信息的效果。在計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)中，利用圖形設(shè)計(jì)中的完整的表達(dá)力，為用戶打造信息傳遞的視覺盛宴，保證計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)的質(zhì)量。據(jù)相關(guān)調(diào)查顯示，最受關(guān)注的網(wǎng)頁，往往是利用圖形設(shè)計(jì)相結(jié)合的。

　　2.2增添計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)色彩，向多元化發(fā)展

　　圖形設(shè)計(jì)的形式多種多樣，更可以說是資源豐富多彩，其利用音頻、圖像以及藝術(shù)文字的形式進(jìn)行計(jì)算機(jī)網(wǎng)頁的設(shè)計(jì)，大大的增添了藝術(shù)色彩和愉悅的氛圍，并使得傳統(tǒng)的單一網(wǎng)頁形式向多元化方向發(fā)展。傳統(tǒng)的計(jì)算機(jī)網(wǎng)頁只是通過簡(jiǎn)單的元素將信息傳遞給瀏覽者，在表達(dá)上基本上就是文字配以簡(jiǎn)單的圖片，在信息的檢索上更是以文字為主[3]，將現(xiàn)代的'圖形設(shè)計(jì)加入到計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)后，用戶可以通過音頻以及圖片進(jìn)行搜索，這種表現(xiàn)形式的變化圖形設(shè)計(jì)所起的作用功不可沒。

　　2.3加強(qiáng)了視覺沖擊力與感染力，更加人性化

　　計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)主要是通過文字和圖像相結(jié)合向使用者展示信息，圖像設(shè)計(jì)是將文字與圖像再加工，利用其獨(dú)特的處理技術(shù)，將文字與圖像的表現(xiàn)形式更具有視覺沖擊力與感染力，能夠較深瀏覽者的印象，提升瀏覽效率。圖形設(shè)計(jì)能夠?qū)⑽淖峙c圖像互相轉(zhuǎn)換，滿足瀏覽者的需求，并給人以簡(jiǎn)潔美觀的效果，更能夠體現(xiàn)設(shè)計(jì)者的理念，使計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)更加人性化。

　　3、圖形設(shè)計(jì)在網(wǎng)頁設(shè)計(jì)中運(yùn)用的要點(diǎn)

　　3.1圖片格式設(shè)置要符合

　　在圖形設(shè)計(jì)中，設(shè)計(jì)工作者一定要注意計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)中對(duì)圖片格式的要求，只有符合的才能夠?qū)崿F(xiàn)其利用價(jià)值，才能夠達(dá)到設(shè)計(jì)方案中的實(shí)際效果。我們?cè)跒g覽網(wǎng)頁中，經(jīng)常會(huì)出現(xiàn)圖片、音頻打不開的現(xiàn)象，使得我們需要的信息沒有很好的讀取。因此，在計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)中，一定要合理的處理圖像以及連接圖片，使其格式滿足網(wǎng)頁設(shè)計(jì)的要求，為用戶展現(xiàn)良好的視覺效果。

　　3.2圖像大小要控制在要求范圍內(nèi)

　　在計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)中，對(duì)圖像大小的要求非常嚴(yán)格，如果在利用圖形設(shè)計(jì)中不控制好圖像的大小，就會(huì)嚴(yán)重影響圖像在瀏覽者面前呈現(xiàn)的效果。計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)本身就收資源空間大小的限制，只有控制好圖像的質(zhì)量與范圍，才能夠提升網(wǎng)頁設(shè)計(jì)質(zhì)量。例如，我們?cè)跒g覽網(wǎng)頁時(shí)會(huì)經(jīng)�？匆娨恍┦д妗⒒蛘弑壤�失調(diào)的圖片，不僅影響了我們?yōu)g覽效果，還嚴(yán)重影響了我們繼續(xù)瀏覽下去的興趣。

　　3.3圖片顏色配置要科學(xué)

　　不同的色彩表現(xiàn)形式有所不同，同一的色彩會(huì)顯得單調(diào)，多種色彩搭配會(huì)顯得凌亂，在計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)中使用圖形設(shè)計(jì)時(shí)，無論哪種顏色都要優(yōu)化配置好，并要有一定的科學(xué)性。在圖形設(shè)計(jì)中，可以通過PS實(shí)際軟件對(duì)圖片進(jìn)行顏色調(diào)整，使其適合計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)整體色調(diào)，為瀏覽者展示良好的畫面感。

　　4、結(jié)束語

　　計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)本身就具有一定的難度，圖形設(shè)計(jì)的加入使之更加的繁瑣，設(shè)計(jì)人員在運(yùn)用過程中一定要加以注意，更具網(wǎng)頁設(shè)計(jì)的實(shí)際要求進(jìn)行圖形的選擇與處理，才能夠增強(qiáng)圖形設(shè)計(jì)在計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)中的視覺效果，實(shí)現(xiàn)其使用價(jià)值。

　　參考文獻(xiàn)

　　[1]王正紅.探討網(wǎng)頁設(shè)計(jì)中圖形的應(yīng)用[J].現(xiàn)代裝飾（理論），2014，11：86.

　　[2]溫雪，畢軍濤，孫授卿.試析計(jì)算機(jī)圖形圖像設(shè)計(jì)以及視覺傳達(dá)設(shè)計(jì)[J].通訊世界，2015，17：221.

　　[3]王燕軍.網(wǎng)頁設(shè)計(jì)中計(jì)算機(jī)圖像處理技術(shù)的應(yīng)用[J].電子技術(shù)與軟件工程，2016，13：104.

　　計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)畢業(yè)論文 篇7

　　摘要：隨著現(xiàn)代社會(huì)的發(fā)展，計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)已經(jīng)更多的依靠于多媒體技術(shù)的運(yùn)用，這是因?yàn)樵诤艽蟪潭壬隙嗝襟w技術(shù)可以提高網(wǎng)頁自身的內(nèi)容質(zhì)量和含量。同時(shí)節(jié)省大量的工作時(shí)間，令相關(guān)的網(wǎng)頁設(shè)計(jì)人員有更多時(shí)間處理其他的技術(shù)難題。本文就是通過如何運(yùn)用多媒體技術(shù)和網(wǎng)頁自身的設(shè)計(jì)特點(diǎn)這兩個(gè)方面的難題解決，進(jìn)行了比較詳細(xì)的論述。

　　關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)；計(jì)算機(jī)；多媒體技術(shù)

　　1、網(wǎng)頁設(shè)計(jì)和多媒體技術(shù)

　　從概念角度進(jìn)行分析，網(wǎng)頁設(shè)計(jì)就是設(shè)計(jì)美學(xué)和網(wǎng)絡(luò)信息技術(shù)這兩種理念的有效結(jié)合。這是因?yàn)榫W(wǎng)友在進(jìn)行網(wǎng)頁瀏覽時(shí)不僅僅只是為了去尋找他們所需要的信息，更多時(shí)候也是網(wǎng)頁設(shè)計(jì)本身的美觀和色彩、圖形吸引了他們。要想達(dá)到這一點(diǎn)，不僅僅要掌握熟練的網(wǎng)頁設(shè)計(jì)的理論，還要在這一基礎(chǔ)上處理其他數(shù)據(jù)并且利用計(jì)算機(jī)多媒體技術(shù)，對(duì)數(shù)據(jù)進(jìn)行不斷的壓縮和處理。目前的網(wǎng)頁設(shè)計(jì)中，多媒體技術(shù)幾乎能處理的所有類型的信息和能用到的媒體。比如，在信息的處理過程中可能會(huì)要把圖形的文件格式進(jìn)行改變，按照項(xiàng)目的要求進(jìn)行圖形存儲(chǔ)、壓縮。這就要求工作人員必須在較短時(shí)間內(nèi)從冗長(zhǎng)的視頻文件中選取一段可以使用的視頻或者文件進(jìn)行合成和利用。以此幫助設(shè)計(jì)人員對(duì)于不同頻率的聲音或影像進(jìn)行變頻、合成和特效的加入。

　　2、多媒體技術(shù)在網(wǎng)頁設(shè)計(jì)之中的具體應(yīng)用

　　2.1運(yùn)用在即時(shí)通信之中

　　網(wǎng)頁在設(shè)計(jì)時(shí)，要特別注意保證一定的通信質(zhì)量和傳輸速度。這是因?yàn)榫W(wǎng)頁是借助互聯(lián)網(wǎng)實(shí)現(xiàn)信息傳播的功能的。所以，隨著網(wǎng)頁的內(nèi)容不斷豐富，傳輸時(shí)就會(huì)出現(xiàn)網(wǎng)頁無法瀏覽或者打開緩慢的問題。如果要從根本上去解決這類問題，就要通過多媒體技術(shù)進(jìn)行。多媒體技術(shù)的使用可以使文件進(jìn)行壓縮、開啟或者限制多數(shù)據(jù)流通道。通過這一過程，使得網(wǎng)頁打開不僅變成了連續(xù)性的操作，也變成了一個(gè)集播放和存儲(chǔ)于一體的過程。多媒體處理技術(shù)的運(yùn)用，可以幫助設(shè)計(jì)人員在進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)實(shí)現(xiàn)不同用戶在同一時(shí)間對(duì)相同的數(shù)據(jù)進(jìn)行要求，這種功能可以影片檢索或者交互性比較強(qiáng)的視頻網(wǎng)站中，實(shí)現(xiàn)不同媒體間的同步。

　　2.2促進(jìn)網(wǎng)頁的網(wǎng)絡(luò)連接

　　當(dāng)網(wǎng)頁正式工作之后，在實(shí)現(xiàn)保證數(shù)據(jù)的傳輸和使用之后，因?yàn)樵L問量不斷的增大使得承載媒體的數(shù)量也不斷的擴(kuò)張。當(dāng)使用者網(wǎng)絡(luò)連接時(shí)，很容易出現(xiàn)信息通信中斷或者網(wǎng)頁打開緩慢的問題。這就說明了多媒體技術(shù)在網(wǎng)頁媒體數(shù)據(jù)傳輸時(shí)，壓縮和解壓相關(guān)的文件就變得很重要了。大量的實(shí)時(shí)數(shù)據(jù)在用戶傳輸之前，一定會(huì)造成網(wǎng)絡(luò)寬帶壓力增大的問題，甚至高峰時(shí)期還會(huì)出現(xiàn)堵塞的現(xiàn)象。所以先壓縮、后傳輸?shù)姆绞接行П苊饬送�一用戶�?duì)網(wǎng)絡(luò)長(zhǎng)時(shí)間占有的現(xiàn)象。

　　2.3幫助設(shè)計(jì)者設(shè)計(jì)網(wǎng)頁形象

　　計(jì)算機(jī)多媒體技術(shù)在網(wǎng)頁形象化的設(shè)計(jì)中，也具有很大的應(yīng)用價(jià)值。多媒體技術(shù)可以為網(wǎng)頁設(shè)計(jì)者提供多種素材，圖像和視頻的加入使網(wǎng)頁設(shè)計(jì)的內(nèi)容和形式能變得更加生動(dòng)和形象。網(wǎng)民在進(jìn)行網(wǎng)頁瀏覽時(shí)，更傾向于網(wǎng)頁中豐富多彩的多媒體應(yīng)用技術(shù)。通過使用多媒體技術(shù)和手段，可以在進(jìn)行網(wǎng)頁的設(shè)計(jì)時(shí)增加網(wǎng)民對(duì)網(wǎng)頁產(chǎn)生出的形象和生動(dòng)的感覺。同時(shí)，也能給我們的視覺上造成強(qiáng)烈的沖擊。網(wǎng)頁設(shè)計(jì)時(shí)，也可以利用多媒體技術(shù)進(jìn)行設(shè)計(jì)網(wǎng)頁加載程序。這樣，就能夠?qū)崿F(xiàn)對(duì)網(wǎng)頁的快速瀏覽，也可以實(shí)現(xiàn)網(wǎng)頁設(shè)計(jì)上的絢麗奪目。

　　3、多媒體應(yīng)用技術(shù)應(yīng)當(dāng)注意到的問題

　　在進(jìn)行網(wǎng)頁設(shè)計(jì)使用多媒體技術(shù)的過程中，要對(duì)多媒體元素的格式進(jìn)行合理、合適的選擇。避免在載入文件時(shí)發(fā)生網(wǎng)頁打不開或者文件不能載入的情況。要對(duì)多媒體技術(shù)的應(yīng)用進(jìn)行選擇，注重網(wǎng)頁設(shè)計(jì)的質(zhì)量與效果進(jìn)行完善的網(wǎng)頁設(shè)計(jì)。以下是在網(wǎng)頁設(shè)計(jì)時(shí)要注意的多媒體技術(shù)運(yùn)用問題。

　　3.1重視多媒體技術(shù)與自身設(shè)計(jì)藝術(shù)的結(jié)合

　　在把多媒體技術(shù)的元素應(yīng)用在有效的網(wǎng)頁設(shè)計(jì)之前，要考慮到這種結(jié)合是否合適、是否具有藝術(shù)性。這就要求在進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)，要保證多媒體技術(shù)的應(yīng)用與網(wǎng)頁內(nèi)容和形式的和諧統(tǒng)一。在網(wǎng)頁設(shè)計(jì)時(shí)，既要考慮頁面的整體感，也要注重在畫面的細(xì)節(jié)和微小編排設(shè)計(jì)上的設(shè)計(jì)。要保證各種信息和元素能夠和諧相處，并且有效的突出主題。

　　3.2在網(wǎng)頁設(shè)計(jì)中注意相互信息之間的平衡

　　設(shè)計(jì)者要突出一個(gè)網(wǎng)頁的主題，不僅要求設(shè)計(jì)者本身具有很深的設(shè)計(jì)功底也要使設(shè)計(jì)的主題同他的風(fēng)格相一致。所以，這就要求工作人員利用多媒體技術(shù)設(shè)計(jì)網(wǎng)頁時(shí)要添加保障圖片、文字、動(dòng)畫于一體的網(wǎng)頁主體。要時(shí)刻照顧到網(wǎng)頁頁面的和諧和搭配。無論如何，再進(jìn)行具體的.設(shè)計(jì)時(shí)網(wǎng)頁的設(shè)計(jì)人員都要注意是否突出了主體，也要在設(shè)計(jì)時(shí)充分考慮到多媒體手段可以對(duì)網(wǎng)頁設(shè)計(jì)形成哪些優(yōu)勢(shì)。這樣，通過多媒體技術(shù)的應(yīng)用，使設(shè)計(jì)者的設(shè)計(jì)思想和能力在網(wǎng)頁設(shè)計(jì)中能得到一個(gè)完美的展現(xiàn)。同時(shí)抓住網(wǎng)民的眼球，提升自身網(wǎng)站的吸引力。

　　3.3注重整體上的色彩平衡

　　在具體的網(wǎng)頁設(shè)計(jì)過程中，設(shè)計(jì)者要十分注重網(wǎng)頁在形式、色彩搭配、色彩比例上和自身的內(nèi)容的表現(xiàn)。尤其在色彩平衡上要注意運(yùn)用多媒體技術(shù)在設(shè)計(jì)之前就遵循原則，做出一定的企劃。具體來說，這種原則要求網(wǎng)頁頁面的設(shè)計(jì)者要讓頁面設(shè)計(jì)看起來“總體協(xié)調(diào)，局面對(duì)比”。這也就是說在網(wǎng)頁的設(shè)計(jì)時(shí)，要選擇不同主題同時(shí)選擇不同的色彩，以此表現(xiàn)和突出每一個(gè)主題。用文字顏色和背景顏色的區(qū)別，有效地把圖片和文字進(jìn)行對(duì)比是網(wǎng)頁設(shè)計(jì)中體現(xiàn)出一種經(jīng)典模式。在這一過程中，整體畫面的和諧和局部場(chǎng)景對(duì)比的美，顯示了網(wǎng)頁設(shè)計(jì)師根據(jù)具體的信息對(duì)網(wǎng)頁上進(jìn)行有效設(shè)計(jì)的能力。也可以在網(wǎng)頁打開時(shí)，設(shè)計(jì)者能把想要展示的內(nèi)容都集中在一個(gè)頁面上，使保障信息一目了然。

　　4、結(jié)語

　　多媒體技術(shù)，在網(wǎng)頁的設(shè)計(jì)過程中具有非常重要的作用。它不僅能為網(wǎng)頁的設(shè)計(jì)提供豐富的素材，還能通過載入豐富的圖像和視頻等方式使網(wǎng)頁的設(shè)計(jì)和感官變得更加豐富多彩。在網(wǎng)頁瀏覽過程中，網(wǎng)友更喜歡給人視覺沖擊力的網(wǎng)頁，但是也要注意由于多媒體是一種加載程序，對(duì)網(wǎng)頁而言可能會(huì)有一定的負(fù)擔(dān)，設(shè)計(jì)人員要根據(jù)具體實(shí)際的要求對(duì)多媒體技術(shù)有效應(yīng)用，實(shí)現(xiàn)快捷和絢麗的網(wǎng)頁的制作。

　　參考文獻(xiàn)：

　　[1]吉興全,徐峰,袁中香,于永進(jìn),陳爾奎.異構(gòu)無線網(wǎng)絡(luò)接入策略的比較研究[J].電子質(zhì)量,2013(02).

　　[2]白鳳孌.浙江中控ECS-700DCS與AllLink數(shù)采終端數(shù)據(jù)采集的設(shè)計(jì)與實(shí)現(xiàn)[J].河北企業(yè),2013(02).

　　[3]高惠莉.計(jì)算機(jī)多媒體教學(xué)常態(tài)化探究——基于大學(xué)英語多媒體教學(xué)的實(shí)證研究[J].中國電化教育,2013(02).

　　[4]陳平,劉明,楊秀杰.計(jì)算機(jī)多媒體技術(shù)專業(yè)課程標(biāo)準(zhǔn)與職業(yè)崗位技能標(biāo)準(zhǔn)對(duì)接研究[J].學(xué)園(教育科研),2013(03).

　　計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)畢業(yè)論文 篇8

　　【摘要】

　　本文以就業(yè)信息管理平臺(tái)為例，研究網(wǎng)頁設(shè)計(jì)中表格與層的應(yīng)用，提出表格與層可以讓網(wǎng)頁的布局整齊美觀，將網(wǎng)頁中的文字、圖片、動(dòng)畫等眾多元素有條理地統(tǒng)一組織起來。雖然表格的使用整體上是好的，但在一些細(xì)節(jié)的美化上表格的設(shè)計(jì)就難以做到，這就要采用層來搭配表格的設(shè)計(jì)解決相應(yīng)的排版美化問題。

　　【關(guān)鍵詞】網(wǎng)頁設(shè)計(jì)；表格；層；就業(yè)信息管理平臺(tái)

　　隨著信息技術(shù)的日新月異，網(wǎng)頁設(shè)計(jì)的重要性也逐漸凸顯，如何快速、方便地設(shè)計(jì)出相關(guān)的網(wǎng)頁、網(wǎng)站就顯得非常重要。在網(wǎng)頁設(shè)計(jì)與制作的教學(xué)過程中，如何讓學(xué)生快速地掌握網(wǎng)頁設(shè)計(jì)的一些排版技巧是非常有必要的。因此，筆者結(jié)合網(wǎng)頁設(shè)計(jì)與制作教學(xué)中的一些體會(huì)，并通過就業(yè)信息管理平臺(tái)的設(shè)計(jì)案例，探索網(wǎng)頁設(shè)計(jì)中表格與ApDiv（層）的排版設(shè)計(jì)技巧。

　　一、Dreamweavercs簡(jiǎn)介

　　Dreamweavercs是由Adobe公司推出的一套擁有可視化編輯界面，用于制作并編輯網(wǎng)站和移動(dòng)應(yīng)用程序的網(wǎng)頁設(shè)計(jì)軟件。目前，最新的版本為DreamweaverCC，網(wǎng)頁設(shè)計(jì)軟件的功能強(qiáng)大。對(duì)網(wǎng)頁的瀏覽已經(jīng)是我們生活中的不可分割的一部分，網(wǎng)頁作為網(wǎng)絡(luò)信息傳播的主要載體，其設(shè)計(jì)也為大家所關(guān)注。網(wǎng)頁設(shè)計(jì)軟件的種類有很多，但最出名、最專業(yè)的網(wǎng)頁設(shè)計(jì)工具，非Dreamweaver莫屬。它是著名的“所見即所得”的可視化網(wǎng)站開發(fā)工具，目前的網(wǎng)頁設(shè)計(jì)幾乎都采用Dreamweaver來設(shè)計(jì)。Dreamweaver不僅提供了強(qiáng)大的網(wǎng)頁編輯功能，而且還提供了網(wǎng)頁的上傳工具。利用FTP進(jìn)行大文件的'傳輸，節(jié)省了文件的傳輸時(shí)間，它是一個(gè)集網(wǎng)頁創(chuàng)作和文件傳輸管理等多功能的設(shè)計(jì)工具。

　　二、表格與層在網(wǎng)頁設(shè)計(jì)中的使用

　　在就業(yè)信息管理平臺(tái)的設(shè)計(jì)中，采用程序設(shè)計(jì)，可以很好地提高網(wǎng)頁的下載與瀏覽速度，但對(duì)于初學(xué)者來說，程序設(shè)計(jì)是一件頭痛的事。因此，如何利用表格與層來進(jìn)行設(shè)計(jì)，就非常重要。網(wǎng)頁設(shè)計(jì)中的排版有很多種方法，其中表格結(jié)合層的使用排版是最基本也是最有效的方法。表格與層，對(duì)職業(yè)院校的學(xué)生來說，非常容易學(xué)，而且使用也非常方便，做出來的網(wǎng)頁也非常的漂亮，因此，在網(wǎng)頁設(shè)計(jì)中表格與層是非常重要的。

　　（一）網(wǎng)頁設(shè)計(jì)中表格的使用。在網(wǎng)頁設(shè)計(jì)中，利用表格的排版，它的整體效果好是毋庸置疑的，表格在網(wǎng)頁中的位置可以通過表格屬性來進(jìn)行設(shè)置。在Dreamweaver中，頁面內(nèi)容的設(shè)計(jì)、排版主要是通過表格來完成。通過表格的相互嵌套、合并與拆分，可以將自己構(gòu)思好的頁面完整地表現(xiàn)出來。表格在網(wǎng)頁中的重要作用，主要是它在不同的顯示上，可以根據(jù)網(wǎng)頁的大小、顯示器的大小進(jìn)行相應(yīng)的變化。并始終都處于瀏覽的相對(duì)位置，完整地把內(nèi)容顯示出來，具有很好的兼容性。因此，使用表格排版比較規(guī)范，整體性強(qiáng)，可以讓網(wǎng)頁的設(shè)計(jì)顯得非常的整齊，達(dá)到想要的效果。但由于表格的整體性，在一些細(xì)微的地方以及操作上還不夠細(xì)化，在內(nèi)容的設(shè)計(jì)表現(xiàn)上還不夠豐富。

　�。ǘ�）網(wǎng)頁設(shè)計(jì)中層的使用。層的使用在網(wǎng)頁設(shè)計(jì)中也是非常的普遍，由于它的定位比較精確，又是一種可視化操作元素，它的使用讓網(wǎng)頁增加了豐富的表現(xiàn)。層與表格的使用基本差不多，但在位置的定位上要比表格方便很多，這也是層的主要優(yōu)點(diǎn)。在網(wǎng)頁設(shè)計(jì)中，文本、圖像、表格等元素只能固定其位置，不能相互疊加。如果要想使多個(gè)元素進(jìn)行疊加或者定位要精確，在這種情況下，就需要使用層來進(jìn)行設(shè)置。層具有很多表格所不具備的特點(diǎn)，如層的重疊、移動(dòng)、隱藏等一些功能，層還可以添加一些動(dòng)作行為，讓層的內(nèi)容表現(xiàn)更加豐富，也正是基于這一點(diǎn)，層成了網(wǎng)頁設(shè)計(jì)中一個(gè)重要的元素。層的這些特點(diǎn)有助于設(shè)計(jì)思維不受局限，從而在設(shè)計(jì)上有很大的空間。由于它是一種流元素，層在具有上述優(yōu)點(diǎn)的同時(shí)，也存在著一些不可避免的缺陷，例如層在網(wǎng)頁中的定位不會(huì)隨著瀏覽器大小的變化而變化，層的位置是固定不動(dòng)的，在這樣的情況下就失去了層在網(wǎng)頁設(shè)計(jì)布局中的意義。

　　（三）就業(yè)信息管理平臺(tái)中表格與層的結(jié)合使用。表格與層的結(jié)合使用才能更好地體現(xiàn)出它們的優(yōu)勢(shì)，層也才能更好地體現(xiàn)出它在網(wǎng)頁設(shè)計(jì)中的強(qiáng)大功能。在網(wǎng)頁設(shè)計(jì)中，如何做到表格跟層的統(tǒng)一、層與表格融為一個(gè)整體，這就要用到層在表格中的插入操作，以及層的嵌套使用，下面以就業(yè)信息管理平臺(tái)中制作下拉菜單為例來設(shè)計(jì)。首先，在網(wǎng)頁中插入一個(gè)三行一列的表格，在表格的第一行插入一張圖片，作為網(wǎng)頁設(shè)計(jì)的Logo，而在第二行中插入一個(gè)嵌套的一行五列的表格作為網(wǎng)頁的導(dǎo)航條，表格的第三行作為主要內(nèi)容的設(shè)計(jì)與排版。

　　三、表格與層的正確應(yīng)用表格與層

　　在網(wǎng)頁設(shè)計(jì)中雖然有強(qiáng)大的功能，但在使用的過程中也不能太隨意，如果隨意地使用就會(huì)增加瀏覽器的負(fù)擔(dān)，瀏覽下載的速度就會(huì)變慢，影響網(wǎng)頁的瀏覽。

　　（一）表格布局出現(xiàn)的問題。在網(wǎng)頁設(shè)計(jì)中，利用表格排版的時(shí)候，不能使用一個(gè)大大的表格鋪滿整個(gè)頁面，這樣不利于瀏覽器的打開。瀏覽器打開一個(gè)表格，是要等一個(gè)表格全部下載完成，這樣就需要很長(zhǎng)的時(shí)間來打開這個(gè)網(wǎng)頁。在表格的嵌套中，也不能無限制地嵌套下去，一般表格的嵌套，應(yīng)該控制在最多三層表格，如果嵌套的表格太多，打開時(shí)也會(huì)消耗大量的資源，不利于網(wǎng)頁的打開。有數(shù)據(jù)統(tǒng)計(jì)，一般瀏覽者打開網(wǎng)頁的等待時(shí)間為7秒以內(nèi)。如何解決這個(gè)問題，主要采用拆分表格的方法，將一個(gè)大的表格拆分成幾個(gè)小的表格，并要盡可能地避免表格的層層嵌套。

　�。ǘ�）層布局出現(xiàn)的偏差。在網(wǎng)頁的設(shè)計(jì)中，層的單獨(dú)使用沒有多大的意義，因?yàn)閷邮橇髟�素，不�?huì)隨著網(wǎng)頁瀏覽器的變化而變化，它的位置是固定的，不會(huì)產(chǎn)生移動(dòng)。雖然有時(shí)候，我們?cè)诶�用表格與層排版的時(shí)候，看起來很整齊，但一預(yù)覽就完全錯(cuò)位了，根本不是想要的效果。如何才能使層與頁面中的表格一樣，能夠隨瀏覽器的變化而產(chǎn)生相對(duì)位置上的變化，這就需要先使用表格對(duì)整個(gè)網(wǎng)頁的整體進(jìn)行規(guī)劃，然后添加一個(gè)層到表格中的一個(gè)單元格中，作為一個(gè)父層。操作的方法為：菜單欄中的插入—布局對(duì)象—ApDiv，插入后，這個(gè)層的位置左、上必須為空，沒有任何內(nèi)容。然后，其他的子層就通過這個(gè)父層進(jìn)行嵌套，在這里必須強(qiáng)調(diào)的是，父層必須通過菜單欄的插入，不能通過用鼠標(biāo)畫出來的方式操作。采用這種方法設(shè)置層后，無論瀏覽器的窗口大小如何變化，它都會(huì)跟著變化，體現(xiàn)了與表格成為一個(gè)整體，在瀏覽時(shí)就不會(huì)產(chǎn)生位置上的移動(dòng)，因此，層只有結(jié)合表格的使用才能更好地豐富網(wǎng)頁內(nèi)容。

　　總之，在網(wǎng)頁設(shè)計(jì)中，表格與層是非常重要的元素，但在布局設(shè)計(jì)中，只有把表格與層結(jié)合使用，才能讓網(wǎng)頁的布局精美與豐富。網(wǎng)頁中的內(nèi)容雖然很重要，但網(wǎng)頁中的設(shè)計(jì)與布局才是最重要的。因此，通過合理的布局設(shè)置，特別是主頁設(shè)計(jì)要整齊美觀，才可能更好地吸引讀者。因此，在平時(shí)的網(wǎng)頁設(shè)計(jì)中，要多看一些優(yōu)秀網(wǎng)站的排版設(shè)計(jì)，只有這樣，才能更好地提高自己的網(wǎng)頁設(shè)計(jì)能力。

　　【參考文獻(xiàn)】

　�。�1］俞燕丹．項(xiàng)目教學(xué)法在《網(wǎng)頁設(shè)計(jì)與制作》課程中的實(shí)踐研究［J］．新課程研究（中旬刊），2015（10）

　�。�2］韓媛媛．淺談Dreamweaver在網(wǎng)頁設(shè)計(jì)中的應(yīng)用［J］．信息與電腦，2016（7）

　�。�3］周金容．網(wǎng)頁制作過程與技巧［J］．軟件導(dǎo)刊，2016（15）

　　計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)畢業(yè)論文 篇9

　　一、asp技術(shù)簡(jiǎn)介

　　asp技術(shù) asp(active server pages動(dòng)態(tài)網(wǎng)頁)是微軟公司推出的一種用以取代cgi(common gateway interface通用網(wǎng)關(guān)接口)的技術(shù)。目前，internet上的許多基于windows平臺(tái)的web站點(diǎn)已開始應(yīng)用asp來替換cgi。 簡(jiǎn)單地講，asp是一個(gè)位于服務(wù)器端的腳本運(yùn)行環(huán)境，通過這種環(huán)境，用戶可以創(chuàng)建和運(yùn)行動(dòng)態(tài)的交互式web服務(wù)器應(yīng)用程序，如交互式動(dòng)態(tài)網(wǎng)頁，包括使用html表單收集和處理信息，上傳與下載等等。通常情況下，用戶通過瀏覽器看到的網(wǎng)頁大多是靜態(tài)的，目前internet 上的許多站點(diǎn)，仍然提供"靜態(tài)"(static)的主頁內(nèi)容。 所謂"靜態(tài)"，指的就是站點(diǎn)的主頁內(nèi)容是"固定不變"的。 當(dāng)瀏覽器通過internet 的http (hypertext transport protocol)協(xié)議，向站點(diǎn)服務(wù)器(web server)要求提供主頁的內(nèi)容時(shí)，站點(diǎn)服務(wù)器收到要求后，就傳送原已設(shè)計(jì)好的靜態(tài)的html 的文件數(shù)據(jù)給瀏覽器。 一個(gè)"靜態(tài)"的站點(diǎn)，若要更新主頁的內(nèi)容，必須手動(dòng)的來更新其html的文件數(shù)據(jù)。而隨著web應(yīng)用的發(fā)展，用戶希望能夠看到根據(jù)要求而動(dòng)態(tài)生成的主頁，例如響應(yīng)用戶查詢數(shù)據(jù)庫的要求、生成報(bào)表等。當(dāng)在瀏覽器上填好表單(form)的輸入數(shù)據(jù)，以提供http要求時(shí)，可以在站點(diǎn)服務(wù)器中執(zhí)行的應(yīng)用程序，而不只是一個(gè)html 文件。

　　站點(diǎn)服務(wù)器收到要求執(zhí)行的應(yīng)用程序，分析表單(form)的輸入數(shù)據(jù)，將執(zhí)行的結(jié)果以html的格式傳送給瀏覽器。 根據(jù)用戶請(qǐng)求生成動(dòng)態(tài)主頁的傳統(tǒng)方法有cgi、isapi等。cgi是根據(jù)瀏覽器端的http請(qǐng)求激活響應(yīng)進(jìn)程，每一個(gè)請(qǐng)求對(duì)應(yīng)一個(gè)進(jìn)程。當(dāng)同時(shí)有很多請(qǐng)求時(shí)，程序擠占系統(tǒng)資源，造成效率低下;isapi針對(duì)這一缺點(diǎn)進(jìn)行改進(jìn)，利用dll(動(dòng)態(tài)鏈接庫)技術(shù)，以線程代替進(jìn)程，提高了性能和速度，但要考慮線程的同步問題，而且開發(fā)步驟煩瑣。這兩種技術(shù)和另一普遍使用的開發(fā)動(dòng)態(tài)網(wǎng)頁的技術(shù)java都還存在著另外一個(gè)問題，那就是開發(fā)困難，程序的開發(fā)和html寫作是兩個(gè)完全不同的過程，需要專門的程序員開發(fā)。而較簡(jiǎn)單的開發(fā)技術(shù)如javascript和idc(internet database connector)等功能有限，不敷使用。

　　asp使用的activex技術(shù)基于開放設(shè)計(jì)環(huán)境，用戶可以自己定義和制作組件加入其中，使自己的動(dòng)態(tài)網(wǎng)頁幾乎具有無限的擴(kuò)充能力，這是傳統(tǒng)的cgi等程序所遠(yuǎn)遠(yuǎn)不及的地方。asp與常見的在client端實(shí)現(xiàn)動(dòng)態(tài)主頁的技術(shù)如java applet、activex control、vbscript、javascript等不同，asp中的命令和script語句都是由服務(wù)器來解釋執(zhí)行的，執(zhí)行結(jié)果產(chǎn)生動(dòng)態(tài)生成的web頁面并送到瀏覽器;而client端技術(shù)的script命令則是由瀏覽器來解釋執(zhí)行。由于asp是在服務(wù)器端解釋執(zhí)行，開發(fā)者可以不必考慮瀏覽器是否支持asp;同時(shí)由于它在服務(wù)器端執(zhí)行，開發(fā)者也不必?fù)?dān)心別人下載程序從而竊取編程邏輯。asp通過后綴名為.asp的asp文件來實(shí)現(xiàn)，一個(gè).asp文件相當(dāng)于一個(gè)可執(zhí)行文件，因此必須放在web服務(wù)器上有可執(zhí)行權(quán)限的目錄下。當(dāng)用戶從瀏覽器輸入了.asp文件的地址后，瀏覽器就將這個(gè)url請(qǐng)求發(fā)給web server，如果web server上裝了asp，就調(diào)用asp。asp讀出相應(yīng).asp文件，解釋并執(zhí)行命令，動(dòng)態(tài)生成一個(gè)html頁面回傳web server，然后web server再把結(jié)果發(fā)送給瀏覽器。asp文件的制作和html類似，且和html開發(fā)集成，可以在同一個(gè)過程完成，利用asp將可以執(zhí)行的腳本嵌入到html文件中(將html文件的后綴名改為.asp)，這使得html文件的編寫與腳本的開發(fā)融合在一起。通過asp內(nèi)置的對(duì)象、服務(wù)器組件(server component)可以完成非常復(fù)雜的任務(wù)，而且用戶還可以自己開發(fā)或利用別人開發(fā)的服務(wù)器組件完成專門的任務(wù)。asp比較網(wǎng)關(guān)及服務(wù)器擴(kuò)展模式有著以下優(yōu)點(diǎn)：

　　(1)完全與html文件融合在一起;

　　(2)容易創(chuàng)建，不需要其它編譯、鏈接程序;

　　(3)面向?qū)ο蟮牟⑼ㄟ^activex server對(duì)象可擴(kuò)展。

　　二、電子商務(wù)數(shù)據(jù)訪問方式

　　電子商務(wù)是指通過電子方式，并在網(wǎng)絡(luò)基礎(chǔ)上實(shí)現(xiàn)物資、人員過程的協(xié)調(diào)，以便商業(yè)交換的活動(dòng)。在電子商務(wù)系統(tǒng)中，web提供了與客戶進(jìn)行通信聯(lián)絡(luò)的有效手段，利用web技術(shù)，實(shí)現(xiàn)web服務(wù)器與數(shù)據(jù)庫系統(tǒng)的`連接，完成對(duì)數(shù)據(jù)的處理與查詢，用戶可以通過操作簡(jiǎn)單易學(xué)的瀏

　　覽器來查詢處理所需要的各種數(shù)據(jù)。 實(shí)現(xiàn)web服務(wù)器與數(shù)據(jù)庫的連接一般有兩種方法：一種是利用中間件技術(shù)在兩者之間建立連接和通信，如cgi(通用網(wǎng)關(guān)接口)和api(應(yīng)用程序編程接口)。

　　web服務(wù)器通過調(diào)用cgi程序?qū)崿F(xiàn)與web瀏覽器的交互，即cgi程序接受瀏覽器發(fā)給web服務(wù)器的信息，進(jìn)行處理后，將相應(yīng)結(jié)果再送回給web服務(wù)器，通過web服務(wù)器將信息傳送給瀏覽器。但cgi程序在響應(yīng)速度和資源利用等方面有較大局限性，客戶端每請(qǐng)求一個(gè)cgi程序，服務(wù)器端便打開一個(gè)進(jìn)程，當(dāng)請(qǐng)求的數(shù)量較大時(shí)容易引起瓶頸現(xiàn)象，開發(fā)人員常利用api編程來擴(kuò)展服務(wù)器功能，api程序占系統(tǒng)資源少，運(yùn)行效率較高，但它的編程較cgi程序更為復(fù)雜;另一種是由瀏覽器中的java小應(yīng)用程序(java applet)通過瀏覽器訪問web服務(wù)器上的數(shù)據(jù)庫，利用了jdbc(java database connectivity)技術(shù)，它通過jdbc提供的api實(shí)現(xiàn)對(duì)web server的訪問。由于java applet本身的局限性，目前大多數(shù)的應(yīng)用是基于中間件技術(shù)的。asp也是屬于中間件的一種模式，但在windows平臺(tái)上它比較網(wǎng)關(guān)及服務(wù)器擴(kuò)展模式有著較大的優(yōu)點(diǎn)。網(wǎng)關(guān)的最大特點(diǎn)是它的平臺(tái)無關(guān)性，但網(wǎng)關(guān)程序通常較難編寫和改變。網(wǎng)關(guān)程序通常是一個(gè)獨(dú)立的程序，并不和html文件融合在一起，它需要用如c、c++、vb、perl等語言來編寫?yīng)毩⒌膽?yīng)用程序，而asp應(yīng)用改變了這一點(diǎn)。使用asp不僅可以讀取access和 sql server的數(shù)據(jù)庫，而且還可以讀取其他odbc(open database connect 開放式數(shù)據(jù)庫互聯(lián))兼容的數(shù)據(jù)庫。

　　在asp中訪問數(shù)據(jù)庫是通過ado(activex database object活動(dòng)數(shù)據(jù)對(duì)象)及事務(wù)處理語句來實(shí)現(xiàn)的。ado是一種操作microsoft所支持的數(shù)據(jù)庫的方法，是一項(xiàng)容易使用并且可擴(kuò)展的將數(shù)據(jù)庫訪問添加到 web 頁的技術(shù)。ado對(duì)象的使用與dao(數(shù)據(jù)訪問對(duì)象)、rdo(遠(yuǎn)程數(shù)據(jù)對(duì)象)的方式相似。在asp中，ado可以看作是一個(gè)服務(wù)器組件，更簡(jiǎn)單點(diǎn)說，是一系列的對(duì)象，應(yīng)用這些功能強(qiáng)大的對(duì)象，即可輕松完成對(duì)數(shù)據(jù)庫復(fù)雜的操作。

　　三、asp在電子商務(wù)中的應(yīng)用

　　在電子商務(wù)中，對(duì)用戶而言，進(jìn)行網(wǎng)上信息查詢的目的是尋找自己需要的產(chǎn)品或服務(wù)，而對(duì)于商品或服務(wù)提供者來說，其目的則是向用戶推銷自己的產(chǎn)品或服務(wù)。因此，讓用戶通過瀏覽器查詢服務(wù)器的后端數(shù)據(jù)庫是許多web服務(wù)提供者必需有的服務(wù)，asp通過內(nèi)置的adodb組件來實(shí)現(xiàn)這一功能�？梢允褂胊do去編寫緊湊簡(jiǎn)明的腳本以便連接到odbc 兼容的數(shù)據(jù)庫和 ole db 兼容的數(shù)據(jù)源。具體的操作步驟可以歸納為以下幾步：

　�、� 創(chuàng)建數(shù)據(jù)庫源名(dsn) adodb通過odbc工作，因此要在odbc中設(shè)置dsn(數(shù)據(jù)源名)。打開windows的"控制面板"，雙擊"odbc"的圖標(biāo)，然后選擇"文件 dsn "的屬性頁，單擊添加，選擇數(shù)據(jù)庫驅(qū)動(dòng)程序，然后單擊"下一步"，按照屏幕的指示鍵入數(shù)據(jù)源文件的名稱，然后單擊"下一步"，再單擊"完成"創(chuàng)建數(shù)據(jù)源。

　　②創(chuàng)建數(shù)據(jù)庫鏈接 鏈接用以保持一些關(guān)于正在訪問的數(shù)據(jù)的動(dòng)態(tài)信息，以及鏈接者信息。利用adodb的成員函數(shù)open和先前設(shè)定的dsn與數(shù)據(jù)庫連接，其語法如下： setconnect=server.createobject("adodb.connection") ’創(chuàng)建了鏈接對(duì)象connect。 connect.open("dsn=dsnname;uid=userid;pwd=password") ’打開鏈接。dsnname為數(shù)據(jù)源名;userid為用戶名;password為用戶口令。③創(chuàng)建數(shù)據(jù)對(duì)象 ado中的數(shù)據(jù)對(duì)象通常保存的是查詢結(jié)果。recordset 是ado中最復(fù)雜的對(duì)象，有許多屬性和方法，靈活運(yùn)用，可以達(dá)到許多好的效果。其創(chuàng)建方法如下： set recordset =connect.execute(sqtstr) ’創(chuàng)建并打開了對(duì)象recordset ，sqtstr是一個(gè)串，代表一條標(biāo)準(zhǔn)的sql語句。例如： sqlstr="selectxfrom b1" set recordset =connect.execute(sqlstr) 這條語句執(zhí)行后，對(duì)象recordset中就保存了b1中的所有記錄。

　�、懿僮鲾�(shù)據(jù)庫 可利用execute方便地執(zhí)行數(shù)據(jù)的插入、修改、刪除等操作。如執(zhí)行插入操作： sqlstr=" into b1values(1,2)" connect.execute(sqlstr)

　�、蓐P(guān)閉數(shù)據(jù)對(duì)象和鏈接 在使用了ado對(duì)象之后，一定要關(guān)閉數(shù)據(jù)對(duì)象和鏈接。在asp中通過調(diào)用方法close實(shí)現(xiàn)關(guān)閉。 關(guān)閉創(chuàng)建的數(shù)據(jù)對(duì)象：record set .close set record set=nothing 關(guān)閉創(chuàng)建的鏈接對(duì)象：connect. close set connect=nothing 完整的程序片段：

　　//產(chǎn)生組件實(shí)例

　　%

　　setconnect=server.createobject("adodb.connection")

　　//連接數(shù)據(jù)庫

　　connect.open("dsn=dsnname;uid=userid;pwd=password")

　　//執(zhí)行查詢

　　sql=selectxfromtablename

　　setrs=connect.execute(sql) %

　　//顯示結(jié)果

　　%dowhile not rs.eof%

　　%=rs(fieldname)%%

　　rs.movenext

　　loop

　　%

　　上述是用asp訪問數(shù)據(jù)庫的全過程，由于應(yīng)用面向?qū)ο笏枷耄�所有操作都比較簡(jiǎn)單，用戶需要注意的僅是對(duì)數(shù)據(jù)結(jié)構(gòu)的了解、當(dāng)前所操作的對(duì)象及對(duì)象的屬性等等，只要對(duì)這些有了清晰的認(rèn)識(shí)，再加上asp強(qiáng)大功能，在網(wǎng)絡(luò)上使用數(shù)據(jù)庫，實(shí)現(xiàn)用戶與頁面間交換信息，就再也不是什么難事了。

　　計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)畢業(yè)論文 篇10

　　摘 要：

　　近幾年來，我國旅游業(yè)發(fā)展迅速，但整體管理水平相對(duì)低下，運(yùn)營機(jī)制不健全，網(wǎng)絡(luò)化實(shí)施中的資源整合力度相對(duì)較弱，給人們的出行帶來了一定的困難。本文對(duì)建立旅游網(wǎng)站進(jìn)行了研討。

　　關(guān)鍵詞：

　　動(dòng)態(tài)網(wǎng)站；信息管理； B/S結(jié)構(gòu)；旅游線路

　　0 引言

　　當(dāng)前，我國的旅游電子商務(wù)正處于剛剛起步狀態(tài)，網(wǎng)絡(luò)旅游新時(shí)代的真正到來還有賴于眾多要素的改善，但網(wǎng)絡(luò)旅游的旺盛生命力已開始體現(xiàn)。旅游業(yè)對(duì)于我國經(jīng)濟(jì)的帶動(dòng)是顯而易見的，直接相關(guān)聯(lián)的行來有食宿業(yè)、運(yùn)輸業(yè)、娛樂業(yè)等。因此，大力發(fā)展旅游業(yè)對(duì)于拉升地方經(jīng)濟(jì)有著十分重要的作用。

　　1、旅游網(wǎng)站需求分析

　　該系統(tǒng)通過分析旅客、旅行社和景點(diǎn)的現(xiàn)實(shí)情況，在網(wǎng)站設(shè)計(jì)中充分考慮3方的共同利益。從旅客角度來看，查看其時(shí)間安排、價(jià)位和食宿情況等；從旅行社的角度出發(fā)，主要通過網(wǎng)站管理各個(gè)景點(diǎn)的線路情況、收集旅客的基本資料、發(fā)布景區(qū)負(fù)責(zé)人信息等；各個(gè)景點(diǎn)的基本情況、主要包括：交通情況、門票價(jià)格和風(fēng)景圖片欣賞等。用戶都可以通過系統(tǒng)來查詢所需要的各種信息，并且可以訂購機(jī)票和車票等。

　　1.1 目標(biāo)

　　該網(wǎng)站系統(tǒng)要立足于服務(wù)景區(qū)、旅行社和旅客3方面的利益，通過人性化的界面設(shè)計(jì)，以發(fā)展旅游界為終級(jí)目標(biāo)。其功能主要體現(xiàn)在：景區(qū)的特色風(fēng)景、交通、當(dāng)?shù)氐拿褡逄厣�和特產(chǎn)等一系列信息的查詢、管理和維護(hù)；旅行社對(duì)旅客人身安全的保障等；管理人員能夠通過網(wǎng)站隨時(shí)隨地進(jìn)行各項(xiàng)事務(wù)的處理操作，對(duì)旅客在旅行過程中提出的各種問題及時(shí)進(jìn)行匯總和應(yīng)答；對(duì)各個(gè)時(shí)間周期內(nèi)旅客出行的地點(diǎn)和人數(shù)進(jìn)行分析，以便于公司的宣傳和準(zhǔn)備工作。

　　旅游網(wǎng)站管理系統(tǒng)的主要使用對(duì)象是旅游管理部門和旅游公司，其功能是對(duì)旅游信息進(jìn)行發(fā)布和修改，同時(shí)加強(qiáng)與游客的交流。本系統(tǒng)的用戶十分廣泛，對(duì)用戶的技術(shù)要求是：熟悉計(jì)算機(jī)操作，熟悉Internet相關(guān)操作。

　　1.2 運(yùn)行環(huán)境

　　硬件最小需求：奔騰3以上CPU，256M以上內(nèi)存，10G以上剩余硬盤空間。

　　支持軟件：Windows 98 /2000/XP操作系統(tǒng)。

　　支持環(huán)境：IIS 5.1。

　　數(shù)據(jù)庫：Microsoft Access數(shù)據(jù)庫。

　　開發(fā)工具：ASP。

　　1.3 旅游網(wǎng)站開發(fā)的可行性

　　采用現(xiàn)代計(jì)算機(jī)信息網(wǎng)站系統(tǒng)，能夠有效幫助旅游企業(yè)優(yōu)化旅游服務(wù)，使其在行業(yè)內(nèi)處于優(yōu)勢(shì)地位，并相對(duì)長(zhǎng)期地保持這種戰(zhàn)略優(yōu)勢(shì)。開發(fā)本系統(tǒng)的可行性如下：

　�。�1）技術(shù)可行性。隨著網(wǎng)絡(luò)信息技術(shù)、電子商務(wù)技術(shù)和軟件技術(shù)的不斷發(fā)展融合，設(shè)計(jì)旅游網(wǎng)站系統(tǒng)在技術(shù)上已經(jīng)成熟。在本網(wǎng)站中，前臺(tái)通過ASP語言實(shí)現(xiàn)，后臺(tái)通過C#語言實(shí)現(xiàn)，數(shù)據(jù)庫采用成熟的ACCESS。不僅能夠保證其數(shù)據(jù)的可靠性，而且界面的實(shí)現(xiàn)相對(duì)容易，易于美化，完全能夠滿足本系統(tǒng)網(wǎng)站的技術(shù)要求。

　�。�2）經(jīng)濟(jì)可行性。采用NET編程語言和ACCESS數(shù)據(jù)庫，其成本相對(duì)便宜，在前期投入上花費(fèi)較少，制作相對(duì)簡(jiǎn)單，能夠滿足中小型旅行社的需求，且投入較少。

　　2、系統(tǒng)總體結(jié)構(gòu)設(shè)計(jì)

　　通過對(duì)廣大旅游愛好者、旅行社和景區(qū)的調(diào)查分析，迎合大部分消費(fèi)者的使用需求，采用軟件工程對(duì)旅游網(wǎng)站系統(tǒng)進(jìn)行總體分析。

　　2.1 旅游網(wǎng)站系統(tǒng)總體結(jié)構(gòu)圖

　　當(dāng)前的網(wǎng)站系統(tǒng)，主要是以模塊化進(jìn)行設(shè)計(jì)，一方面便于加快網(wǎng)站系統(tǒng)的研發(fā)進(jìn)度，另一方面便于日后的維護(hù)和擴(kuò)展。

　　通過對(duì)系統(tǒng)總體結(jié)構(gòu)的設(shè)計(jì)分析，能夠讓用戶直觀地得到網(wǎng)站的結(jié)構(gòu)，方便用戶的操作和使用。

　　本網(wǎng)站的系統(tǒng)結(jié)構(gòu)如圖2所示。

　　2.2 網(wǎng)站結(jié)構(gòu)

　　本網(wǎng)站采用的是瀏覽器/服務(wù)器（Browser/Server）模式。所有操作服務(wù)都存放在Web服務(wù)器上，其后臺(tái)數(shù)據(jù)存放在后臺(tái)數(shù)據(jù)庫當(dāng)中，傳輸協(xié)議使用HTTP協(xié)議，客戶端通過瀏覽器（Browser）訪問Web服務(wù)器和數(shù)據(jù)服務(wù)器。其三層結(jié)構(gòu)見圖3。

　　第一層：瀏覽器：用于實(shí)現(xiàn)用戶和服務(wù)器的交互工作，通過頁面提示輸入對(duì)應(yīng)的信息，交由后臺(tái)服務(wù)器處理，并將結(jié)果返回顯示。

　　第二層：Web服務(wù)器，處于整個(gè)結(jié)構(gòu)的中間層，實(shí)現(xiàn)用戶的具體業(yè)務(wù)應(yīng)用功能。

　　第三層：后臺(tái)數(shù)據(jù)庫，主要用于具體數(shù)據(jù)的存放，整個(gè)系統(tǒng)所有數(shù)據(jù)的調(diào)用都是從后臺(tái)數(shù)據(jù)庫中提取的。

　　2.3 系統(tǒng)功能模塊設(shè)計(jì)

　　根據(jù)需求分析結(jié)果，按照“低耦合、高內(nèi)聚”的原則，本系統(tǒng)設(shè)置以下主要功能模塊：景點(diǎn)信息瀏覽功能模塊、信息查詢功能模塊、在線留言功能模塊。

　�。�1）信息檢索模塊。

　　該模塊主要是方便用戶對(duì)本網(wǎng)站景點(diǎn)進(jìn)行相關(guān)檢索，并返回檢索結(jié)果。用戶可根據(jù)自己的不同需要進(jìn)行選擇，系統(tǒng)根據(jù)用戶選擇的不同檢索方式和輸入的.關(guān)鍵字進(jìn)行相關(guān)檢索，得到用戶檢索的信息。

　　（2）信息瀏覽。

　　查看網(wǎng)站最近發(fā)布的信息（包含旅客、景點(diǎn)和旅行社），可以根據(jù)具體的訪客情況進(jìn)行分類別的查看。①旅游游記。通過“公告欄”可了解本站的最新信息，并可查看本站近期的所有公告內(nèi)容；②景點(diǎn)信息。通過景點(diǎn)頁面進(jìn)行各個(gè)景點(diǎn)的信息瀏覽和查詢；③旅游特產(chǎn)信息。通過旅游特產(chǎn)頁面進(jìn)行自己喜歡的特產(chǎn)瀏覽。

　　2.4 主界面設(shè)計(jì)

　　主界面是一個(gè)網(wǎng)站的門面，如同公司的形象，因此應(yīng)特別注重設(shè)計(jì)和規(guī)劃。它是用戶首先見到的界面，它的好壞直接影響到網(wǎng)站的訪問率。為此，筆者從以下幾個(gè)方面對(duì)主界面進(jìn)行了設(shè)計(jì)。

　�。�1）在色彩搭配上，以一種較明快的色彩為基調(diào)，配以其它相關(guān)色彩，給用戶一種鮮而不艷的美感。

　�。�2）在字體選用上，大小適當(dāng)，盡量使用常用字體，適當(dāng)配用藝術(shù)字。

　�。�3）在網(wǎng)頁制作上，采用框架式結(jié)構(gòu)，在框架中嵌入子頁，將大表化小，圖片壓縮，盡量減少頁面響應(yīng)時(shí)間。

　�。�4）在內(nèi)容上，主界面內(nèi)容充實(shí)而不繁雜，既體現(xiàn)本站特色，又滿足用戶需要。

　�。�5）在用戶操作上，簡(jiǎn)化用戶操作，刪去那些空洞的環(huán)節(jié)。

　　3、旅游線路信息管理模塊的實(shí)現(xiàn)

　　在信息管理界面，管理員可以對(duì)各類信息進(jìn)行管理。選擇信息類別可以對(duì)信息進(jìn)行類別管理，進(jìn)而對(duì)類信息下的子類信息進(jìn)行管理。管理員可以通過對(duì)修改刪除按鈕的點(diǎn)擊，觸發(fā)對(duì)信息的修改事件。其核心代碼如下所示：

　　4、結(jié)束語

　　本文針對(duì)旅游網(wǎng)站展開討論，首先分析了旅游網(wǎng)站的需求，重點(diǎn)介紹了其可行性，其次對(duì)網(wǎng)站系統(tǒng)的總體結(jié)構(gòu)進(jìn)行了設(shè)計(jì)，并分析了B/S結(jié)構(gòu)的原理，最后詳細(xì)介紹了網(wǎng)站的具體執(zhí)行模塊，即旅行線路信息管理模塊，并給出了該模塊的部分核心代碼。由于文章篇幅所限，對(duì)于其它代碼在論文中并沒有給出，希望有興趣的讀者可在此基礎(chǔ)上，進(jìn)一步加以修改與完善。

　　參考文獻(xiàn)：

　　[1] 余雷，周松建.ASP.NET應(yīng)用開發(fā)百例[M].北京：清華大學(xué)出版社，2003.

　　[2] 黃斯偉，王瑋.HTML4.0使用祥解[M].北京：人民郵電出版社，1999.

　　[3] 白鑒聰，王進(jìn).JavaScript網(wǎng)頁效果大師[M].北京：機(jī)械工業(yè)出版社,2001.

　　[4] 武蒼林，羅晃.Web數(shù)據(jù)庫的ASP開發(fā)方案[J].計(jì)算機(jī)工程與科學(xué)，1999（10）.

【計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)畢業(yè)論文】相關(guān)文章：

計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)畢業(yè)論文03-29

網(wǎng)頁設(shè)計(jì)畢業(yè)論文11-18

計(jì)算機(jī)平面設(shè)計(jì)畢業(yè)論文06-15

網(wǎng)頁設(shè)計(jì)開題報(bào)告11-13

網(wǎng)頁設(shè)計(jì)畢業(yè)設(shè)計(jì)開題報(bào)告12-01

計(jì)算機(jī)畢業(yè)論文05-17

計(jì)算機(jī)畢業(yè)論文07-01

計(jì)算機(jī)畢業(yè)論文提綱12-03

計(jì)算機(jī)碩士畢業(yè)論文03-09