計算機網頁設計畢業論文范文（通用10篇）
一段忙碌又充實的大學生活要即將結束，我們都知道畢業生要通過最后的畢業論文，畢業論文是一種有準備、有計劃的檢驗大學學習成果的形式，那么大家知道正規的畢業論文怎么寫嗎？以下是小編幫大家整理的計算機網頁設計畢業論文，僅供參考，希望能夠幫助到大家。
計算機網頁設計畢業論文 篇1
摘要:Flash技術運用范圍非常廣泛,不論是網站、廣告、動畫、游戲,甚至程序設計與多媒體化展示方面都有一定程度的運用。本文首先對Flash動畫今后的發展趨勢進行分析并具體化敘述了Flash的實際定義與特點,并對Flash動畫當前在網頁設計中的應用方式進行分析,針對性闡述了Flash動畫在整站式網頁設計過程中交互式導航系統、Web圖像動畫展示以及鼠標動畫的應用。在此針對性研究Flash動畫在網頁設計中的相關研究,望研究結果能夠對今后的學者一定幫助。
網頁設計畢業論文內容
關鍵詞:Flash動畫 網頁設計 應用研究
隨著社會邁入信息化時代,網絡及計算機技術的發展及普及程度呈現出優質化的發展形勢,從而促進網頁動畫漸漸發展起來,此外網頁動畫設計在網頁設計中占據重要地位,促使人們在關注動畫整體發展趨勢的過程中將注意力放在網頁動畫方面。在構建及設計網頁時,運用Flash幫助網頁實現多媒體化的網頁成果展示,同時也漸漸成為網頁設計發展過程中不可或缺的重要部分。
1、Flash的運用及特點
MacromediaFlash作為一種交互式編輯矢量圖及多媒體創作軟件,因特網網頁設計矢量動畫文件格式時常得以較多的運用,此外,針對性分析Flash,可以了解到目前其主要具備以下六大特點:第一,將矢量圖形作為主要運行前提,致使其自身文件導出容量不大,在進行圖片縮放時對其自身的清晰度影響不大,在網絡傳輸過程中存在一定的便捷性;第二,Flash具備非常優質化且強大的AS代碼,在設計動畫時運用Flash技術,促使動畫的交互性優良,便于讀者在閱讀過程的理解并實施相關互動;第三,針對實際運用過程分析,Flash動畫在運作時主要采用插件,若用戶想要實現視頻觀看,僅僅需要安裝一次視頻插件就可以直接觀看,避免繁瑣性多次安裝的現象發生。此外,由于Flash構建的動畫自身極小,所以其具備較快的調用速率;第四,在設計Flash過程中,可以根據需要適當增加頁面控制按鈕幫助頁面實現鏈接的跳動,還可以運用鼠標實現頁面動畫中的運動及移動。第五,Flash可以實現動畫視聽效果內容的升華,譬如漸變聲、位圖等等,用戶在制作圖片的過程中可以直接構建全Flash制作站點;第六,Flash動畫屬于一種“準”流式文件內容,無需全部下載完成就可以實現動畫觀看。
2、Flash動畫在網絡設計中的應用
在網頁設計中,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.
計算機網頁設計畢業論文 篇2
網頁設計畢業論文內容
當今，移動互聯網迅猛發展，各種智能設備層出不窮。傳統網頁設計采用“固定頁面及元素寬度，任何終端統一頁面效果”的策略，無疑將造成網頁在一些新興移動終端上顯示的文字極小、鏈接分布極密，用戶需要在屏幕上不停操作來自主尋求較好的體驗。面對這一弊端，網頁設計師聚焦于“響應式網頁設計”這一關鍵詞，試圖使用一套代碼為各類終端設備提供不同的設計和體驗。從先前“為固定設備設計網頁”跨越到“響應式網頁設計”是一個較難的過程。一些新手可能已經積攢了諸如媒體查詢、流式布局、彈性圖片等零散的設計開發技巧，掌握了HTML5和CSS3的使用方法，但他們依然無法駕馭響應式網頁設計。造成這種情況的直接原因就在于缺乏一個能夠指導他們立即開展響應式網頁設計實踐的可操作流程，即原型。
1兩個關鍵概念：響應式網頁設計與原型
響應式網頁設計(RWD，Responsive網頁Design)是一種網頁前端開發技術，它可以描述為，“兼顧多種不同設備屏幕尺寸、分辨率、系統平臺和行為做出相應的調整和布局的顯示機制”。原型(Prototype)，也叫“原樣”，是“模擬科學”中的一個術語。在心理科學中，由于很難對動作或心智活動認識清楚，所以一般沿用JR安德森的觀點，把原型(Prototype)視為關于范疇的最典型的樣例設想，即把“原型”視為外化的實踐模式，或“物質化”了的心智活動方式或操作活動程序。綜合上述，響應式網頁設計原型可描述為：符合“響應式網頁設計項目分析、各類終端具有適合自身用戶體驗的不同頁面效果、一套代碼完成所有不同終端的網頁制作、各類終端與主流瀏覽器良好兼容”等一系列規則的，外化的響應式網頁設計活動實踐模式。
2建構響應式網頁設計的原型
建構原型一般采用心理模擬法，它包含三個步驟：
(1)響應式網頁設計活動的功能分析;
(2)響應式網頁設計活動的結構分析;
(3)功能分析與結構分析的有機結合。其中，功能分析的重點是作用的對象，條件與結果;結構分析的重點在于組成要素及要素之間的關系。響應式網頁設計的目標是能夠高效的編寫一套代碼為各類終端設備提供良好的設計效果和使用體驗，這需要具備HTML5、CSS3、Javascript和jquery的基本技能。響應式網頁設計之父——伊桑·馬科特認為，響應式網頁設計應該首先針對小屏幕進行設計，然后逐步增強針對大屏幕設計。這種思路顛覆了傳統固定寬度的網頁設計方法，對于那些已經積攢了零散的響應式網頁設計開發技巧、HTML5及CSS3等技術，能夠較熟練的完成固定寬度桌面端網頁的新手而言，恐怕很難理解從小屏幕開始設計然后漸進增強的思路。考慮到新手已經習慣設計制作固定寬度的桌面版網頁，響應式網頁設計如果從固定寬度的大屏幕網頁制作開始，然后改造這套代碼將僅適用于桌面的網頁依次兼容平板端和手機端也是一個不錯的思路。響應式網頁設計活動包含了“項目分析”、“網頁平面設計”、“桌面版網頁制作”、“平面版的改造”、“手機版的改造”及“兼容問題的調試”這6個典型的子活動。這些典型要素的關系可以描述為，“要想高效的完成某響應式網頁設計項目，首先需要項目分析，其階段性結果是響應式網頁的總體方案，即在用戶群體需求分析及主題解讀的基礎上，進行色彩分析及定位，確定UI版面布局，分析設計網頁功能模塊，確定網頁風格等，最終形成包含“前言”、“需求分析”、“系統分析”、“風格設計”、“各類終端UI版面初步布局”、“色彩定位”、“網頁建設日程規劃”等部分的網頁總體方案文檔;然后，根據前期方案中“色彩”、“風格”及“各類終端UI版面布局”等的分析，依據頁面設計原則，利用photoshop繪制適用于各類終端顯示的平面效果圖;隨后，利用“HTML5+Css3”技術采用
+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內核的所有版本瀏覽器中居中對齊，外層布局盒子與瀏覽器頭部無縫緊貼;
及css3完成固定寬度布局時，默認所有內部布局
向左浮動，溢出屬性為隱藏;所有構成頁面的HTML5元素的默認邊距和填充屬性為0px;HTML5的列表標簽默認項目符號為空，邊距和填充為0px。此外，確定頁面尺寸,目前大多數顯示器為1024像素x768像素，那么以此為默認顯示器時，頁面的寬度尺寸一般設置為“1007像素”。初始化CSS代碼后，接下來就是利用
+CSS完成布局，這里提示新手：完成布局后，務必在IETESTER和Firefox中檢查網頁布局是否能夠兼容主流瀏覽器。然后，根據桌面版網頁平面設計效果圖完成頁面的制作。此外，熟手的經驗是制作過程中頻繁檢測桌面版網頁是否能夠完美兼容各種瀏覽器。
3.2利用流式布局、彈性圖片、媒體查詢技術修改桌面版網頁
(1)相對視口尺寸，將最外層的布局
(例如：#wrapper{width:1007px;......})的寬度設置為96%(這個值取決于當前頁面的視覺效果，也可以給其他數值);然后，將最外層的布局
內部的頁頭布局、導航布局、內容布局、側邊欄布局、頁腳布局
對應的CSS樣式中的width屬性值利用公式——目標元素寬度÷上下文元素寬度=百分比寬度把網頁的固定布局修改成百分比布局，也就是將固定像素寬度轉換成對應的百分比寬度。
(2)將頁面中所有HTML5標簽元素對應的CSS樣式表中的margin-right、margin-left、padding-right、padding-left的屬性值也用公式——目標元素寬度÷上下文元素寬度=百分比寬度來修改。
(3)將CSS樣式表中的font-size屬性值的單位用em來代替px。這里依然使用公式——目標元素寬度÷上下文元素寬度=百分比寬度。這里需要提示新手的是：在標簽的初始化代碼中，如果有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屬性是用于確保縮放時不會超出圖片最大尺寸。同時，熟手還會使用AdaptiveImages解決方案來實現自適應圖片。
(5)媒體查詢可以通過判斷不同設備終端，提供不同的樣式使其實現在不同終端都能獲得最佳的用戶體驗。例如，某個響應式頁面用電腦瀏覽頁面時，頁面信息會以平鋪的形式分布在頁面合適的位置;用手機瀏覽頁面時，導航按鈕會相繼隱藏起來，部分信息變成左右滑動的方式呈現，頁面會重新布局，圖片相應縮小。媒介查詢的語法格式是，例如：設定寬度不超過400像素的屏幕尺寸，代碼是：。雖然，HTML5+CSS3提供了良好的媒體查詢功能，但當前仍有一些瀏覽器不支持，你可能需要添加如下基本樣式：
3.3不同種類、不同版本瀏覽器的兼容問題解決跨越瀏覽器的問題一直是響應式網頁設計的難題。熟手面對這一問題時，一般采用“漸進增強與降級”、“利用javascript修復老版本IE”、“使用Modernizr輔助修正樣式，按需加載資源”、“給IE6，7，8追加媒體查詢功能”等方法。
4結束語
對響應式網頁設計而言，當前的設計理念和技術方法還不是終點,網站前端設計師需要繼續努力找出更好的解決方案。而對新手學習者而言，響應式網頁設計開發技能的形成不是一蹴而就的，還需要學習者在多個項目中，利用原型進行多次定向、操作及內化才能真正掌握。
計算機網頁設計畢業論文 篇3
【摘要】網頁設計是一種直觀的視覺語言，需要對其進行布局與排版。雖然網頁設計與平面設計之間存在一定的區別，但是其兩者依然存在一定的相似之處，網頁設計應該充分借鑒利用平面設計的原則與方法。網頁設計中的布局與排版需要通過文字、圖形的組合來讓網頁獲得良好的視覺效果。現文章主要針對計算機網頁設計中的布局與排版進行研究。
【關鍵詞】網頁設計；布局；排版；文字；設計論文
網站是企業或政府向用戶傳遞信息，提供服務的一種重要方式，是企業開展電子商務的重要平臺，是政府面向民眾的重要窗口。網站是直接反應企業形象、政府形象的平臺，因此網頁設計質量的高低將會直接影響到企業或政府的形象。在網頁設計中，布局與排版是十分關鍵的內容之一，其會直接影響到瀏覽者對網頁的第一印象與體驗感。因此，對于網頁設計的布局與排版進行研究具有十分重大的實際意義。
1、計算機網頁設計布局與排版原則
1．1布局與排版設計原則為了讓瀏覽者在瀏覽網頁過程中擁有更好的瀏覽體驗，在進行布局版本過程中要始終秉持以下原則:第一，整體布局，和諧統一。在網頁設計布局排版過程中整體布局占據著十分重要的作用。集成是網頁設計排版布局中常用的一個對稱形式，通過空間的.文本與圖形建立其平衡的狀態，從而產生和諧的美感。但是單純的平衡有時候會導致頁面出現過于死板、僵化的情況。因此，可以在對稱平衡設計中融合一些活潑、有趣的詞匯、圖形，但是要注意需要與頁面和諧統一。第二，主次分明，中心突出。在網頁頁面聚居中需要對視覺中心進行充分的考慮，該視覺中西你通常位于頁面的關鍵區域—中部與上部的位置。因此，最有價值的信息應該擺放在這一位置。網頁布局排版主次分明的最終目的是讓網頁可以形成清晰有序，能夠突出重點的視覺效果。第三，疏密有度，錯落有致。在網頁布局排版中，一定要做好疏密有致，預留出一定的空白，靈活的使用字間距與行間距，制造出字間距與行間距之間的距離。對于形態與色彩的搭配運用更要合理。例如，黑白搭配、圓形與方形搭配，以便獲得更佳的視覺效果。第四，圖文并茂，生動有趣。圖形美觀與文字的簡潔之間需要合理的搭配。如果圖形在版面設計中占據的比例更大，則文字會相應減少，從而大大減少頁面的信息量;而如果文字太多則會使得網頁版面變得死板。因此，網頁布局與排版應該做到圖文并茂、合理搭配，從而給網頁帶來更加豐富的內容，讓網頁變得更加有趣。布局與排版設計方法網頁設計布局與排版方法主要包括以以下幾點:第一，簡潔明了。布局排版最為重要的原則就是一名了然，讓網頁瀏覽者可以更加順暢的瀏覽信息。第二，主色調鮮明。網頁設計給人的第一印象就是由主色調決定的。主色調在網頁布局與排版中是十分重要的，主色調過多會給瀏覽者帶來一種厭煩的感受，不利于瀏覽者長時間瀏覽網頁。因此，網頁版本的主色調要進行合理的控制，其中主色彩不能超過五種，并且要以一種主色調為主，凸顯以主導地位，另外幾種顏色作為烘托與點綴。一般來說，網頁設計的主色調包括黃、藍、灰、黑和白。第三，字體設置。在網頁設計中字體的設置也應該始終秉持著簡易的原則，通常來說不應該超過三種字體，并且字體在版面中不宜過大，從而讓更多文字給網頁瀏覽者帶來更多有價值的信息。值得注意的是，要避免閃爍的文字在網頁設計布局中出現，其會給瀏覽者帶來一種厭煩的感覺。同時，在網頁標題欄中字體應該相對于正文來說要更大，顏色也需要進行區分。
2、常見布局與排版
2．1T字型T型結構是頂部的頁面布局為網站的標語和橫幅，下列左側為主菜單，右側為內容顯示。由于菜單的背景布置顏色更深，因此整體效果視覺類似于英文字母“T”，因此被成為T字型布局。T字型布局是網頁設計中十分常見的設計布局，其優勢在于頁面結構清晰、明確，容易正確把握主次關系;缺點在于較為沉悶，缺乏靈活性，如果無法準確把握，不注重細節與色彩的配合，十分容易出現無趣、枯燥的現象。2.2口字型口字型布局給人一個感覺就是在頁面中間最為顯眼的主題內容，類似于一個口字型，左側通常包括注冊信息、內容導航、搜索引擎，右側通常包括動態消息、熱點資訊和友情鏈接。上下兩部分為橫條廣告與菜單。口字型布局的優勢在于可以充分利用版面，囊括較大的信息量，缺點在于頁面較為擁擠，過于死板［5］。口字型布局大多被應用于國外站點中，國內使用頻率較低。2.3POP布局POP布局是將一張合適的照片作為頁面設計的中心，并且在合適的位置擺放主菜單。POP布局并不是上下或左右對稱的，但是在設計過程中依然要兼顧平衡與節奏。POP布局可以實現動態效果，其優勢在于美觀，缺陷在于運行速度較為緩慢。2.4同字型同字型的網頁布局一般來說內容量都較大，網頁上方為標題欄，其中內容可以是網站主題或橫幅廣告，在標題欄下可能存在小標題。在頁面左右兩側都布置有相應的內容。通常來說，可能是網站的最新動態、網站的維護管理人員以及部分廣告。同字型網頁的主要內容是分布在中央位置，從上至下，根據內容的重點、類型來進行區分。網站下部分通常為空白，即使有內容也是一些十分常規的內容，包括網站制造方、網站基礎信息等。
3、結語
計算機網頁設計布局與排版是一門藝術，針對網頁不同的內容可以采用不同的布局排版形式。然而不論采用何種的布局排版形式都需要始終秉持著布局排版的原則，以設計出美觀、簡潔、便捷、人性化的網頁，讓瀏覽者可以舒適的瀏覽網頁。
參考文獻:
［1］李娟．淺述網頁設計中的頁面布局技術［J］．考試周刊，2014(27):116～117．
［2］董磊．網頁設計中視覺傳達的整合設計［J］．明日風尚，2016(05):123，106．
［3］許煒熔．讓“美”走進學生網頁作品———談在網頁設計課堂中提高學生綜合素質的幾點建議［J］．課程教育研究，2014(26):248～249．
［4］梁日有．網頁設計中藝術創新的研究與實現探討［J］．學子(理論版)，2016(03):12～13．
［5］尹涓，崔曉曦．淺談網頁視覺設計的應用和技巧［J］．電腦知識與技術，2015(15):204～205．
計算機網頁設計畢業論文 篇4
1、計算機網頁包裝設計與圖像處理研究
1.1網頁包裝設計中的圖像處理方法
借助計算機設備所進行的網頁包裝設計，需要對圖像資源進行有針對性的處理，制作成為計算機軟件開發應用需要的形式。在對圖像進行制作時，要明確圖像的格式，如果是制作成為GIF圖片需要對圖像資源進行透明處理，將其處理成為系統需要的圖片形式，并在圖片資源使用前，進行反復的控制研究，幫助進一步提升圖像的色彩搭配合理度，動畫格式的圖像在內存中占據的比例比較大，根據網頁打開后的內存資源來對系統進行更深入的設計，通過將各項設計理念結合使用，能夠促進網站設計后的圖形表現效果也更加理想，這是傳統技術方法中很難實現的，也關系到網頁包裝設計的未來發展方向。靜態圖的制作方法相對比較簡單一些，可以對圖片的整體色彩以及明亮程度進行調整。
1.2網頁設計中的兩種特殊應用
首先是鼠標在網頁頁面中移動所實現的動態圖像顯示，在網頁被點擊進入的初期，所顯示的畫面均為靜態的，當鼠標移動進入到畫面中時，圖片會自動的播放，進入到動態顯示效果中，這對網頁的制作使用有很大幫助，并且可以減少緩存所需的'時間，在內存上也能夠節省大量的資源，對實現網頁功能制作有很大的幫助。其次是網絡相冊的應用，網站是具有存儲功能的，需要針對這一功能來進行具體的實現，觀察在現場是否存在需要繼續深入解決的技術性問題，確保技術應用是科學有效的，才能夠達到理想的技術運用標準。設計以及圖像處理期間嗎，要將使用功能放在首位，并觀察在網頁的各項資源中是否存在沖突矛盾的問題，經過一段時間的解決與深入探討，在技術上能夠滿足使用需求。
2、圖像處理在網頁設計中的應用解析
2.1網頁設計中使用圖像的意義
網頁設計需要建立獨特的品牌，并充分發揮品牌的影響力，觀察在設計過程中圖像是否能夠充分發揮作用，這樣在網站投入使用后，點擊瀏覽者通過圖像標識能夠對網頁產生深刻的影響，并對使用功能更好的了解。網站想要被更多的使用者所接受，需要傳達一種安全可靠的信息，而圖像是網站中最直觀的部分，對圖像處理進行嚴謹的對待，可以提升網頁使用階段的安全性，并避免在系統中出現嚴重的使用功能不穩定現象，促進管理計劃在現場得到更好的落實應用。網頁制作期間背景圖像選擇要與所傳播的文化理念保持一致，并將提升使用穩定性作為設計期間需要重點注意的問題，避免圖像在上傳期間損壞，影響到安全使用，由此可見開展圖像處理對網頁包裝設計技術應用的促進意義。
2.2網頁圖像處理的技巧
首先是圖像的尺寸要進行準確的剪裁處理，觀察在設計期間是否需要對設計的內容進行更穩定的處理，并通過技術方法來加深在現場調節控制的有效的方法，當發現在設計內容中，存在需要進一步完善的內容時，則需要進一步的采取解決優化措施，一旦圖像的尺寸出現誤差，是很難確保使用安全性的，并通過技術性方法來進行更加深入的解決。剪裁處理后的圖像，需要結合網站的存儲能力、瀏覽量進行測試，觀察圖片尺寸是否能夠順利的上傳，并避免在使用中出現損壞。其次是圖像處理要融入創新元素，這樣網頁打開后能夠使人感受到新穎，過于落后的圖片在使用期間可能會出現模糊損壞的現象，也不能夠吸引更多的網友來對網頁進行點擊瀏覽，由此可見使用期間選擇圖像的重要性。可以借助網絡系統來進行資源搜集整理，促進管理計劃在現場得到更全面的落實，一旦發現質量下降的現象，要及時采取技術性方法來進一步完善系統中所存在的安全隱患。使圖片的處理質量可以穩定提升。
3、結語
互聯網技術的使用范圍正在不斷擴大，也促進了計算機網頁設計得到大力發展，提高網頁點擊瀏覽量已經成為技術發展的主體方向。網頁設計藝術性越來越高，設計時需要考慮的圖像因素很多，要掌握對圖像處理工具的運用技巧。計算機圖像處理技術是網頁設計技術的重要部分，最終網頁設計的質量直接與其相關，設計者在設計之初就要考慮頁面的整體圖片效果，把將要展示的圖像作為網站設計的開始，這樣網站設計才能很好的起步，最終設計出讓用戶滿意的作品。
參考文獻:
[1]謝飛揚.計算機圖像處理技術在網頁設計中的運用淺探[J].科技致富向導,2015(04).
[2]李艷新.網頁設計中計算機圖像處理技術的應用價值[J].電子技術與軟件工程,2015(09).
計算機網頁設計畢業論文 篇5
1、基于計算機軟件技術的模塊化網頁技術介紹
在計算機軟件技術支持下，進行網頁包裝與設計需要分模塊來進行，在不同的模塊中應用的技術方法也要做出區分，長時間處于這樣的環境下，很難確保管理任務達到理想的使用標準，技術方法也是不斷發展變化的，能夠提升軟件的使用穩定性，在功能上也能夠與設計方案保持一致。網頁包裝設計要體現出個性化，在使用功能與頁面選擇上都要保持整體性，網頁設計同樣需要計算機軟件的支持，在技術上體現出對系統的保護設計，這樣當發生質量不達標的現象時，才能通過技術方法來規避，并避免在接下來的設計中出現嚴重的隱患問題。所設計的網頁也能順利投入到使用環節中。子模塊是網頁整體中的一部分，該模塊的設計關系到網頁功能是否能夠正常實現，基于計算機軟件技術環境下所進行的模塊設計難度比較大，需要采取定向研究的方法來進行調控，首先保障網站包裝設計的功能能夠實現，再進行細節上的'補充，完成設計任務。
2、基于計算機軟件技術的網頁包裝技術實現
（1）對HTML語言的擴充。網頁包裝設計期間，使用HTML語言來進行匯編，在設計過程中，系統中能夠形成穩定的使用標準，并且隨著基層中常見的技術問題產生，語言擴充也能夠起到預防控制作用，技術應用階段需要在語言中添加一些常用的功能語句識別程序，可以節省大量的網頁請求分析時間，并在基層中形成穩定的使用標準，一旦出現網絡不穩定的情況，也能夠將用戶瀏覽到的界面保存，避免重要的信息資料丟失。在語言擴充期間，需要根據模塊來記性歸類，避免出現語言混亂的情況，可以使用不同的背景對語言模塊進行填充，這樣更方便區分，不容易出現匯編遺忘或者重復的現象。
（2）對Web服務器的改進。Web瀏覽器是常用的網頁瀏覽信息，瀏覽器在使用期間可能會出現請求應答延遲的現象，在技術方法中都能夠得到有效的解決，這樣才能夠確保網頁功能的正常實現，并通過技術性方法來促進計算機軟件得到及時的更新。瀏覽器的處理功能中，大部分是關于臨時文件來進行的，改進時可以保持原有的設計框架不變，這樣能夠節省大量的時間，并對設計內容進行定向的調節控制，這樣能夠節省大量的框架結構形成時間，并在現場形成更理想化的運行體系。
3、計算機軟件技術中的模塊化網頁技術作用和意義
（1）高效地組織和維護Web上的信息資源。通過計算機軟件技術，能夠達到更理想化的使用標準，使用期間針對信息資源進行整合，幫助提升使用效率，并達到理想的運行標準。通過計算機軟件技術能夠幫助提升信息資源的利用效率，與實際情況保持一致，并且更新效率也能快速的提升。網頁模塊的設計也會通過模塊方法來進行控制，觀察網站中可能會出現的問題，采取技術手段來控制，觀察網頁計算中可能會出現的問題，并對現場采取技術控制方法，觀察發現隱患問題后，可以第一時間解決，確保網站的運行穩定性。
（2）提高瀏覽網頁的速度。計算機軟件技術應用后，可以幫助提升使用網頁的瀏覽速度，并避免出現數據庫損壞或者丟失的現象，瀏覽器之間的運行配合能夠使數據信息內容更豐富，用戶通過網頁所提出的請求也擁有更大的搜索范圍，在時間與效率上自然能夠得到明顯的提升。技術創新是通過計算機軟件技術來實現的，軟件中的功能需要配合框架來進行，當發現在使用期間可能會出現一些質量隱患現象時，系統會第一時間將這種情況反饋到系統中，方便技術人員能夠第一時間查看。網頁中各個模塊在設計時會重點區分內容，并在功能上相互進行，互相配合達到最高效的使用效果。網絡狀態下網頁內的信息會不斷的更新，與實際情況保持一致，用戶也能找到自己需要的信息。當請求新頁面時，新頁面中那些已經在本地有副本存在的子模塊就可以在本地得到，不需要再到Web服務器上去取，從而提高瀏覽網頁的速度，減少了網絡的數據流量。
4、結語
文中提出了模塊化網頁設計技術，通過子模塊的制作，可以在許多頁面之間共享子模塊中的信息;而且，在一定程度上保證了網站信息的一致性。通過對已經瀏覽過的模塊進行存儲可以提高網頁瀏覽速度，降低網絡數據流量和服務器的工作負擔，有助于提高搜索引擎的搜索精度和效率，對于Web應用研究具有一定的參考價值。
參考文獻
[1]仇樂.網頁設計中計算機圖像處理技術應用解析[J].煤炭技術,2013(03).
[2]王國慶.探究基于DIV+CSS技術的網頁設計優化方法[J].信息與電腦(理論版),2016(02).
計算機網頁設計畢業論文 篇6
【摘要】本文簡要地對網頁設計與圖形設計進行分析，通過其運用價值的總結，概括出了圖形設計在計算機網頁設計應用中的要點，以供設計工作者參考。
【關鍵詞】網頁設計；圖形設計；運用價值；運用要點
前言
科學技術的不斷進步，促進了計算機技術以及互聯網的迅速發展，在各個國家基本實現了全覆蓋。隨著信息時代的到來，人們對于信息的利用更加頻繁，對網頁的關注度逐漸升溫，好的計算機網頁設計會給企業以及瀏覽者帶來更大的價值，要想成功吸引更多的人們注意網頁，就需要將圖形設計完美的融入其中，以達到想要的效果。
1、網頁設計與圖形設計概述
網頁設計，是為傳遞信息而進行頁面設計的工作，其主要是依據企業的需求，利用計算機為媒介，將信息展示在瀏覽者面前。作為一種宣傳媒介，網頁設計的精美程度決定了瀏覽者對其的關注度，更絕對了其利用價值的大小。網頁設計包含以下種類：功能型網頁設計、形象型網頁設計和信息型網頁設計，其主要利用顏色、字體、圖片、樣式進行美化設計，根據用戶要求策劃和設計出滿意的網頁，高級的網頁設計甚至會考慮到通過聲光、交互等來實現更好的試聽感受。網頁設計最為常用的工具包含PS、FL、AL、DW等[1]。圖形設計，是網頁設計技術中的重要組成部分，影響著網頁設計的效果，對提升網頁的設計感和感染力具有重要作用。圖形設計重在圖形，它是傳達信息的圖像符號，通過不同的表現形式，將作品中要表達的意境表現出來[2]，其重在創意上。圖形設計擁有眾多優勢，有直觀性、審美性、指示性、象征性等，這些都能夠提升計算機網頁的設計效果。
2、圖形設計在網頁設計中運用的價值
2.1提升計算機網頁設計的藝術效果
圖形設計的創新性，可以在計算機網頁設計的策劃中與眾不同，更能夠提升計算機網頁設計的藝術效果，將網頁的別具一格的設計展現在用戶面前，讓更多的瀏覽者關注網頁，激發用戶群體的瀏覽興趣，起到更好的傳遞信息的效果。在計算機網頁設計中，利用圖形設計中的完整的表達力，為用戶打造信息傳遞的視覺盛宴，保證計算機網頁設計的質量。據相關調查顯示，最受關注的網頁，往往是利用圖形設計相結合的。
2.2增添計算機網頁設計色彩，向多元化發展
圖形設計的形式多種多樣，更可以說是資源豐富多彩，其利用音頻、圖像以及藝術文字的形式進行計算機網頁的設計，大大的增添了藝術色彩和愉悅的氛圍，并使得傳統的單一網頁形式向多元化方向發展。傳統的計算機網頁只是通過簡單的元素將信息傳遞給瀏覽者，在表達上基本上就是文字配以簡單的圖片，在信息的檢索上更是以文字為主[3]，將現代的'圖形設計加入到計算機網頁設計后，用戶可以通過音頻以及圖片進行搜索，這種表現形式的變化圖形設計所起的作用功不可沒。
2.3加強了視覺沖擊力與感染力，更加人性化
計算機網頁設計主要是通過文字和圖像相結合向使用者展示信息，圖像設計是將文字與圖像再加工，利用其獨特的處理技術，將文字與圖像的表現形式更具有視覺沖擊力與感染力，能夠較深瀏覽者的印象，提升瀏覽效率。圖形設計能夠將文字與圖像互相轉換，滿足瀏覽者的需求，并給人以簡潔美觀的效果，更能夠體現設計者的理念，使計算機網頁設計更加人性化。
3、圖形設計在網頁設計中運用的要點
3.1圖片格式設置要符合
在圖形設計中，設計工作者一定要注意計算機網頁設計中對圖片格式的要求，只有符合的才能夠實現其利用價值，才能夠達到設計方案中的實際效果。我們在瀏覽網頁中，經常會出現圖片、音頻打不開的現象，使得我們需要的信息沒有很好的讀取。因此，在計算機網頁設計中，一定要合理的處理圖像以及連接圖片，使其格式滿足網頁設計的要求，為用戶展現良好的視覺效果。
3.2圖像大小要控制在要求范圍內
在計算機網頁設計中，對圖像大小的要求非常嚴格，如果在利用圖形設計中不控制好圖像的大小，就會嚴重影響圖像在瀏覽者面前呈現的效果。計算機網頁設計本身就收資源空間大小的限制，只有控制好圖像的質量與范圍，才能夠提升網頁設計質量。例如，我們在瀏覽網頁時會經常看見一些失真、或者比例失調的圖片，不僅影響了我們瀏覽效果，還嚴重影響了我們繼續瀏覽下去的興趣。
3.3圖片顏色配置要科學
不同的色彩表現形式有所不同，同一的色彩會顯得單調，多種色彩搭配會顯得凌亂，在計算機網頁設計中使用圖形設計時，無論哪種顏色都要優化配置好，并要有一定的科學性。在圖形設計中，可以通過PS實際軟件對圖片進行顏色調整，使其適合計算機網頁設計整體色調，為瀏覽者展示良好的畫面感。
4、結束語
計算機網頁設計本身就具有一定的難度，圖形設計的加入使之更加的繁瑣，設計人員在運用過程中一定要加以注意，更具網頁設計的實際要求進行圖形的選擇與處理，才能夠增強圖形設計在計算機網頁設計中的視覺效果，實現其使用價值。
參考文獻
[1]王正紅.探討網頁設計中圖形的應用[J].現代裝飾（理論），2014，11：86.
[2]溫雪，畢軍濤，孫授卿.試析計算機圖形圖像設計以及視覺傳達設計[J].通訊世界，2015，17：221.
[3]王燕軍.網頁設計中計算機圖像處理技術的應用[J].電子技術與軟件工程，2016，13：104.
計算機網頁設計畢業論文 篇7
摘要：隨著現代社會的發展，計算機網頁設計已經更多的依靠于多媒體技術的運用，這是因為在很大程度上多媒體技術可以提高網頁自身的內容質量和含量。同時節省大量的工作時間，令相關的網頁設計人員有更多時間處理其他的技術難題。本文就是通過如何運用多媒體技術和網頁自身的設計特點這兩個方面的難題解決，進行了比較詳細的論述。
關鍵詞：網頁設計；計算機；多媒體技術
1、網頁設計和多媒體技術
從概念角度進行分析，網頁設計就是設計美學和網絡信息技術這兩種理念的有效結合。這是因為網友在進行網頁瀏覽時不僅僅只是為了去尋找他們所需要的信息，更多時候也是網頁設計本身的美觀和色彩、圖形吸引了他們。要想達到這一點，不僅僅要掌握熟練的網頁設計的理論，還要在這一基礎上處理其他數據并且利用計算機多媒體技術，對數據進行不斷的壓縮和處理。目前的網頁設計中，多媒體技術幾乎能處理的所有類型的信息和能用到的媒體。比如，在信息的處理過程中可能會要把圖形的文件格式進行改變，按照項目的要求進行圖形存儲、壓縮。這就要求工作人員必須在較短時間內從冗長的視頻文件中選取一段可以使用的視頻或者文件進行合成和利用。以此幫助設計人員對于不同頻率的聲音或影像進行變頻、合成和特效的加入。
2、多媒體技術在網頁設計之中的具體應用
2.1運用在即時通信之中
網頁在設計時，要特別注意保證一定的通信質量和傳輸速度。這是因為網頁是借助互聯網實現信息傳播的功能的。所以，隨著網頁的內容不斷豐富，傳輸時就會出現網頁無法瀏覽或者打開緩慢的問題。如果要從根本上去解決這類問題，就要通過多媒體技術進行。多媒體技術的使用可以使文件進行壓縮、開啟或者限制多數據流通道。通過這一過程，使得網頁打開不僅變成了連續性的操作，也變成了一個集播放和存儲于一體的過程。多媒體處理技術的運用，可以幫助設計人員在進行網頁設計時實現不同用戶在同一時間對相同的數據進行要求，這種功能可以影片檢索或者交互性比較強的視頻網站中，實現不同媒體間的同步。
2.2促進網頁的網絡連接
當網頁正式工作之后，在實現保證數據的傳輸和使用之后，因為訪問量不斷的增大使得承載媒體的數量也不斷的擴張。當使用者網絡連接時，很容易出現信息通信中斷或者網頁打開緩慢的問題。這就說明了多媒體技術在網頁媒體數據傳輸時，壓縮和解壓相關的文件就變得很重要了。大量的實時數據在用戶傳輸之前，一定會造成網絡寬帶壓力增大的問題，甚至高峰時期還會出現堵塞的現象。所以先壓縮、后傳輸的方式有效避免了同一用戶對網絡長時間占有的現象。
2.3幫助設計者設計網頁形象
計算機多媒體技術在網頁形象化的設計中，也具有很大的應用價值。多媒體技術可以為網頁設計者提供多種素材，圖像和視頻的加入使網頁設計的內容和形式能變得更加生動和形象。網民在進行網頁瀏覽時，更傾向于網頁中豐富多彩的多媒體應用技術。通過使用多媒體技術和手段，可以在進行網頁的設計時增加網民對網頁產生出的形象和生動的感覺。同時，也能給我們的視覺上造成強烈的沖擊。網頁設計時，也可以利用多媒體技術進行設計網頁加載程序。這樣，就能夠實現對網頁的快速瀏覽，也可以實現網頁設計上的絢麗奪目。
3、多媒體應用技術應當注意到的問題
在進行網頁設計使用多媒體技術的過程中，要對多媒體元素的格式進行合理、合適的選擇。避免在載入文件時發生網頁打不開或者文件不能載入的情況。要對多媒體技術的應用進行選擇，注重網頁設計的質量與效果進行完善的網頁設計。以下是在網頁設計時要注意的多媒體技術運用問題。
3.1重視多媒體技術與自身設計藝術的結合
在把多媒體技術的元素應用在有效的網頁設計之前，要考慮到這種結合是否合適、是否具有藝術性。這就要求在進行網頁設計時，要保證多媒體技術的應用與網頁內容和形式的和諧統一。在網頁設計時，既要考慮頁面的整體感，也要注重在畫面的細節和微小編排設計上的設計。要保證各種信息和元素能夠和諧相處，并且有效的突出主題。
3.2在網頁設計中注意相互信息之間的平衡
設計者要突出一個網頁的主題，不僅要求設計者本身具有很深的設計功底也要使設計的主題同他的風格相一致。所以，這就要求工作人員利用多媒體技術設計網頁時要添加保障圖片、文字、動畫于一體的網頁主體。要時刻照顧到網頁頁面的和諧和搭配。無論如何，再進行具體的.設計時網頁的設計人員都要注意是否突出了主體，也要在設計時充分考慮到多媒體手段可以對網頁設計形成哪些優勢。這樣，通過多媒體技術的應用，使設計者的設計思想和能力在網頁設計中能得到一個完美的展現。同時抓住網民的眼球，提升自身網站的吸引力。
3.3注重整體上的色彩平衡
在具體的網頁設計過程中，設計者要十分注重網頁在形式、色彩搭配、色彩比例上和自身的內容的表現。尤其在色彩平衡上要注意運用多媒體技術在設計之前就遵循原則，做出一定的企劃。具體來說，這種原則要求網頁頁面的設計者要讓頁面設計看起來“總體協調，局面對比”。這也就是說在網頁的設計時，要選擇不同主題同時選擇不同的色彩，以此表現和突出每一個主題。用文字顏色和背景顏色的區別，有效地把圖片和文字進行對比是網頁設計中體現出一種經典模式。在這一過程中，整體畫面的和諧和局部場景對比的美，顯示了網頁設計師根據具體的信息對網頁上進行有效設計的能力。也可以在網頁打開時，設計者能把想要展示的內容都集中在一個頁面上，使保障信息一目了然。
4、結語
多媒體技術，在網頁的設計過程中具有非常重要的作用。它不僅能為網頁的設計提供豐富的素材，還能通過載入豐富的圖像和視頻等方式使網頁的設計和感官變得更加豐富多彩。在網頁瀏覽過程中，網友更喜歡給人視覺沖擊力的網頁，但是也要注意由于多媒體是一種加載程序，對網頁而言可能會有一定的負擔，設計人員要根據具體實際的要求對多媒體技術有效應用，實現快捷和絢麗的網頁的制作。
參考文獻：
[1]吉興全,徐峰,袁中香,于永進,陳爾奎.異構無線網絡接入策略的比較研究[J].電子質量,2013(02).
[2]白鳳孌.浙江中控ECS-700DCS與AllLink數采終端數據采集的設計與實現[J].河北企業,2013(02).
[3]高惠莉.計算機多媒體教學常態化探究——基于大學英語多媒體教學的實證研究[J].中國電化教育,2013(02).
[4]陳平,劉明,楊秀杰.計算機多媒體技術專業課程標準與職業崗位技能標準對接研究[J].學園(教育科研),2013(03).
計算機網頁設計畢業論文 篇8
【摘要】
本文以就業信息管理平臺為例，研究網頁設計中表格與層的應用，提出表格與層可以讓網頁的布局整齊美觀，將網頁中的文字、圖片、動畫等眾多元素有條理地統一組織起來。雖然表格的使用整體上是好的，但在一些細節的美化上表格的設計就難以做到，這就要采用層來搭配表格的設計解決相應的排版美化問題。
【關鍵詞】網頁設計；表格；層；就業信息管理平臺
隨著信息技術的日新月異，網頁設計的重要性也逐漸凸顯，如何快速、方便地設計出相關的網頁、網站就顯得非常重要。在網頁設計與制作的教學過程中，如何讓學生快速地掌握網頁設計的一些排版技巧是非常有必要的。因此，筆者結合網頁設計與制作教學中的一些體會，并通過就業信息管理平臺的設計案例，探索網頁設計中表格與ApDiv（層）的排版設計技巧。
一、Dreamweavercs簡介
Dreamweavercs是由Adobe公司推出的一套擁有可視化編輯界面，用于制作并編輯網站和移動應用程序的網頁設計軟件。目前，最新的版本為DreamweaverCC，網頁設計軟件的功能強大。對網頁的瀏覽已經是我們生活中的不可分割的一部分，網頁作為網絡信息傳播的主要載體，其設計也為大家所關注。網頁設計軟件的種類有很多，但最出名、最專業的網頁設計工具，非Dreamweaver莫屬。它是著名的“所見即所得”的可視化網站開發工具，目前的網頁設計幾乎都采用Dreamweaver來設計。Dreamweaver不僅提供了強大的網頁編輯功能，而且還提供了網頁的上傳工具。利用FTP進行大文件的'傳輸，節省了文件的傳輸時間，它是一個集網頁創作和文件傳輸管理等多功能的設計工具。
二、表格與層在網頁設計中的使用
在就業信息管理平臺的設計中，采用程序設計，可以很好地提高網頁的下載與瀏覽速度，但對于初學者來說，程序設計是一件頭痛的事。因此，如何利用表格與層來進行設計，就非常重要。網頁設計中的排版有很多種方法，其中表格結合層的使用排版是最基本也是最有效的方法。表格與層，對職業院校的學生來說，非常容易學，而且使用也非常方便，做出來的網頁也非常的漂亮，因此，在網頁設計中表格與層是非常重要的。
（一）網頁設計中表格的使用。在網頁設計中，利用表格的排版，它的整體效果好是毋庸置疑的，表格在網頁中的位置可以通過表格屬性來進行設置。在Dreamweaver中，頁面內容的設計、排版主要是通過表格來完成。通過表格的相互嵌套、合并與拆分，可以將自己構思好的頁面完整地表現出來。表格在網頁中的重要作用，主要是它在不同的顯示上，可以根據網頁的大小、顯示器的大小進行相應的變化。并始終都處于瀏覽的相對位置，完整地把內容顯示出來，具有很好的兼容性。因此，使用表格排版比較規范，整體性強，可以讓網頁的設計顯得非常的整齊，達到想要的效果。但由于表格的整體性，在一些細微的地方以及操作上還不夠細化，在內容的設計表現上還不夠豐富。
（二）網頁設計中層的使用。層的使用在網頁設計中也是非常的普遍，由于它的定位比較精確，又是一種可視化操作元素，它的使用讓網頁增加了豐富的表現。層與表格的使用基本差不多，但在位置的定位上要比表格方便很多，這也是層的主要優點。在網頁設計中，文本、圖像、表格等元素只能固定其位置，不能相互疊加。如果要想使多個元素進行疊加或者定位要精確，在這種情況下，就需要使用層來進行設置。層具有很多表格所不具備的特點，如層的重疊、移動、隱藏等一些功能，層還可以添加一些動作行為，讓層的內容表現更加豐富，也正是基于這一點，層成了網頁設計中一個重要的元素。層的這些特點有助于設計思維不受局限，從而在設計上有很大的空間。由于它是一種流元素，層在具有上述優點的同時，也存在著一些不可避免的缺陷，例如層在網頁中的定位不會隨著瀏覽器大小的變化而變化，層的位置是固定不動的，在這樣的情況下就失去了層在網頁設計布局中的意義。
（三）就業信息管理平臺中表格與層的結合使用。表格與層的結合使用才能更好地體現出它們的優勢，層也才能更好地體現出它在網頁設計中的強大功能。在網頁設計中，如何做到表格跟層的統一、層與表格融為一個整體，這就要用到層在表格中的插入操作，以及層的嵌套使用，下面以就業信息管理平臺中制作下拉菜單為例來設計。首先，在網頁中插入一個三行一列的表格，在表格的第一行插入一張圖片，作為網頁設計的Logo，而在第二行中插入一個嵌套的一行五列的表格作為網頁的導航條，表格的第三行作為主要內容的設計與排版。
三、表格與層的正確應用表格與層
在網頁設計中雖然有強大的功能，但在使用的過程中也不能太隨意，如果隨意地使用就會增加瀏覽器的負擔，瀏覽下載的速度就會變慢，影響網頁的瀏覽。
（一）表格布局出現的問題。在網頁設計中，利用表格排版的時候，不能使用一個大大的表格鋪滿整個頁面，這樣不利于瀏覽器的打開。瀏覽器打開一個表格，是要等一個表格全部下載完成，這樣就需要很長的時間來打開這個網頁。在表格的嵌套中，也不能無限制地嵌套下去，一般表格的嵌套，應該控制在最多三層表格，如果嵌套的表格太多，打開時也會消耗大量的資源，不利于網頁的打開。有數據統計，一般瀏覽者打開網頁的等待時間為7秒以內。如何解決這個問題，主要采用拆分表格的方法，將一個大的表格拆分成幾個小的表格，并要盡可能地避免表格的層層嵌套。
（二）層布局出現的偏差。在網頁的設計中，層的單獨使用沒有多大的意義，因為層是流元素，不會隨著網頁瀏覽器的變化而變化，它的位置是固定的，不會產生移動。雖然有時候，我們在利用表格與層排版的時候，看起來很整齊，但一預覽就完全錯位了，根本不是想要的效果。如何才能使層與頁面中的表格一樣，能夠隨瀏覽器的變化而產生相對位置上的變化，這就需要先使用表格對整個網頁的整體進行規劃，然后添加一個層到表格中的一個單元格中，作為一個父層。操作的方法為：菜單欄中的插入—布局對象—ApDiv，插入后，這個層的位置左、上必須為空，沒有任何內容。然后，其他的子層就通過這個父層進行嵌套，在這里必須強調的是，父層必須通過菜單欄的插入，不能通過用鼠標畫出來的方式操作。采用這種方法設置層后，無論瀏覽器的窗口大小如何變化，它都會跟著變化，體現了與表格成為一個整體，在瀏覽時就不會產生位置上的移動，因此，層只有結合表格的使用才能更好地豐富網頁內容。
總之，在網頁設計中，表格與層是非常重要的元素，但在布局設計中，只有把表格與層結合使用，才能讓網頁的布局精美與豐富。網頁中的內容雖然很重要，但網頁中的設計與布局才是最重要的。因此，通過合理的布局設置，特別是主頁設計要整齊美觀，才可能更好地吸引讀者。因此，在平時的網頁設計中，要多看一些優秀網站的排版設計，只有這樣，才能更好地提高自己的網頁設計能力。
【參考文獻】
［1］俞燕丹．項目教學法在《網頁設計與制作》課程中的實踐研究［J］．新課程研究（中旬刊），2015（10）
［2］韓媛媛．淺談Dreamweaver在網頁設計中的應用［J］．信息與電腦，2016（7）
［3］周金容．網頁制作過程與技巧［J］．軟件導刊，2016（15）
計算機網頁設計畢業論文 篇9
一、asp技術簡介
asp技術 asp(active server pages動態網頁)是微軟公司推出的一種用以取代cgi(common gateway interface通用網關接口)的技術。目前，internet上的許多基于windows平臺的web站點已開始應用asp來替換cgi。 簡單地講，asp是一個位于服務器端的腳本運行環境，通過這種環境，用戶可以創建和運行動態的交互式web服務器應用程序，如交互式動態網頁，包括使用html表單收集和處理信息，上傳與下載等等。通常情況下，用戶通過瀏覽器看到的網頁大多是靜態的，目前internet 上的許多站點，仍然提供"靜態"(static)的主頁內容。 所謂"靜態"，指的就是站點的主頁內容是"固定不變"的。 當瀏覽器通過internet 的http (hypertext transport protocol)協議，向站點服務器(web server)要求提供主頁的內容時，站點服務器收到要求后，就傳送原已設計好的靜態的html 的文件數據給瀏覽器。 一個"靜態"的站點，若要更新主頁的內容，必須手動的來更新其html的文件數據。而隨著web應用的發展，用戶希望能夠看到根據要求而動態生成的主頁，例如響應用戶查詢數據庫的要求、生成報表等。當在瀏覽器上填好表單(form)的輸入數據，以提供http要求時，可以在站點服務器中執行的應用程序，而不只是一個html 文件。
站點服務器收到要求執行的應用程序，分析表單(form)的輸入數據，將執行的結果以html的格式傳送給瀏覽器。 根據用戶請求生成動態主頁的傳統方法有cgi、isapi等。cgi是根據瀏覽器端的http請求激活響應進程，每一個請求對應一個進程。當同時有很多請求時，程序擠占系統資源，造成效率低下;isapi針對這一缺點進行改進，利用dll(動態鏈接庫)技術，以線程代替進程，提高了性能和速度，但要考慮線程的同步問題，而且開發步驟煩瑣。這兩種技術和另一普遍使用的開發動態網頁的技術java都還存在著另外一個問題，那就是開發困難，程序的開發和html寫作是兩個完全不同的過程，需要專門的程序員開發。而較簡單的開發技術如javascript和idc(internet database connector)等功能有限，不敷使用。
asp使用的activex技術基于開放設計環境，用戶可以自己定義和制作組件加入其中，使自己的動態網頁幾乎具有無限的擴充能力，這是傳統的cgi等程序所遠遠不及的地方。asp與常見的在client端實現動態主頁的技術如java applet、activex control、vbscript、javascript等不同，asp中的命令和script語句都是由服務器來解釋執行的，執行結果產生動態生成的web頁面并送到瀏覽器;而client端技術的script命令則是由瀏覽器來解釋執行。由于asp是在服務器端解釋執行，開發者可以不必考慮瀏覽器是否支持asp;同時由于它在服務器端執行，開發者也不必擔心別人下載程序從而竊取編程邏輯。asp通過后綴名為.asp的asp文件來實現，一個.asp文件相當于一個可執行文件，因此必須放在web服務器上有可執行權限的目錄下。當用戶從瀏覽器輸入了.asp文件的地址后，瀏覽器就將這個url請求發給web server，如果web server上裝了asp，就調用asp。asp讀出相應.asp文件，解釋并執行命令，動態生成一個html頁面回傳web server，然后web server再把結果發送給瀏覽器。asp文件的制作和html類似，且和html開發集成，可以在同一個過程完成，利用asp將可以執行的腳本嵌入到html文件中(將html文件的后綴名改為.asp)，這使得html文件的編寫與腳本的開發融合在一起。通過asp內置的對象、服務器組件(server component)可以完成非常復雜的任務，而且用戶還可以自己開發或利用別人開發的服務器組件完成專門的任務。asp比較網關及服務器擴展模式有著以下優點：
(1)完全與html文件融合在一起;
(2)容易創建，不需要其它編譯、鏈接程序;
(3)面向對象的并通過activex server對象可擴展。
二、電子商務數據訪問方式
電子商務是指通過電子方式，并在網絡基礎上實現物資、人員過程的協調，以便商業交換的活動。在電子商務系統中，web提供了與客戶進行通信聯絡的有效手段，利用web技術，實現web服務器與數據庫系統的`連接，完成對數據的處理與查詢，用戶可以通過操作簡單易學的瀏
覽器來查詢處理所需要的各種數據。 實現web服務器與數據庫的連接一般有兩種方法：一種是利用中間件技術在兩者之間建立連接和通信，如cgi(通用網關接口)和api(應用程序編程接口)。
web服務器通過調用cgi程序實現與web瀏覽器的交互，即cgi程序接受瀏覽器發給web服務器的信息，進行處理后，將相應結果再送回給web服務器，通過web服務器將信息傳送給瀏覽器。但cgi程序在響應速度和資源利用等方面有較大局限性，客戶端每請求一個cgi程序，服務器端便打開一個進程，當請求的數量較大時容易引起瓶頸現象，開發人員常利用api編程來擴展服務器功能，api程序占系統資源少，運行效率較高，但它的編程較cgi程序更為復雜;另一種是由瀏覽器中的java小應用程序(java applet)通過瀏覽器訪問web服務器上的數據庫，利用了jdbc(java database connectivity)技術，它通過jdbc提供的api實現對web server的訪問。由于java applet本身的局限性，目前大多數的應用是基于中間件技術的。asp也是屬于中間件的一種模式，但在windows平臺上它比較網關及服務器擴展模式有著較大的優點。網關的最大特點是它的平臺無關性，但網關程序通常較難編寫和改變。網關程序通常是一個獨立的程序，并不和html文件融合在一起，它需要用如c、c++、vb、perl等語言來編寫獨立的應用程序，而asp應用改變了這一點。使用asp不僅可以讀取access和 sql server的數據庫，而且還可以讀取其他odbc(open database connect 開放式數據庫互聯)兼容的數據庫。
在asp中訪問數據庫是通過ado(activex database object活動數據對象)及事務處理語句來實現的。ado是一種操作microsoft所支持的數據庫的方法，是一項容易使用并且可擴展的將數據庫訪問添加到 web 頁的技術。ado對象的使用與dao(數據訪問對象)、rdo(遠程數據對象)的方式相似。在asp中，ado可以看作是一個服務器組件，更簡單點說，是一系列的對象，應用這些功能強大的對象，即可輕松完成對數據庫復雜的操作。
三、asp在電子商務中的應用
在電子商務中，對用戶而言，進行網上信息查詢的目的是尋找自己需要的產品或服務，而對于商品或服務提供者來說，其目的則是向用戶推銷自己的產品或服務。因此，讓用戶通過瀏覽器查詢服務器的后端數據庫是許多web服務提供者必需有的服務，asp通過內置的adodb組件來實現這一功能。可以使用ado去編寫緊湊簡明的腳本以便連接到odbc 兼容的數據庫和 ole db 兼容的數據源。具體的操作步驟可以歸納為以下幾步：
① 創建數據庫源名(dsn) adodb通過odbc工作，因此要在odbc中設置dsn(數據源名)。打開windows的"控制面板"，雙擊"odbc"的圖標，然后選擇"文件 dsn "的屬性頁，單擊添加，選擇數據庫驅動程序，然后單擊"下一步"，按照屏幕的指示鍵入數據源文件的名稱，然后單擊"下一步"，再單擊"完成"創建數據源。
②創建數據庫鏈接 鏈接用以保持一些關于正在訪問的數據的動態信息，以及鏈接者信息。利用adodb的成員函數open和先前設定的dsn與數據庫連接，其語法如下： setconnect=server.createobject("adodb.connection") ’創建了鏈接對象connect。 connect.open("dsn=dsnname;uid=userid;pwd=password") ’打開鏈接。dsnname為數據源名;userid為用戶名;password為用戶口令。③創建數據對象 ado中的數據對象通常保存的是查詢結果。recordset 是ado中最復雜的對象，有許多屬性和方法，靈活運用，可以達到許多好的效果。其創建方法如下： set recordset =connect.execute(sqtstr) ’創建并打開了對象recordset ，sqtstr是一個串，代表一條標準的sql語句。例如： sqlstr="selectxfrom b1" set recordset =connect.execute(sqlstr) 這條語句執行后，對象recordset中就保存了b1中的所有記錄。
④操作數據庫 可利用execute方便地執行數據的插入、修改、刪除等操作。如執行插入操作： sqlstr=" into b1values(1,2)" connect.execute(sqlstr)
⑤關閉數據對象和鏈接 在使用了ado對象之后，一定要關閉數據對象和鏈接。在asp中通過調用方法close實現關閉。 關閉創建的數據對象：record set .close set record set=nothing 關閉創建的鏈接對象：connect. close set connect=nothing 完整的程序片段：
//產生組件實例
%
setconnect=server.createobject("adodb.connection")
//連接數據庫
connect.open("dsn=dsnname;uid=userid;pwd=password")
//執行查詢
sql=selectxfromtablename
setrs=connect.execute(sql) %
//顯示結果
%dowhile not rs.eof%
%=rs(fieldname)%%
rs.movenext
loop
%
上述是用asp訪問數據庫的全過程，由于應用面向對象思想，所有操作都比較簡單，用戶需要注意的僅是對數據結構的了解、當前所操作的對象及對象的屬性等等，只要對這些有了清晰的認識，再加上asp強大功能，在網絡上使用數據庫，實現用戶與頁面間交換信息，就再也不是什么難事了。
計算機網頁設計畢業論文 篇10
摘 要：
近幾年來，我國旅游業發展迅速，但整體管理水平相對低下，運營機制不健全，網絡化實施中的資源整合力度相對較弱，給人們的出行帶來了一定的困難。本文對建立旅游網站進行了研討。
關鍵詞：
動態網站；信息管理； B/S結構；旅游線路
0 引言
當前，我國的旅游電子商務正處于剛剛起步狀態，網絡旅游新時代的真正到來還有賴于眾多要素的改善，但網絡旅游的旺盛生命力已開始體現。旅游業對于我國經濟的帶動是顯而易見的，直接相關聯的行來有食宿業、運輸業、娛樂業等。因此，大力發展旅游業對于拉升地方經濟有著十分重要的作用。
1、旅游網站需求分析
該系統通過分析旅客、旅行社和景點的現實情況，在網站設計中充分考慮3方的共同利益。從旅客角度來看，查看其時間安排、價位和食宿情況等；從旅行社的角度出發，主要通過網站管理各個景點的線路情況、收集旅客的基本資料、發布景區負責人信息等；各個景點的基本情況、主要包括：交通情況、門票價格和風景圖片欣賞等。用戶都可以通過系統來查詢所需要的各種信息，并且可以訂購機票和車票等。
1.1 目標
該網站系統要立足于服務景區、旅行社和旅客3方面的利益，通過人性化的界面設計，以發展旅游界為終級目標。其功能主要體現在：景區的特色風景、交通、當地的民族特色和特產等一系列信息的查詢、管理和維護；旅行社對旅客人身安全的保障等；管理人員能夠通過網站隨時隨地進行各項事務的處理操作，對旅客在旅行過程中提出的各種問題及時進行匯總和應答；對各個時間周期內旅客出行的地點和人數進行分析，以便于公司的宣傳和準備工作。
旅游網站管理系統的主要使用對象是旅游管理部門和旅游公司，其功能是對旅游信息進行發布和修改，同時加強與游客的交流。本系統的用戶十分廣泛，對用戶的技術要求是：熟悉計算機操作，熟悉Internet相關操作。
1.2 運行環境
硬件最小需求：奔騰3以上CPU，256M以上內存，10G以上剩余硬盤空間。
支持軟件：Windows 98 /2000/XP操作系統。
支持環境：IIS 5.1。
數據庫：Microsoft Access數據庫。
開發工具：ASP。
1.3 旅游網站開發的可行性
采用現代計算機信息網站系統，能夠有效幫助旅游企業優化旅游服務，使其在行業內處于優勢地位，并相對長期地保持這種戰略優勢。開發本系統的可行性如下：
（1）技術可行性。隨著網絡信息技術、電子商務技術和軟件技術的不斷發展融合，設計旅游網站系統在技術上已經成熟。在本網站中，前臺通過ASP語言實現，后臺通過C#語言實現，數據庫采用成熟的ACCESS。不僅能夠保證其數據的可靠性，而且界面的實現相對容易，易于美化，完全能夠滿足本系統網站的技術要求。
（2）經濟可行性。采用NET編程語言和ACCESS數據庫，其成本相對便宜，在前期投入上花費較少，制作相對簡單，能夠滿足中小型旅行社的需求，且投入較少。
2、系統總體結構設計
通過對廣大旅游愛好者、旅行社和景區的調查分析，迎合大部分消費者的使用需求，采用軟件工程對旅游網站系統進行總體分析。
2.1 旅游網站系統總體結構圖
當前的網站系統，主要是以模塊化進行設計，一方面便于加快網站系統的研發進度，另一方面便于日后的維護和擴展。
通過對系統總體結構的設計分析，能夠讓用戶直觀地得到網站的結構，方便用戶的操作和使用。
本網站的系統結構如圖2所示。
2.2 網站結構
本網站采用的是瀏覽器/服務器（Browser/Server）模式。所有操作服務都存放在Web服務器上，其后臺數據存放在后臺數據庫當中，傳輸協議使用HTTP協議，客戶端通過瀏覽器（Browser）訪問Web服務器和數據服務器。其三層結構見圖3。
第一層：瀏覽器：用于實現用戶和服務器的交互工作，通過頁面提示輸入對應的信息，交由后臺服務器處理，并將結果返回顯示。
第二層：Web服務器，處于整個結構的中間層，實現用戶的具體業務應用功能。
第三層：后臺數據庫，主要用于具體數據的存放，整個系統所有數據的調用都是從后臺數據庫中提取的。
2.3 系統功能模塊設計
根據需求分析結果，按照“低耦合、高內聚”的原則，本系統設置以下主要功能模塊：景點信息瀏覽功能模塊、信息查詢功能模塊、在線留言功能模塊。
（1）信息檢索模塊。
該模塊主要是方便用戶對本網站景點進行相關檢索，并返回檢索結果。用戶可根據自己的不同需要進行選擇，系統根據用戶選擇的不同檢索方式和輸入的.關鍵字進行相關檢索，得到用戶檢索的信息。
（2）信息瀏覽。
查看網站最近發布的信息（包含旅客、景點和旅行社），可以根據具體的訪客情況進行分類別的查看。①旅游游記。通過“公告欄”可了解本站的最新信息，并可查看本站近期的所有公告內容；②景點信息。通過景點頁面進行各個景點的信息瀏覽和查詢；③旅游特產信息。通過旅游特產頁面進行自己喜歡的特產瀏覽。
2.4 主界面設計
主界面是一個網站的門面，如同公司的形象，因此應特別注重設計和規劃。它是用戶首先見到的界面，它的好壞直接影響到網站的訪問率。為此，筆者從以下幾個方面對主界面進行了設計。
（1）在色彩搭配上，以一種較明快的色彩為基調，配以其它相關色彩，給用戶一種鮮而不艷的美感。
（2）在字體選用上，大小適當，盡量使用常用字體，適當配用藝術字。
（3）在網頁制作上，采用框架式結構，在框架中嵌入子頁，將大表化小，圖片壓縮，盡量減少頁面響應時間。
（4）在內容上，主界面內容充實而不繁雜，既體現本站特色，又滿足用戶需要。
（5）在用戶操作上，簡化用戶操作，刪去那些空洞的環節。
3、旅游線路信息管理模塊的實現
在信息管理界面，管理員可以對各類信息進行管理。選擇信息類別可以對信息進行類別管理，進而對類信息下的子類信息進行管理。管理員可以通過對修改刪除按鈕的點擊，觸發對信息的修改事件。其核心代碼如下所示：
4、結束語
本文針對旅游網站展開討論，首先分析了旅游網站的需求，重點介紹了其可行性，其次對網站系統的總體結構進行了設計，并分析了B/S結構的原理，最后詳細介紹了網站的具體執行模塊，即旅行線路信息管理模塊，并給出了該模塊的部分核心代碼。由于文章篇幅所限，對于其它代碼在論文中并沒有給出，希望有興趣的讀者可在此基礎上，進一步加以修改與完善。
參考文獻：
[1] 余雷，周松建.ASP.NET應用開發百例[M].北京：清華大學出版社，2003.
[2] 黃斯偉，王瑋.HTML4.0使用祥解[M].北京：人民郵電出版社，1999.
[3] 白鑒聰，王進.JavaScript網頁效果大師[M].北京：機械工業出版社,2001.
[4] 武蒼林，羅晃.Web數據庫的ASP開發方案[J].計算機工程與科學，1999（10）.
【計算機網頁設計畢業論文】相關文章：
計算機網頁設計畢業論文03-29
網頁設計畢業論文11-18
計算機平面設計畢業論文06-15
網頁設計開題報告11-13
網頁設計畢業設計開題報告12-01
計算機畢業論文05-17
計算機畢業論文07-01
計算機畢業論文提綱12-03
計算機碩士畢業論文03-09