網(wǎng)頁(yè)設(shè)計(jì)畢業(yè)論文
畢業(yè)論文按一門(mén)課程計(jì)，是普通中等專(zhuān)業(yè)學(xué)校、高等專(zhuān)科學(xué)校、本科院校、高等教育自學(xué)考試本科及研究生學(xué)歷專(zhuān)業(yè)教育學(xué)業(yè)的最后一個(gè)環(huán)節(jié)，為對(duì)本專(zhuān)業(yè)學(xué)生集中進(jìn)行科學(xué)研究訓(xùn)練而要求學(xué)生在畢業(yè)前總結(jié)性獨(dú)立作業(yè)、撰寫(xiě)的論文。從文體而言，它也是對(duì)某一專(zhuān)業(yè)領(lǐng)域的現(xiàn)實(shí)問(wèn)題或理論問(wèn)題進(jìn)行 科學(xué)研究探索的具有一定意義的論文。一般安排在修業(yè)的最后一學(xué)年（學(xué)期）進(jìn)行。
網(wǎng)頁(yè)設(shè)計(jì)畢業(yè)論文1
響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)原型研究
網(wǎng)頁(yè)設(shè)計(jì)畢業(yè)論文內(nèi)容
當(dāng)今，移動(dòng)互聯(lián)網(wǎng)迅猛發(fā)展，各種智能設(shè)備層出不窮。傳統(tǒng)網(wǎng)頁(yè)設(shè)計(jì)采用“固定頁(yè)面及元素寬度，任何終端統(tǒng)一頁(yè)面效果”的策略，無(wú)疑將造成網(wǎng)頁(yè)在一些新興移動(dòng)終端上顯示的文字極小、鏈接分布極密，用戶(hù)需要在屏幕上不停操作來(lái)自主尋求較好的體驗(yàn)。面對(duì)這一弊端，網(wǎng)頁(yè)設(shè)計(jì)師聚焦于“響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)”這一關(guān)鍵詞，試圖使用一套代碼為各類(lèi)終端設(shè)備提供不同的設(shè)計(jì)和體驗(yàn)。從先前“為固定設(shè)備設(shè)計(jì)網(wǎng)頁(yè)”跨越到“響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)”是一個(gè)較難的過(guò)程。一些新手可能已經(jīng)積攢了諸如媒體查詢(xún)、流式布局、彈性圖片等零散的設(shè)計(jì)開(kāi)發(fā)技巧，掌握了HTML5和CSS3的使用方法，但他們依然無(wú)法駕馭響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)。造成這種情況的直接原因就在于缺乏一個(gè)能夠指導(dǎo)他們立即開(kāi)展響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)實(shí)踐的可操作流程，即原型。
1兩個(gè)關(guān)鍵概念：響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)與原型
響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)(RWD，Responsive網(wǎng)頁(yè)Design)是一種網(wǎng)頁(yè)前端開(kāi)發(fā)技術(shù)，它可以描述為，“兼顧多種不同設(shè)備屏幕尺寸、分辨率、系統(tǒng)平臺(tái)和行為做出相應(yīng)的調(diào)整和布局的顯示機(jī)制”。原型(Prototype)，也叫“原樣”，是“模擬科學(xué)”中的一個(gè)術(shù)語(yǔ)。在心理科學(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)頁(yè)設(shè)計(jì)原型可描述為：符合“響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目分析、各類(lèi)終端具有適合自身用戶(hù)體驗(yàn)的不同頁(yè)面效果、一套代碼完成所有不同終端的網(wǎng)頁(yè)制作、各類(lèi)終端與主流瀏覽器良好兼容”等一系列規(guī)則的，外化的響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)活動(dòng)實(shí)踐模式。
2建構(gòu)響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的原型
建構(gòu)原型一般采用心理模擬法，它包含三個(gè)步驟：
(1)響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)活動(dòng)的功能分析;
(2)響應(yīng)式網(wǎng)頁(yè)設(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)頁(yè)設(shè)計(jì)的目標(biāo)是能夠高效的編寫(xiě)一套代碼為各類(lèi)終端設(shè)備提供良好的設(shè)計(jì)效果和使用體驗(yàn)，這需要具備HTML5、CSS3、Javascript和jquery的基本技能。響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)之父——伊桑.馬科特認(rèn)為，響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該首先針對(duì)小屏幕進(jìn)行設(shè)計(jì)，然后逐步增強(qiáng)針對(duì)大屏幕設(shè)計(jì)。這種思路顛覆了傳統(tǒng)固定寬度的網(wǎng)頁(yè)設(shè)計(jì)方法，對(duì)于那些已經(jīng)積攢了零散的響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)開(kāi)發(fā)技巧、HTML5及CSS3等技術(shù)，能夠較熟練的完成固定寬度桌面端網(wǎng)頁(yè)的新手而言，恐怕很難理解從小屏幕開(kāi)始設(shè)計(jì)然后漸進(jìn)增強(qiáng)的思路�？紤]到新手已經(jīng)習(xí)慣設(shè)計(jì)制作固定寬度的桌面版網(wǎng)頁(yè)，響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)如果從固定寬度的大屏幕網(wǎng)頁(yè)制作開(kāi)始，然后改造這套代碼將僅適用于桌面的網(wǎng)頁(yè)依次兼容平板端和手機(jī)端也是一個(gè)不錯(cuò)的思路。響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)活動(dòng)包含了“項(xiàng)目分析”、“網(wǎng)頁(yè)平面設(shè)計(jì)”、“桌面版網(wǎng)頁(yè)制作”、“平面版的改造”、“手機(jī)版的改造”及“兼容問(wèn)題的調(diào)試”這6個(gè)典型的子活動(dòng)。這些典型要素的關(guān)系可以描述為，“要想高效的完成某響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目，首先需要項(xiàng)目分析，其階段性結(jié)果是響應(yīng)式網(wǎng)頁(yè)的總體方案，即在用戶(hù)群體需求分析及主題解讀的基礎(chǔ)上，進(jìn)行色彩分析及定位，確定UI版面布局，分析設(shè)計(jì)網(wǎng)頁(yè)功能模塊，確定網(wǎng)頁(yè)風(fēng)格等，最終形成包含“前言”、“需求分析”、“系統(tǒng)分析”、“風(fēng)格設(shè)計(jì)”、“各類(lèi)終端UI版面初步布局”、“色彩定位”、“網(wǎng)頁(yè)建設(shè)日程規(guī)劃”等部分的網(wǎng)頁(yè)總體方案文檔;然后，根據(jù)前期方案中“色彩”、“風(fēng)格”及“各類(lèi)終端UI版面布局”等的分析，依據(jù)頁(yè)面設(shè)計(jì)原則，利用photoshop繪制適用于各類(lèi)終端顯示的平面效果圖;隨后，利用“HTML5+Css3”技術(shù)采用
+css布局完成固定寬度桌面版網(wǎng)頁(yè)的制作并生成網(wǎng)頁(yè)文件和樣式表文件;接著，在這套代碼的基礎(chǔ)上，利用媒體查詢(xún)技術(shù)、流式布局、彈性圖片技術(shù)，結(jié)合平板終端的頁(yè)面效果圖將代碼改造成兼容桌面及平板的網(wǎng)頁(yè);之后，在上述修改的基礎(chǔ)上，繼續(xù)利用媒體查詢(xún)技術(shù)和彈性圖片技術(shù)，結(jié)合手機(jī)終端的頁(yè)面效果圖將代碼改造成兼容桌面、平板、手機(jī)的網(wǎng)頁(yè);最后，利用火狐和IETester軟件查看初步完成的響應(yīng)式網(wǎng)頁(yè)，解決跨瀏覽器的兼容問(wèn)題，形成完整網(wǎng)站。該過(guò)程中任何環(huán)節(jié)如果出現(xiàn)不妥當(dāng)都應(yīng)該返回上個(gè)步驟進(jìn)行重新修改。結(jié)合上述對(duì)網(wǎng)頁(yè)設(shè)計(jì)活動(dòng)的功能與結(jié)構(gòu)分析，不難發(fā)現(xiàn)，響應(yīng)式Web設(shè)計(jì)活動(dòng)原型中的6個(gè)典型子活動(dòng)復(fù)雜程度不同。其中“桌面版網(wǎng)頁(yè)制作”、“平面版的改造”、“手機(jī)版的改造”及“兼容問(wèn)題的調(diào)試”這4個(gè)典型子活動(dòng)是比較復(fù)雜的，包含了很多熟手的關(guān)鍵技術(shù)，需要進(jìn)一步闡述。
3熟手的關(guān)鍵技術(shù)
從上述適用于新手的響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)活動(dòng)基本原型發(fā)現(xiàn)，制作一個(gè)能夠兼容主流瀏覽器的固定寬度桌面版網(wǎng)頁(yè)是響應(yīng)式網(wǎng)頁(yè)制作的開(kāi)端。那么，首先在“桌面版網(wǎng)頁(yè)制作”這個(gè)環(huán)節(jié)中提取一些熟手關(guān)鍵技術(shù)，作為給予新手的技巧提示。
3.1兼容主流瀏覽器的桌面版網(wǎng)頁(yè)制作技術(shù)
為了防止不同瀏覽器給予相同HTML5標(biāo)簽的初始樣式存在差異，熟手利用HTML5+CSS3制作桌面版網(wǎng)頁(yè)制作時(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)頁(yè)面在IE內(nèi)核和Firefox內(nèi)核的所有版本瀏覽器中居中對(duì)齊，外層布局盒子與瀏覽器頭部無(wú)縫緊貼;
及css3完成固定寬度布局時(shí)，默認(rèn)所有內(nèi)部布局
向左浮動(dòng)，溢出屬性為隱藏;所有構(gòu)成頁(yè)面的HTML5元素的默認(rèn)邊距和填充屬性為0px;HTML5的列表標(biāo)簽?zāi)J(rèn)項(xiàng)目符號(hào)為空，邊距和填充為0px。此外，確定頁(yè)面尺寸,目前大多數(shù)顯示器為1024像素*768像素，那么以此為默認(rèn)顯示器時(shí)，頁(yè)面的寬度尺寸一般設(shè)置為“1007像素”。初始化CSS代碼后，接下來(lái)就是利用
+CSS完成布局，這里提示新手：完成布局后，務(wù)必在IETESTER和Firefox中檢查網(wǎng)頁(yè)布局是否能夠兼容主流瀏覽器。然后，根據(jù)桌面版網(wǎng)頁(yè)平面設(shè)計(jì)效果圖完成頁(yè)面的制作。此外，熟手的經(jīng)驗(yàn)是制作過(guò)程中頻繁檢測(cè)桌面版網(wǎng)頁(yè)是否能夠完美兼容各種瀏覽器。
3.2利用流式布局、彈性圖片、媒體查詢(xún)技術(shù)修改桌面版網(wǎng)頁(yè)
(1)相對(duì)視口尺寸，將最外層的布局
(例如：#wrapper{width:1007px;...})的寬度設(shè)置為96%(這個(gè)值取決于當(dāng)前頁(yè)面的視覺(jué)效果，也可以給其他數(shù)值);然后，將最外層的布局
內(nèi)部的頁(yè)頭布局、導(dǎo)航布局、內(nèi)容布局、側(cè)邊欄布局、頁(yè)腳布局
對(duì)應(yīng)的CSS樣式中的width屬性值利用公式——目標(biāo)元素寬度÷上下文元素寬度=百分比寬度把網(wǎng)頁(yè)的固定布局修改成百分比布局，也就是將固定像素寬度轉(zhuǎn)換成對(duì)應(yīng)的百分比寬度。
(2)將頁(yè)面中所有HTML5標(biāo)簽元素對(duì)應(yīng)的CSS樣式表中的margin-right、margin-left、padding-right、padding-left的屬性值也用公式——目標(biāo)元素寬度÷上下文元素寬度=百分比寬度來(lái)修改。
(3)將CSS樣式表中的font-size屬性值的單位用em來(lái)代替px。這里依然使用公式——目標(biāo)元素寬度÷上下文元素寬度=百分比寬度。這里需要提示新手的是：在標(biāo)簽的初始化代碼中，如果有font-size:16px;語(yǔ)句，那么在給其他元素的font-size屬性上修改值時(shí)，公式中的“上下文元素寬度”就等于16px，例如，#logo{font-size:48px;}現(xiàn)在要修改為#logo{font-size:3em;}。
(4)為了實(shí)現(xiàn)彈性圖片，讓圖片隨視口縮放，圖形圖像、動(dòng)畫(huà)和視頻的彈性設(shè)置使用“img,object,video,embed{width:100%;max-width:100%;}”。其中，max-width屬性是用于確�？s放時(shí)不會(huì)超出圖片最大尺寸。同時(shí)，熟手還會(huì)使用AdaptiveImages解決方案來(lái)實(shí)現(xiàn)自適應(yīng)圖片。
(5)媒體查詢(xún)可以通過(guò)判斷不同設(shè)備終端，提供不同的樣式使其實(shí)現(xiàn)在不同終端都能獲得最佳的用戶(hù)體驗(yàn)。例如，某個(gè)響應(yīng)式頁(yè)面用電腦瀏覽頁(yè)面時(shí)，頁(yè)面信息會(huì)以平鋪的形式分布在頁(yè)面合適的位置;用手機(jī)瀏覽頁(yè)面時(shí)，導(dǎo)航按鈕會(huì)相繼隱藏起來(lái)，部分信息變成左右滑動(dòng)的方式呈現(xiàn)，頁(yè)面會(huì)重新布局，圖片相應(yīng)縮小。媒介查詢(xún)的語(yǔ)法格式是，例如：設(shè)定寬度不超過(guò)400像素的屏幕尺寸，代碼是：。雖然，HTML5+CSS3提供了良好的媒體查詢(xún)功能，但當(dāng)前仍有一些瀏覽器不支持，你可能需要添加如下基本樣式：3.3不同種類(lèi)、不同版本瀏覽器的兼容問(wèn)題解決跨越瀏覽器的問(wèn)題一直是響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的難題。熟手面對(duì)這一問(wèn)題時(shí)，一般采用“漸進(jìn)增強(qiáng)與降級(jí)”、“利用javascript修復(fù)老版本IE”、“使用Modernizr輔助修正樣式，按需加載資源”、“給IE6，7，8追加媒體查詢(xún)功能”等方法。
4結(jié)束語(yǔ)
對(duì)響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)而言，當(dāng)前的設(shè)計(jì)理念和技術(shù)方法還不是終點(diǎn),網(wǎng)站前端設(shè)計(jì)師需要繼續(xù)努力找出更好的解決方案。而對(duì)新手學(xué)習(xí)者而言，響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)開(kāi)發(fā)技能的形成不是一蹴而就的，還需要學(xué)習(xí)者在多個(gè)項(xiàng)目中，利用原型進(jìn)行多次定向、操作及內(nèi)化才能真正掌握。
網(wǎng)頁(yè)設(shè)計(jì)畢業(yè)論文2
【摘要】
本文以就業(yè)信息管理平臺(tái)為例，研究網(wǎng)頁(yè)設(shè)計(jì)中表格與層的應(yīng)用，提出表格與層可以讓網(wǎng)頁(yè)的布局整齊美觀，將網(wǎng)頁(yè)中的文字、圖片、動(dòng)畫(huà)等眾多元素有條理地統(tǒng)一組織起來(lái)。雖然表格的使用整體上是好的，但在一些細(xì)節(jié)的美化上表格的設(shè)計(jì)就難以做到，這就要采用層來(lái)搭配表格的設(shè)計(jì)解決相應(yīng)的排版美化問(wèn)題。
【關(guān)鍵詞】網(wǎng)頁(yè)設(shè)計(jì)；表格；層；就業(yè)信息管理平臺(tái)
隨著信息技術(shù)的日新月異，網(wǎng)頁(yè)設(shè)計(jì)的重要性也逐漸凸顯，如何快速、方便地設(shè)計(jì)出相關(guān)的網(wǎng)頁(yè)、網(wǎng)站就顯得非常重要。在網(wǎng)頁(yè)設(shè)計(jì)與制作的教學(xué)過(guò)程中，如何讓學(xué)生快速地掌握網(wǎng)頁(yè)設(shè)計(jì)的一些排版技巧是非常有必要的。因此，筆者結(jié)合網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)中的一些體會(huì)，并通過(guò)就業(yè)信息管理平臺(tái)的設(shè)計(jì)案例，探索網(wǎng)頁(yè)設(shè)計(jì)中表格與ApDiv（層）的排版設(shè)計(jì)技巧。
一、Dreamweavercs簡(jiǎn)介
Dreamweavercs是由Adobe公司推出的一套擁有可視化編輯界面，用于制作并編輯網(wǎng)站和移動(dòng)應(yīng)用程序的網(wǎng)頁(yè)設(shè)計(jì)軟件。目前，最新的版本為DreamweaverCC，網(wǎng)頁(yè)設(shè)計(jì)軟件的功能強(qiáng)大。對(duì)網(wǎng)頁(yè)的瀏覽已經(jīng)是我們生活中的不可分割的一部分，網(wǎng)頁(yè)作為網(wǎng)絡(luò)信息傳播的主要載體，其設(shè)計(jì)也為大家所關(guān)注。網(wǎng)頁(yè)設(shè)計(jì)軟件的種類(lèi)有很多，但最出名、最專(zhuān)業(yè)的網(wǎng)頁(yè)設(shè)計(jì)工具，非Dreamweaver莫屬。它是著名的“所見(jiàn)即所得”的可視化網(wǎng)站開(kāi)發(fā)工具，目前的網(wǎng)頁(yè)設(shè)計(jì)幾乎都采用Dreamweaver來(lái)設(shè)計(jì)。Dreamweaver不僅提供了強(qiáng)大的網(wǎng)頁(yè)編輯功能，而且還提供了網(wǎng)頁(yè)的上傳工具。利用FTP進(jìn)行大文件的傳輸，節(jié)省了文件的傳輸時(shí)間，它是一個(gè)集網(wǎng)頁(yè)創(chuàng)作和文件傳輸管理等多功能的設(shè)計(jì)工具。
二、表格與層在網(wǎng)頁(yè)設(shè)計(jì)中的使用
在就業(yè)信息管理平臺(tái)的設(shè)計(jì)中，采用程序設(shè)計(jì)，可以很好地提高網(wǎng)頁(yè)的下載與瀏覽速度，但對(duì)于初學(xué)者來(lái)說(shuō)，程序設(shè)計(jì)是一件頭痛的事。因此，如何利用表格與層來(lái)進(jìn)行設(shè)計(jì)，就非常重要。網(wǎng)頁(yè)設(shè)計(jì)中的排版有很多種方法，其中表格結(jié)合層的使用排版是最基本也是最有效的方法。表格與層，對(duì)職業(yè)院校的學(xué)生來(lái)說(shuō)，非常容易學(xué)，而且使用也非常方便，做出來(lái)的網(wǎng)頁(yè)也非常的漂亮，因此，在網(wǎng)頁(yè)設(shè)計(jì)中表格與層是非常重要的。
�。ㄒ唬┚W(wǎng)頁(yè)設(shè)計(jì)中表格的使用。在網(wǎng)頁(yè)設(shè)計(jì)中，利用表格的排版，它的整體效果好是毋庸置疑的，表格在網(wǎng)頁(yè)中的位置可以通過(guò)表格屬性來(lái)進(jìn)行設(shè)置。在Dreamweaver中，頁(yè)面內(nèi)容的設(shè)計(jì)、排版主要是通過(guò)表格來(lái)完成。通過(guò)表格的相互嵌套、合并與拆分，可以將自己構(gòu)思好的頁(yè)面完整地表現(xiàn)出來(lái)。表格在網(wǎng)頁(yè)中的重要作用，主要是它在不同的顯示上，可以根據(jù)網(wǎng)頁(yè)的大小、顯示器的大小進(jìn)行相應(yīng)的變化。并始終都處于瀏覽的相對(duì)位置，完整地把內(nèi)容顯示出來(lái)，具有很好的兼容性。因此，使用表格排版比較規(guī)范，整體性強(qiáng)，可以讓網(wǎng)頁(yè)的設(shè)計(jì)顯得非常的整齊，達(dá)到想要的效果。但由于表格的整體性，在一些細(xì)微的地方以及操作上還不夠細(xì)化，在內(nèi)容的設(shè)計(jì)表現(xiàn)上還不夠豐富。
�。ǘ┚W(wǎng)頁(yè)設(shè)計(jì)中層的使用。層的使用在網(wǎng)頁(yè)設(shè)計(jì)中也是非常的普遍，由于它的定位比較精確，又是一種可視化操作元素，它的使用讓網(wǎng)頁(yè)增加了豐富的表現(xiàn)。層與表格的使用基本差不多，但在位置的定位上要比表格方便很多，這也是層的主要優(yōu)點(diǎn)。在網(wǎng)頁(yè)設(shè)計(jì)中，文本、圖像、表格等元素只能固定其位置，不能相互疊加。如果要想使多個(gè)元素進(jìn)行疊加或者定位要精確，在這種情況下，就需要使用層來(lái)進(jìn)行設(shè)置。層具有很多表格所不具備的特點(diǎn)，如層的重疊、移動(dòng)、隱藏等一些功能，層還可以添加一些動(dòng)作行為，讓層的內(nèi)容表現(xiàn)更加豐富，也正是基于這一點(diǎn)，層成了網(wǎng)頁(yè)設(shè)計(jì)中一個(gè)重要的元素。層的這些特點(diǎn)有助于設(shè)計(jì)思維不受局限，從而在設(shè)計(jì)上有很大的空間。由于它是一種流元素，層在具有上述優(yōu)點(diǎn)的同時(shí)，也存在著一些不可避免的缺陷，例如層在網(wǎng)頁(yè)中的定位不會(huì)隨著瀏覽器大小的變化而變化，層的位置是固定不動(dòng)的，在這樣的情況下就失去了層在網(wǎng)頁(yè)設(shè)計(jì)布局中的意義。
（三）就業(yè)信息管理平臺(tái)中表格與層的結(jié)合使用。表格與層的結(jié)合使用才能更好地體現(xiàn)出它們的優(yōu)勢(shì)，層也才能更好地體現(xiàn)出它在網(wǎng)頁(yè)設(shè)計(jì)中的強(qiáng)大功能。在網(wǎng)頁(yè)設(shè)計(jì)中，如何做到表格跟層的統(tǒng)一、層與表格融為一個(gè)整體，這就要用到層在表格中的插入操作，以及層的嵌套使用，下面以就業(yè)信息管理平臺(tái)中制作下拉菜單為例來(lái)設(shè)計(jì)。首先，在網(wǎng)頁(yè)中插入一個(gè)三行一列的表格，在表格的第一行插入一張圖片，作為網(wǎng)頁(yè)設(shè)計(jì)的Logo，而在第二行中插入一個(gè)嵌套的一行五列的表格作為網(wǎng)頁(yè)的導(dǎo)航條，表格的第三行作為主要內(nèi)容的設(shè)計(jì)與排版。
三、表格與層的正確應(yīng)用表格與層
在網(wǎng)頁(yè)設(shè)計(jì)中雖然有強(qiáng)大的功能，但在使用的過(guò)程中也不能太隨意，如果隨意地使用就會(huì)增加瀏覽器的負(fù)擔(dān)，瀏覽下載的速度就會(huì)變慢，影響網(wǎng)頁(yè)的瀏覽。
�。ㄒ唬┍砀癫季殖霈F(xiàn)的問(wèn)題。在網(wǎng)頁(yè)設(shè)計(jì)中，利用表格排版的時(shí)候，不能使用一個(gè)大大的表格鋪滿(mǎn)整個(gè)頁(yè)面，這樣不利于瀏覽器的打開(kāi)。瀏覽器打開(kāi)一個(gè)表格，是要等一個(gè)表格全部下載完成，這樣就需要很長(zhǎng)的時(shí)間來(lái)打開(kāi)這個(gè)網(wǎng)頁(yè)。在表格的嵌套中，也不能無(wú)限制地嵌套下去，一般表格的嵌套，應(yīng)該控制在最多三層表格，如果嵌套的表格太多，打開(kāi)時(shí)也會(huì)消耗大量的資源，不利于網(wǎng)頁(yè)的打開(kāi)。有數(shù)據(jù)統(tǒng)計(jì)，一般瀏覽者打開(kāi)網(wǎng)頁(yè)的等待時(shí)間為7秒以?xún)?nèi)。如何解決這個(gè)問(wèn)題，主要采用拆分表格的方法，將一個(gè)大的表格拆分成幾個(gè)小的表格，并要盡可能地避免表格的層層嵌套。
�。ǘ⿲硬季殖霈F(xiàn)的偏差。在網(wǎng)頁(yè)的設(shè)計(jì)中，層的單獨(dú)使用沒(méi)有多大的意義，因?yàn)閷邮橇髟�，不�?huì)隨著網(wǎng)頁(yè)瀏覽器的變化而變化，它的位置是固定的，不會(huì)產(chǎn)生移動(dòng)。雖然有時(shí)候，我們?cè)诶帽砀衽c層排版的時(shí)候，看起來(lái)很整齊，但一預(yù)覽就完全錯(cuò)位了，根本不是想要的效果。如何才能使層與頁(yè)面中的表格一樣，能夠隨瀏覽器的變化而產(chǎn)生相對(duì)位置上的變化，這就需要先使用表格對(duì)整個(gè)網(wǎng)頁(yè)的整體進(jìn)行規(guī)劃，然后添加一個(gè)層到表格中的一個(gè)單元格中，作為一個(gè)父層。操作的方法為：菜單欄中的插入—布局對(duì)象—ApDiv，插入后，這個(gè)層的位置左、上必須為空，沒(méi)有任何內(nèi)容。然后，其他的子層就通過(guò)這個(gè)父層進(jìn)行嵌套，在這里必須強(qiáng)調(diào)的是，父層必須通過(guò)菜單欄的插入，不能通過(guò)用鼠標(biāo)畫(huà)出來(lái)的方式操作。采用這種方法設(shè)置層后，無(wú)論瀏覽器的窗口大小如何變化，它都會(huì)跟著變化，體現(xiàn)了與表格成為一個(gè)整體，在瀏覽時(shí)就不會(huì)產(chǎn)生位置上的移動(dòng)，因此，層只有結(jié)合表格的使用才能更好地豐富網(wǎng)頁(yè)內(nèi)容。
總之，在網(wǎng)頁(yè)設(shè)計(jì)中，表格與層是非常重要的元素，但在布局設(shè)計(jì)中，只有把表格與層結(jié)合使用，才能讓網(wǎng)頁(yè)的布局精美與豐富。網(wǎng)頁(yè)中的內(nèi)容雖然很重要，但網(wǎng)頁(yè)中的設(shè)計(jì)與布局才是最重要的。因此，通過(guò)合理的布局設(shè)置，特別是主頁(yè)設(shè)計(jì)要整齊美觀，才可能更好地吸引讀者。因此，在平時(shí)的網(wǎng)頁(yè)設(shè)計(jì)中，要多看一些優(yōu)秀網(wǎng)站的排版設(shè)計(jì)，只有這樣，才能更好地提高自己的網(wǎng)頁(yè)設(shè)計(jì)能力。
【參考文獻(xiàn)】
［1］俞燕丹．項(xiàng)目教學(xué)法在《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程中的實(shí)踐研究［J］．新課程研究（中旬刊），20xx（10）
�。�2］韓媛媛．淺談Dreamweaver在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用［J］．信息與電腦，20xx（7）
�。�3］周金容．網(wǎng)頁(yè)制作過(guò)程與技巧［J］．軟件導(dǎo)刊，20xx（15）
網(wǎng)頁(yè)設(shè)計(jì)畢業(yè)論文3
Flash軟件畫(huà)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用
網(wǎng)頁(yè)設(shè)計(jì)畢業(yè)論文摘要
摘要:Flash技術(shù)運(yùn)用范圍非常廣泛,不論是網(wǎng)站、廣告、動(dòng)畫(huà)、游戲,甚至程序設(shè)計(jì)與多媒體化展示方面都有一定程度的運(yùn)用。本文首先對(duì)Flash動(dòng)畫(huà)今后的發(fā)展趨勢(shì)進(jìn)行分析并具體化敘述了Flash的實(shí)際定義與特點(diǎn),并對(duì)Flash動(dòng)畫(huà)當(dāng)前在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用方式進(jìn)行分析,針對(duì)性闡述了Flash動(dòng)畫(huà)在整站式網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中交互式導(dǎo)航系統(tǒng)、Web圖像動(dòng)畫(huà)展示以及鼠標(biāo)動(dòng)畫(huà)的應(yīng)用。在此針對(duì)性研究Flash動(dòng)畫(huà)在網(wǎng)頁(yè)設(shè)計(jì)中的相關(guān)研究,望研究結(jié)果能夠?qū)窈蟮膶W(xué)者一定幫助。
網(wǎng)頁(yè)設(shè)計(jì)畢業(yè)論文內(nèi)容
關(guān)鍵詞:Flash動(dòng)畫(huà) 網(wǎng)頁(yè)設(shè)計(jì) 應(yīng)用研究
隨著社會(huì)邁入信息化時(shí)代,網(wǎng)絡(luò)及計(jì)算機(jī)技術(shù)的發(fā)展及普及程度呈現(xiàn)出優(yōu)質(zhì)化的發(fā)展形勢(shì),從而促進(jìn)網(wǎng)頁(yè)動(dòng)畫(huà)漸漸發(fā)展起來(lái),此外網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)在網(wǎng)頁(yè)設(shè)計(jì)中占據(jù)重要地位,促使人們?cè)陉P(guān)注動(dòng)畫(huà)整體發(fā)展趨勢(shì)的過(guò)程中將注意力放在網(wǎng)頁(yè)動(dòng)畫(huà)方面。在構(gòu)建及設(shè)計(jì)網(wǎng)頁(yè)時(shí),運(yùn)用Flash幫助網(wǎng)頁(yè)實(shí)現(xiàn)多媒體化的網(wǎng)頁(yè)成果展示,同時(shí)也漸漸成為網(wǎng)頁(yè)設(shè)計(jì)發(fā)展過(guò)程中不可或缺的重要部分。
1Flash的運(yùn)用及特點(diǎn)
MacromediaFlash作為一種交互式編輯矢量圖及多媒體創(chuàng)作軟件,因特網(wǎng)網(wǎng)頁(yè)設(shè)計(jì)矢量動(dòng)畫(huà)文件格式時(shí)常得以較多的運(yùn)用,此外,針對(duì)性分析Flash,可以了解到目前其主要具備以下六大特點(diǎn):第一,將矢量圖形作為主要運(yùn)行前提,致使其自身文件導(dǎo)出容量不大,在進(jìn)行圖片縮放時(shí)對(duì)其自身的清晰度影響不大,在網(wǎng)絡(luò)傳輸過(guò)程中存在一定的便捷性;第二,Flash具備非常優(yōu)質(zhì)化且強(qiáng)大的AS代碼,在設(shè)計(jì)動(dòng)畫(huà)時(shí)運(yùn)用Flash技術(shù),促使動(dòng)畫(huà)的交互性?xún)?yōu)良,便于讀者在閱讀過(guò)程的理解并實(shí)施相關(guān)互動(dòng);第三,針對(duì)實(shí)際運(yùn)用過(guò)程分析,Flash動(dòng)畫(huà)在運(yùn)作時(shí)主要采用插件,若用戶(hù)想要實(shí)現(xiàn)視頻觀看,僅僅需要安裝一次視頻插件就可以直接觀看,避免繁瑣性多次安裝的現(xiàn)象發(fā)生。此外,由于Flash構(gòu)建的動(dòng)畫(huà)自身極小,所以其具備較快的調(diào)用速率;第四,在設(shè)計(jì)Flash過(guò)程中,可以根據(jù)需要適當(dāng)增加頁(yè)面控制按鈕幫助頁(yè)面實(shí)現(xiàn)鏈接的跳動(dòng),還可以運(yùn)用鼠標(biāo)實(shí)現(xiàn)頁(yè)面動(dòng)畫(huà)中的運(yùn)動(dòng)及移動(dòng)。第五,Flash可以實(shí)現(xiàn)動(dòng)畫(huà)視聽(tīng)效果內(nèi)容的升華,譬如漸變聲、位圖等等,用戶(hù)在制作圖片的過(guò)程中可以直接構(gòu)建全Flash制作站點(diǎn);第六,Flash動(dòng)畫(huà)屬于一種“準(zhǔn)”流式文件內(nèi)容,無(wú)需全部下載完成就可以實(shí)現(xiàn)動(dòng)畫(huà)觀看。
2Flash動(dòng)畫(huà)在網(wǎng)絡(luò)設(shè)計(jì)中的應(yīng)用
在網(wǎng)頁(yè)設(shè)計(jì)中,Flash動(dòng)畫(huà)具備非常多關(guān)鍵性的作用,如流式播放動(dòng)畫(huà)、FlashMV及短片動(dòng)畫(huà)等,此外其所表現(xiàn)的形式中存在一定的交互性。但需要注意的是,在實(shí)施網(wǎng)頁(yè)設(shè)計(jì)時(shí),避免繁瑣、復(fù)雜的動(dòng)畫(huà)設(shè)計(jì)效果的存在,畢竟物極必反,只會(huì)降低網(wǎng)頁(yè)的品質(zhì);如圖1所示。2.1網(wǎng)頁(yè)動(dòng)畫(huà)信息交互的實(shí)現(xiàn)為了進(jìn)一步卻寶寶網(wǎng)頁(yè)動(dòng)畫(huà)信息交互整體的流暢性,其中的一個(gè)重要關(guān)鍵就是Flash動(dòng)畫(huà)導(dǎo)航的交互性設(shè)計(jì)。在對(duì)該部分內(nèi)容進(jìn)行設(shè)計(jì)時(shí),往往會(huì)使用針對(duì)性的Flash動(dòng)畫(huà)腳本——AxtionScript。實(shí)際設(shè)計(jì)過(guò)程中,通常由編程者的思想與Flash在事件中作用共同形成動(dòng)力,并依據(jù)動(dòng)畫(huà)中的相應(yīng)內(nèi)容實(shí)現(xiàn)AxtionScript的具體化定義。2.2網(wǎng)頁(yè)動(dòng)畫(huà)相關(guān)要素的設(shè)計(jì)第一,交互式導(dǎo)航系統(tǒng)。在網(wǎng)頁(yè)設(shè)計(jì)中,導(dǎo)航欄對(duì)用戶(hù)主要起到一種引導(dǎo)性作用。所以在設(shè)計(jì)時(shí)需要將其設(shè)計(jì)為多個(gè)導(dǎo)航級(jí)別,并構(gòu)建針對(duì)性的標(biāo)識(shí)來(lái)將其區(qū)分,以色彩為例,可以采用較為鮮艷、清爽式的搭配。第二,Web圖像動(dòng)畫(huà)形式展示。傳統(tǒng)網(wǎng)頁(yè)中,Web圖像主要呈現(xiàn)靜態(tài),不過(guò)經(jīng)由計(jì)算機(jī)技術(shù)的不斷發(fā)展,最近幾年在網(wǎng)頁(yè)設(shè)計(jì)中漸漸出現(xiàn)了一部分動(dòng)態(tài)化的Web圖像。同時(shí)在其色彩方面的運(yùn)用,主要采用RGB模板,并在網(wǎng)頁(yè)安全色方面運(yùn)用216色,其主要的色彩格式包括GIF、PNG以及JPE6。第三,鼠標(biāo)動(dòng)畫(huà)。為了實(shí)現(xiàn)優(yōu)質(zhì)化Flash動(dòng)畫(huà)效果,在制作動(dòng)畫(huà)效果時(shí)要特別注意鼠標(biāo)在移動(dòng)過(guò)程中其軌跡圖案及色彩搭配。首先,要確保鼠標(biāo)移動(dòng)過(guò)程中的色彩與網(wǎng)頁(yè)設(shè)計(jì)色彩是不同的,有助于用戶(hù)一眼就可以將鼠標(biāo)找到。最后就是,鼠標(biāo)在色彩區(qū)別網(wǎng)頁(yè)之后還要注意其透明性,避免遮蔽信息的現(xiàn)象出現(xiàn)。
3結(jié)語(yǔ)
綜合全文內(nèi)容,在網(wǎng)站設(shè)計(jì)過(guò)程中,Flash作為一個(gè)極具重要性的視覺(jué)性元素,其可以在幫助網(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)畫(huà)一定可以獲得更加廣泛的用途,更具普遍性,最終實(shí)現(xiàn)網(wǎng)頁(yè)設(shè)計(jì)的主體化運(yùn)用趨勢(shì)。
網(wǎng)頁(yè)設(shè)計(jì)畢業(yè)論文文獻(xiàn)
[1]喬慧.Flash動(dòng)畫(huà)在網(wǎng)頁(yè)制作中的應(yīng)用及發(fā)展[J].內(nèi)蒙古石油化工,20xx(21):68.
[2]關(guān)曉軒.Flash動(dòng)畫(huà)在網(wǎng)頁(yè)制作中的應(yīng)用研究[J].北方文學(xué)(下旬),20xx(11):91-93.
計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)畢業(yè)論文范文（通用10篇）
一段忙碌又充實(shí)的大學(xué)生活要即將結(jié)束，我們都知道畢業(yè)生要通過(guò)最后的畢業(yè)論文，畢業(yè)論文是一種有準(zhǔn)備、有計(jì)劃的檢驗(yàn)大學(xué)學(xué)習(xí)成果的形式，那么大家知道正規(guī)的畢業(yè)論文怎么寫(xiě)嗎？以下是小編幫大家整理的計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)畢業(yè)論文，僅供參考，希望能夠幫助到大家。
計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)畢業(yè)論文 篇1
摘要:Flash技術(shù)運(yùn)用范圍非常廣泛,不論是網(wǎng)站、廣告、動(dòng)畫(huà)、游戲,甚至程序設(shè)計(jì)與多媒體化展示方面都有一定程度的運(yùn)用。本文首先對(duì)Flash動(dòng)畫(huà)今后的發(fā)展趨勢(shì)進(jìn)行分析并具體化敘述了Flash的實(shí)際定義與特點(diǎn),并對(duì)Flash動(dòng)畫(huà)當(dāng)前在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用方式進(jìn)行分析,針對(duì)性闡述了Flash動(dòng)畫(huà)在整站式網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中交互式導(dǎo)航系統(tǒng)、Web圖像動(dòng)畫(huà)展示以及鼠標(biāo)動(dòng)畫(huà)的應(yīng)用。在此針對(duì)性研究Flash動(dòng)畫(huà)在網(wǎng)頁(yè)設(shè)計(jì)中的相關(guān)研究,望研究結(jié)果能夠?qū)窈蟮膶W(xué)者一定幫助。
網(wǎng)頁(yè)設(shè)計(jì)畢業(yè)論文內(nèi)容
關(guān)鍵詞:Flash動(dòng)畫(huà) 網(wǎng)頁(yè)設(shè)計(jì) 應(yīng)用研究
隨著社會(huì)邁入信息化時(shí)代,網(wǎng)絡(luò)及計(jì)算機(jī)技術(shù)的發(fā)展及普及程度呈現(xiàn)出優(yōu)質(zhì)化的發(fā)展形勢(shì),從而促進(jìn)網(wǎng)頁(yè)動(dòng)畫(huà)漸漸發(fā)展起來(lái),此外網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)在網(wǎng)頁(yè)設(shè)計(jì)中占據(jù)重要地位,促使人們?cè)陉P(guān)注動(dòng)畫(huà)整體發(fā)展趨勢(shì)的過(guò)程中將注意力放在網(wǎng)頁(yè)動(dòng)畫(huà)方面。在構(gòu)建及設(shè)計(jì)網(wǎng)頁(yè)時(shí),運(yùn)用Flash幫助網(wǎng)頁(yè)實(shí)現(xiàn)多媒體化的網(wǎng)頁(yè)成果展示,同時(shí)也漸漸成為網(wǎng)頁(yè)設(shè)計(jì)發(fā)展過(guò)程中不可或缺的重要部分。
1、Flash的運(yùn)用及特點(diǎn)
MacromediaFlash作為一種交互式編輯矢量圖及多媒體創(chuàng)作軟件,因特網(wǎng)網(wǎng)頁(yè)設(shè)計(jì)矢量動(dòng)畫(huà)文件格式時(shí)常得以較多的運(yùn)用,此外,針對(duì)性分析Flash,可以了解到目前其主要具備以下六大特點(diǎn):第一,將矢量圖形作為主要運(yùn)行前提,致使其自身文件導(dǎo)出容量不大,在進(jìn)行圖片縮放時(shí)對(duì)其自身的清晰度影響不大,在網(wǎng)絡(luò)傳輸過(guò)程中存在一定的便捷性;第二,Flash具備非常優(yōu)質(zhì)化且強(qiáng)大的AS代碼,在設(shè)計(jì)動(dòng)畫(huà)時(shí)運(yùn)用Flash技術(shù),促使動(dòng)畫(huà)的交互性?xún)?yōu)良,便于讀者在閱讀過(guò)程的理解并實(shí)施相關(guān)互動(dòng);第三,針對(duì)實(shí)際運(yùn)用過(guò)程分析,Flash動(dòng)畫(huà)在運(yùn)作時(shí)主要采用插件,若用戶(hù)想要實(shí)現(xiàn)視頻觀看,僅僅需要安裝一次視頻插件就可以直接觀看,避免繁瑣性多次安裝的現(xiàn)象發(fā)生。此外,由于Flash構(gòu)建的動(dòng)畫(huà)自身極小,所以其具備較快的調(diào)用速率;第四,在設(shè)計(jì)Flash過(guò)程中,可以根據(jù)需要適當(dāng)增加頁(yè)面控制按鈕幫助頁(yè)面實(shí)現(xiàn)鏈接的跳動(dòng),還可以運(yùn)用鼠標(biāo)實(shí)現(xiàn)頁(yè)面動(dòng)畫(huà)中的運(yùn)動(dòng)及移動(dòng)。第五,Flash可以實(shí)現(xiàn)動(dòng)畫(huà)視聽(tīng)效果內(nèi)容的升華,譬如漸變聲、位圖等等,用戶(hù)在制作圖片的過(guò)程中可以直接構(gòu)建全Flash制作站點(diǎn);第六,Flash動(dòng)畫(huà)屬于一種“準(zhǔn)”流式文件內(nèi)容,無(wú)需全部下載完成就可以實(shí)現(xiàn)動(dòng)畫(huà)觀看。
網(wǎng)頁(yè)設(shè)計(jì)畢業(yè)論文
asp技術(shù) asp(active server pages動(dòng)態(tài)網(wǎng)頁(yè))是微軟公司推出的一種用以取代cgi(common gateway interface通用網(wǎng)關(guān)接口)的技術(shù)。目前，internet上的許多基于windows平臺(tái)的web站點(diǎn)已開(kāi)始應(yīng)用asp來(lái)替換cgi。 簡(jiǎn)單地講，asp是一個(gè)位于服務(wù)器端的腳本運(yùn)行環(huán)境，通過(guò)這種環(huán)境，用戶(hù)可以創(chuàng)建和運(yùn)行動(dòng)態(tài)的交互式web服務(wù)器應(yīng)用程序，如交互式動(dòng)態(tài)網(wǎng)頁(yè)，包括使用html表單收集和處理信息，上傳與下載等等。通常情況下，用戶(hù)通過(guò)瀏覽器看到的網(wǎng)頁(yè)大多是靜態(tài)的，目前internet 上的許多站點(diǎn)，仍然提供"靜態(tài)"(static)的主頁(yè)內(nèi)容。 所謂"靜態(tài)"，指的就是站點(diǎn)的主頁(yè)內(nèi)容是"固定不變"的。 當(dāng)瀏覽器通過(guò)internet 的http (hypertext transport protocol)協(xié)議，向站點(diǎn)服務(wù)器(web server)要求提供主頁(yè)的內(nèi)容時(shí)，站點(diǎn)服務(wù)器收到要求后，就傳送原已設(shè)計(jì)好的靜態(tài)的html 的文件數(shù)據(jù)給瀏覽器。 一個(gè)"靜態(tài)"的站點(diǎn)，若要更新主頁(yè)的內(nèi)容，必須手動(dòng)的來(lái)更新其html的文件數(shù)據(jù)。而隨著web應(yīng)用的發(fā)展，用戶(hù)希望能夠看到根據(jù)要求而動(dòng)態(tài)生成的主頁(yè)，例如響應(yīng)用戶(hù)查詢(xún)數(shù)據(jù)庫(kù)的要求、生成報(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ù)用戶(hù)請(qǐng)求生成動(dòng)態(tài)主頁(yè)的傳統(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)鏈接庫(kù))技術(shù)，以線(xiàn)程代替進(jìn)程，提高了性能和速度，但要考慮線(xiàn)程的同步問(wèn)題，而且開(kāi)發(fā)步驟煩瑣。這兩種技術(shù)和另一普遍使用的開(kāi)發(fā)動(dòng)態(tài)網(wǎng)頁(yè)的技術(shù)java都還存在著另外一個(gè)問(wèn)題，那就是開(kāi)發(fā)困難，程序的開(kāi)發(fā)和html寫(xiě)作是兩個(gè)完全不同的過(guò)程，需要專(zhuān)門(mén)的程序員開(kāi)發(fā)。而較簡(jiǎn)單的開(kāi)發(fā)技術(shù)如javascript和idc(internet database connector)等功能有限，不敷使用。
asp使用的activex技術(shù)基于開(kāi)放設(shè)計(jì)環(huán)境，用戶(hù)可以自己定義和制作組件加入其中，使自己的動(dòng)態(tài)網(wǎng)頁(yè)幾乎具有無(wú)限的擴(kuò)充能力，這是傳統(tǒng)的cgi等程序所遠(yuǎn)遠(yuǎn)不及的地方。asp與常見(jiàn)的在client端實(shí)現(xiàn)動(dòng)態(tài)主頁(yè)的技術(shù)如java applet、activex control、vbscript、javascript等不同，asp中的命令和script語(yǔ)句都是由服務(wù)器來(lái)解釋執(zhí)行的，執(zhí)行結(jié)果產(chǎn)生動(dòng)態(tài)生成的web頁(yè)面并送到瀏覽器;而client端技術(shù)的.script命令則是由瀏覽器來(lái)解釋執(zhí)行。由于asp是在服務(wù)器端解釋執(zhí)行，開(kāi)發(fā)者可以不必考慮瀏覽器是否支持asp;同時(shí)由于它在服務(wù)器端執(zhí)行，開(kāi)發(fā)者也不必?fù)?dān)心別人下載程序從而竊取編程邏輯。
asp通過(guò)后綴名為.asp的asp文件來(lái)實(shí)現(xiàn)，一個(gè).asp文件相當(dāng)于一個(gè)可執(zhí)行文件，因此必須放在web服務(wù)器上有可執(zhí)行權(quán)限的目錄下。當(dāng)用戶(hù)從瀏覽器輸入了.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頁(yè)面回傳web server，然后web server再把結(jié)果發(fā)送給瀏覽器。asp文件的制作和html類(lèi)似，且和html開(kāi)發(fā)集成，可以在同一個(gè)過(guò)程完成，利用asp將可以執(zhí)行的腳本嵌入到html文件中(將html文件的后綴名改為.asp)，這使得html文件的編寫(xiě)與腳本的開(kāi)發(fā)融合在一起。通過(guò)asp內(nèi)置的對(duì)象、服務(wù)器組件(server component)可以完成非常復(fù)雜的任務(wù)，而且用戶(hù)還可以自己開(kāi)發(fā)或利用別人開(kāi)發(fā)的服務(wù)器組件完成專(zhuān)門(mén)的任務(wù)。asp比較網(wǎng)關(guān)及服務(wù)器擴(kuò)展模式有著以下優(yōu)點(diǎn)：
(1)完全與html文件融合在一起;
(2)容易創(chuàng)建，不需要其它編譯、鏈接程序;
(3)面向?qū)ο蟮牟⑼ㄟ^(guò)activex server對(duì)象可擴(kuò)展。
二、電子商務(wù)數(shù)據(jù)訪問(wèn)方式
電子商務(wù)是指通過(guò)電子方式，并在網(wǎng)絡(luò)基礎(chǔ)上實(shí)現(xiàn)物資、人員過(guò)程的協(xié)調(diào)，以便商業(yè)交換的活動(dòng)。在電子商務(wù)系統(tǒng)中，web提供了與客戶(hù)進(jìn)行通信聯(lián)絡(luò)的有效手段，利用web技術(shù)，實(shí)現(xiàn)web服務(wù)器與數(shù)據(jù)庫(kù)系統(tǒng)的連接，完成對(duì)數(shù)據(jù)的處理與查詢(xún)，用戶(hù)可以通過(guò)操作簡(jiǎn)單易學(xué)的瀏覽器來(lái)查詢(xún)處理所需要的各種數(shù)據(jù)。 實(shí)現(xiàn)web服務(wù)器與數(shù)據(jù)庫(kù)的連接一般有兩種方法：一種是利用中間件技術(shù)在兩者之間建立連接和通信，如cgi(通用網(wǎng)關(guān)接口)和api(應(yīng)用程序編程接口)。
web服務(wù)器通過(guò)調(diào)用cgi程序?qū)崿F(xiàn)與web瀏覽器的交互，即cgi程序接受瀏覽器發(fā)給web服務(wù)器的信息，進(jìn)行處理后，將相應(yīng)結(jié)果再送回給web服務(wù)器，通過(guò)web服務(wù)器將信息傳送給瀏覽器。但cgi程序在響應(yīng)速度和資源利用等方面有較大局限性，客戶(hù)端每請(qǐng)求一個(gè)cgi程序，服務(wù)器端便打開(kāi)一個(gè)進(jìn)程，當(dāng)請(qǐng)求的數(shù)量較大時(shí)容易引起瓶頸現(xiàn)象，開(kāi)發(fā)人員常利用api編程來(lái)擴(kuò)展服務(wù)器功能，api程序占系統(tǒng)資源少，運(yùn)行效率較高，但它的編程較cgi程序更為復(fù)雜;另一種是由瀏覽器中的java小應(yīng)用程序(java applet)通過(guò)瀏覽器訪問(wèn)web服務(wù)器上的數(shù)據(jù)庫(kù)，利用了jdbc(java database connectivity)技術(shù)，它通過(guò)jdbc提供的api實(shí)現(xiàn)對(duì)web server的訪問(wèn)。由于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)無(wú)關(guān)性，但網(wǎng)關(guān)程序通常較難編寫(xiě)和改變。網(wǎng)關(guān)程序通常是一個(gè)獨(dú)立的程序，并不和html文件融合在一起，它需要用如c、c++、vb、perl等語(yǔ)言來(lái)編寫(xiě)?yīng)毩⒌膽?yīng)用程序，而asp應(yīng)用改變了這一點(diǎn)。使用asp不僅可以讀取access和 sql server的數(shù)據(jù)庫(kù)，而且還可以讀取其他odbc(open database connect 開(kāi)放式數(shù)據(jù)庫(kù)互聯(lián))兼容的數(shù)據(jù)庫(kù)。
在asp中訪問(wèn)數(shù)據(jù)庫(kù)是通過(guò)ado(activex database object活動(dòng)數(shù)據(jù)對(duì)象)及事務(wù)處理語(yǔ)句來(lái)實(shí)現(xiàn)的。ado是一種操作microsoft所支持的數(shù)據(jù)庫(kù)的方法，是一項(xiàng)容易使用并且可擴(kuò)展的將數(shù)據(jù)庫(kù)訪問(wèn)添加到 web 頁(yè)的技術(shù)。ado對(duì)象的使用與dao(數(shù)據(jù)訪問(wèn)對(duì)象)、rdo(遠(yuǎn)程數(shù)據(jù)對(duì)象)的方式相似。在asp中，ado可以看作是一個(gè)服務(wù)器組件，更簡(jiǎn)單點(diǎn)說(shuō)，是一系列的對(duì)象，應(yīng)用這些功能強(qiáng)大的對(duì)象，即可輕松完成對(duì)數(shù)據(jù)庫(kù)復(fù)雜的操作。
三、asp在電子商務(wù)中的應(yīng)用
在電子商務(wù)中，對(duì)用戶(hù)而言，進(jìn)行網(wǎng)上信息查詢(xún)的目的是尋找自己需要的產(chǎn)品或服務(wù)，而對(duì)于商品或服務(wù)提供者來(lái)說(shuō)，其目的則是向用戶(hù)推銷(xiāo)自己的產(chǎn)品或服務(wù)。因此，讓用戶(hù)通過(guò)瀏覽器查詢(xún)服務(wù)器的后端數(shù)據(jù)庫(kù)是許多web服務(wù)提供者必需有的服務(wù)，asp通過(guò)內(nèi)置的adodb組件來(lái)實(shí)現(xiàn)這一功能�？梢允褂胊do去編寫(xiě)緊湊簡(jiǎn)明的腳本以便連接到odbc 兼容的數(shù)據(jù)庫(kù)和 ole db 兼容的數(shù)據(jù)源。具體的操作步驟可以歸納為以下幾步：#p#分頁(yè)標(biāo)題#e#
�、� 創(chuàng)建數(shù)據(jù)庫(kù)源名(dsn) adodb通過(guò)odbc工作，因此要在odbc中設(shè)置dsn(數(shù)據(jù)源名)。打開(kāi)windows的"控制面板"，雙擊"odbc"的圖標(biāo)，然后選擇"文件 dsn "的屬性頁(yè)，單擊<添加>，選擇數(shù)據(jù)庫(kù)驅(qū)動(dòng)程序，然后單擊"下一步"，按照屏幕的指示鍵入數(shù)據(jù)源文件的名稱(chēng)，然后單擊"下一步"，再單擊"完成"創(chuàng)建數(shù)據(jù)源。
�、趧�(chuàng)建數(shù)據(jù)庫(kù)鏈接 鏈接用以保持一些關(guān)于正在訪問(wèn)的數(shù)據(jù)的動(dòng)態(tài)信息，以及鏈接者信息。利用adodb的成員函數(shù)open和先前設(shè)定的dsn與數(shù)據(jù)庫(kù)連接，其語(yǔ)法如下： setconnect=server.createobject("adodb.connection") '創(chuàng)建了鏈接對(duì)象connect。 connect.open("dsn=dsnname;uid=userid;pwd=password") '打開(kāi)鏈接。dsnname為數(shù)據(jù)源名;userid為用戶(hù)名;password為用戶(hù)口令。
③創(chuàng)建數(shù)據(jù)對(duì)象 ado中的數(shù)據(jù)對(duì)象通常保存的是查詢(xún)結(jié)果。recordset 是ado中最復(fù)雜的對(duì)象，有許多屬性和方法，靈活運(yùn)用，可以達(dá)到許多好的效果。其創(chuàng)建方法如下： set recordset =connect.execute(sqtstr) '創(chuàng)建并打開(kāi)了對(duì)象recordset ，sqtstr是一個(gè)串，代表一條標(biāo)準(zhǔn)的sql語(yǔ)句。例如： sqlstr="select*from b1" set recordset =connect.execute(sqlstr) 這條語(yǔ)句執(zhí)行后，對(duì)象recordset中就保存了b1中的所有記錄。
�、懿僮鲾�(shù)據(jù)庫(kù) 可利用execute方便地執(zhí)行數(shù)據(jù)的插入、修改、刪除等操作。如執(zhí)行插入操作： sqlstr="insert into b1values(1,2)" connect.execute(sqlstr)
�、蓐P(guān)閉數(shù)據(jù)對(duì)象和鏈接 在使用了ado對(duì)象之后，一定要關(guān)閉數(shù)據(jù)對(duì)象和鏈接。在asp中通過(guò)調(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í)例
//顯示結(jié)果
上述是用asp訪問(wèn)數(shù)據(jù)庫(kù)的全過(guò)程，由于應(yīng)用面向?qū)ο笏枷�，所有操作都比較簡(jiǎn)單，用戶(hù)需要注意的僅是對(duì)數(shù)據(jù)結(jié)構(gòu)的了解、當(dāng)前所操作的對(duì)象及對(duì)象的屬性等等，只要對(duì)這些有了清晰的認(rèn)識(shí)，再加上asp強(qiáng)大功能，在網(wǎng)絡(luò)上使用數(shù)據(jù)庫(kù)，實(shí)現(xiàn)用戶(hù)與頁(yè)面間交換信息，就再也不是什么難事了。
[nextpage]
四、主要功能程序段
4、1 打開(kāi)數(shù)據(jù)庫(kù)
option explicit
dim conn,connstr,db,rs
db="database/#myshop.mdb" //數(shù)據(jù)庫(kù)路徑
set conn = server.createobject("adodb.connection")
connstr="provider=microsoft.jet.oledb.4.0;data source=" & server.mappath(""&db&"")
conn.open connstr
4.2 數(shù)據(jù)庫(kù)查詢(xún)操作
//大類(lèi)查訊
set rs=server.createobject("adodb.recordset")
//只讀方式打開(kāi)
rs.open "select anclass,anclassid from anclass",conn,1,1
do while not rs.eof
response.write ""
&trim(rs("anclass"))&" "
rs.movenext
loop
rs.close
//小類(lèi)查詢(xún)
dim rs2
set rs2=server.createobject("adodb.recordset")
rs2.open "select nclass,nclassid from nclass where anclassid="&rs("anclassid")&" order by nclassidorder",conn,1,1
do while not rs2.eof
response.write ""
&trim(rs2("nclass"))&" "
rs2.movenext
loop
4.3 添加記錄操作
set rs=server.createobject("adodb.recordset")
//可寫(xiě)方式
rs.open "select bookid,username,zhuangtai,zonger from actions",conn,1,3
rs.addnew //添加一條新記錄
rs("bookid")=bookid //添加相應(yīng)的記錄
rs("username")=username
…………
rs("zhuangtai")=6
rs("zonger")=0
rs.update //更新數(shù)據(jù)庫(kù)
4.4 刪除記錄操作
//從表actions中刪除actionid 匹配的記錄; conn.execute "delete from actions where actionid="
&request.querystring("actionid")
4.5 記錄的修改和查看
set rs=server.createobject("adodb.recordset")
rs.open "select * from books where bookid="&bookid,conn,1,3
rs("anclassid")=int(request("anclassid")) //修改各項(xiàng)記錄
………………
rs.update
rs.close
五、結(jié)束語(yǔ)
隨著web技術(shù)的發(fā)展，基于intranet的電子商務(wù)系統(tǒng)無(wú)疑較傳統(tǒng)商務(wù)有著更大的應(yīng)用前景，如何提務(wù)系高這種電子商統(tǒng)中的數(shù)據(jù)訪問(wèn)效率及事務(wù)處理能力仍是當(dāng)前人們所關(guān)注的問(wèn)題。
計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)畢業(yè)論文
asp技術(shù)在交互式網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用
一、asp技術(shù)簡(jiǎn)介
asp技術(shù) asp(active server pages動(dòng)態(tài)網(wǎng)頁(yè))是微軟公司推出的一種用以取代cgi(common gateway interface通用網(wǎng)關(guān)接口)的技術(shù)。目前，internet上的許多基于windows平臺(tái)的web站點(diǎn)已開(kāi)始應(yīng)用asp來(lái)替換cgi。 簡(jiǎn)單地講，asp是一個(gè)位于服務(wù)器端的腳本運(yùn)行環(huán)境，通過(guò)這種環(huán)境，用戶(hù)可以創(chuàng)建和運(yùn)行動(dòng)態(tài)的交互式web服務(wù)器應(yīng)用程序，如交互式動(dòng)態(tài)網(wǎng)頁(yè)，包括使用html表單收集和處理信息，上傳與下載等等。通常情況下，用戶(hù)通過(guò)瀏覽器看到的網(wǎng)頁(yè)大多是靜態(tài)的，目前internet 上的許多站點(diǎn)，仍然提供"靜態(tài)"(static)的主頁(yè)內(nèi)容。 所謂"靜態(tài)"，指的就是站點(diǎn)的主頁(yè)內(nèi)容是"固定不變"的。 當(dāng)瀏覽器通過(guò)internet 的http (hypertext transport protocol)協(xié)議，向站點(diǎn)服務(wù)器(web server)要求提供主頁(yè)的內(nèi)容時(shí)，站點(diǎn)服務(wù)器收到要求后，就傳送原已設(shè)計(jì)好的靜態(tài)的html 的文件數(shù)據(jù)給瀏覽器。 一個(gè)"靜態(tài)"的站點(diǎn)，若要更新主頁(yè)的內(nèi)容，必須手動(dòng)的來(lái)更新其html的文件數(shù)據(jù)。而隨著web應(yīng)用的發(fā)展，用戶(hù)希望能夠看到根據(jù)要求而動(dòng)態(tài)生成的主頁(yè)，例如響應(yīng)用戶(hù)查詢(xún)數(shù)據(jù)庫(kù)的要求、生成報(bào)表等。當(dāng)在瀏覽器上填好表單(form)的輸入數(shù)據(jù)，以提供http要求時(shí)，可以在站點(diǎn)服務(wù)器中執(zhí)行的應(yīng)用程序，而不只是一個(gè)html 文件。
網(wǎng)頁(yè)設(shè)計(jì)的畢業(yè)論文
網(wǎng)頁(yè)設(shè)計(jì)的畢業(yè)論文
ASP技術(shù)在交互式網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用
一、ASP技術(shù)簡(jiǎn)介
ASP技術(shù) ASP（Active Server Pages動(dòng)態(tài)網(wǎng)頁(yè)）是微軟公司推出的一種用以取代CGI（Common Gateway Interface通用網(wǎng)關(guān)接口）的技術(shù)。目前，Internet上的許多基于Windows平臺(tái)的Web站點(diǎn)已開(kāi)始應(yīng)用ASP來(lái)替換CGI。 簡(jiǎn)單地講，ASP是一個(gè)位于服務(wù)器端的腳本運(yùn)行環(huán)境，通過(guò)這種環(huán)境，用戶(hù)可以創(chuàng)建和運(yùn)行動(dòng)態(tài)的交互式Web服務(wù)器應(yīng)用程序，如交互式動(dòng)態(tài)網(wǎng)頁(yè)，包括使用HTML表單收集和處理信息，上傳與下載等等。通常情況下，用戶(hù)通過(guò)瀏覽器看到的網(wǎng)頁(yè)大多是靜態(tài)的，目前Internet 上的許多站點(diǎn)，仍然提供"靜態(tài)"（static）的主頁(yè)內(nèi)容。 所謂"靜態(tài)"，指的就是站點(diǎn)的主頁(yè)內(nèi)容是"固定不變"的。 當(dāng)瀏覽器通過(guò)Internet 的HTTP (Hypertext Transport Protocol)協(xié)議，向站點(diǎn)服務(wù)器(Web Server)要求提供主頁(yè)的內(nèi)容時(shí)，站點(diǎn)服務(wù)器收到要求后，就傳送原已設(shè)計(jì)好的靜態(tài)的HTML 的文件數(shù)據(jù)給瀏覽器。 一個(gè)"靜態(tài)"的站點(diǎn)，若要更新主頁(yè)的內(nèi)容，必須手動(dòng)的來(lái)更新其HTML的文件數(shù)據(jù)。而隨著Web應(yīng)用的發(fā)展，用戶(hù)希望能夠看到根據(jù)要求而動(dòng)態(tài)生成的主頁(yè)，例如響應(yīng)用戶(hù)查詢(xún)數(shù)據(jù)庫(kù)的要求、生成報(bào)表等。當(dāng)在瀏覽器上填好表單(form)的輸入數(shù)據(jù)，以提供HTTP要求時(shí)，可以在站點(diǎn)服務(wù)器中執(zhí)行的應(yīng)用程序，而不只是一個(gè)HTML 文件。
ASP技術(shù)在交互式網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用畢業(yè)論文
ASP技術(shù) ASP（Active Server Pages動(dòng)態(tài)網(wǎng)頁(yè)）是微軟公司推出的一種用以取代CGI（Common Gateway Interface通用網(wǎng)關(guān)接口）的技術(shù)。，Internet上的許多基于Windows平臺(tái)的Web站點(diǎn)已開(kāi)始ASP來(lái)替換CGI。 簡(jiǎn)單地講，ASP是一個(gè)位于服務(wù)器端的腳本運(yùn)行環(huán)境，通過(guò)這種環(huán)境，用戶(hù)可以創(chuàng)建和運(yùn)行動(dòng)態(tài)的交互式Web服務(wù)器應(yīng)用程序，如交互式動(dòng)態(tài)網(wǎng)頁(yè)，包括使用HTML表單收集和處理信息，上傳與下載等等。通常情況下，用戶(hù)通過(guò)瀏覽器看到的網(wǎng)頁(yè)大多是靜態(tài)的，目前Internet 上的許多站點(diǎn)，仍然提供"靜態(tài)"（static）的主頁(yè)。 所謂"靜態(tài)"，指的就是站點(diǎn)的主頁(yè)內(nèi)容是"固定不變"的。 當(dāng)瀏覽器通過(guò)Internet 的HTTP (Hypertext Transport Protocol)協(xié)議，向站點(diǎn)服務(wù)器(Web Server)要求提供主頁(yè)的內(nèi)容時(shí)，站點(diǎn)服務(wù)器收到要求后，就傳送原已設(shè)計(jì)好的靜態(tài)的HTML 的文件數(shù)據(jù)給瀏覽器。 一個(gè)"靜態(tài)"的站點(diǎn)，若要更新主頁(yè)的內(nèi)容，必須手動(dòng)的來(lái)更新其HTML的文件數(shù)據(jù)。而隨著Web應(yīng)用的，用戶(hù)希望能夠看到根據(jù)要求而動(dòng)態(tài)生成的主頁(yè)，例如響應(yīng)用戶(hù)查詢(xún)數(shù)據(jù)庫(kù)的要求、生成報(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ù)用戶(hù)請(qǐng)求生成動(dòng)態(tài)主頁(yè)的傳統(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)鏈接庫(kù)）技術(shù)，以線(xiàn)程代替進(jìn)程，提高了性能和速度，但要考慮線(xiàn)程的同步，而且開(kāi)發(fā)步驟煩瑣。這兩種技術(shù)和另一普遍使用的開(kāi)發(fā)動(dòng)態(tài)網(wǎng)頁(yè)的技術(shù)Java都還存在著另外一個(gè)問(wèn)題，那就是開(kāi)發(fā)困難，程序的開(kāi)發(fā)和HTML寫(xiě)作是兩個(gè)完全不同的過(guò)程，需要專(zhuān)門(mén)的程序員開(kāi)發(fā)。而較簡(jiǎn)單的開(kāi)發(fā)技術(shù)如javascript和IDC(Internet Database Connector)等功能有限，不敷使用。 ASP使用的ActiveX技術(shù)基于開(kāi)放設(shè)計(jì)環(huán)境，用戶(hù)可以自己定義和制作組件加入其中，使自己的動(dòng)態(tài)網(wǎng)頁(yè)幾乎具有無(wú)限的擴(kuò)充能力，這是傳統(tǒng)的CGI等程序所遠(yuǎn)遠(yuǎn)不及的地方。ASP與常見(jiàn)的在Client端實(shí)現(xiàn)動(dòng)態(tài)主頁(yè)的技術(shù)如Java applet、ActiveX Control、VBScript、javascript等不同，ASP中的命令和Script語(yǔ)句都是由服務(wù)器來(lái)解釋執(zhí)行的，執(zhí)行結(jié)果產(chǎn)生動(dòng)態(tài)生成的Web頁(yè)面并送到瀏覽器；而Client端技術(shù)的Script命令則是由瀏覽器來(lái)解釋執(zhí)行。由于ASP是在服務(wù)器端解釋執(zhí)行，開(kāi)發(fā)者可以不必考慮瀏覽器是否支持ASP；同時(shí)由于它在服務(wù)器端執(zhí)行，開(kāi)發(fā)者也不必?fù)?dān)心別人下載程序從而竊取編程邏輯。 ASP通過(guò)后綴名為.asp的ASP文件來(lái)實(shí)現(xiàn)，一個(gè).asp文件相當(dāng)于一個(gè)可執(zhí)行文件，因此必須放在Web服務(wù)器上有可執(zhí)行權(quán)限的目錄下。當(dāng)用戶(hù)從瀏覽器輸入了.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頁(yè)面回傳Web Server，然后Web Server再把結(jié)果發(fā)送給瀏覽器。ASP文件的制作和HTML類(lèi)似，且和HTML開(kāi)發(fā)集成，可以在同一個(gè)過(guò)程完成，利用ASP將可以執(zhí)行的腳本嵌入到HTML文件中(將HTML文件的后綴名改為.asp)，這使得HTML文件的編寫(xiě)與腳本的開(kāi)發(fā)融合在一起。通過(guò)ASP內(nèi)置的對(duì)象、服務(wù)器組件（Server Component）可以完成非常復(fù)雜的任務(wù)，而且用戶(hù)還可以自己開(kāi)發(fā)或利用別人開(kāi)發(fā)的服務(wù)器組件完成專(zhuān)門(mén)的任務(wù)。ASP比較網(wǎng)關(guān)及服務(wù)器擴(kuò)展模式有著以下優(yōu)點(diǎn)：
(1)完全與HTML文件融合在一起；
(2)容易創(chuàng)建，不需要其它編譯、鏈接程序；
(3)面向?qū)ο蟮牟⑼ㄟ^(guò)ActiveX Server對(duì)象可擴(kuò)展。 二、商務(wù)數(shù)據(jù)訪問(wèn)方式
電子商務(wù)是指通過(guò)電子方式，并在基礎(chǔ)上實(shí)現(xiàn)物資、人員過(guò)程的協(xié)調(diào)，以便商業(yè)交換的活動(dòng)。在電子商務(wù)系統(tǒng)中，Web提供了與客戶(hù)進(jìn)行通信聯(lián)絡(luò)的有效手段，利用Web技術(shù)，實(shí)現(xiàn)Web服務(wù)器與數(shù)據(jù)庫(kù)系統(tǒng)的連接，完成對(duì)數(shù)據(jù)的處理與查詢(xún)，用戶(hù)可以通過(guò)操作簡(jiǎn)單易學(xué)的瀏覽器來(lái)查詢(xún)處理所需要的各種數(shù)據(jù)。 實(shí)現(xiàn)Web服務(wù)器與數(shù)據(jù)庫(kù)的連接一般有兩種方法：一種是利用中間件技術(shù)在兩者之間建立連接和通信，如CGI(通用網(wǎng)關(guān)接口)和API(應(yīng)用程序編程接口)。Web服務(wù)器通過(guò)調(diào)用CGI程序?qū)崿F(xiàn)與Web瀏覽器的交互，即CGI程序接受瀏覽器發(fā)給Web服務(wù)器的信息，進(jìn)行處理后，將相應(yīng)結(jié)果再送回給Web服務(wù)器，通過(guò)Web服務(wù)器將信息傳送給瀏覽器。但CGI程序在響應(yīng)速度和資源利用等方面有較大局限性，客戶(hù)端每請(qǐng)求一個(gè)CGI程序，服務(wù)器端便打開(kāi)一個(gè)進(jìn)程，當(dāng)請(qǐng)求的數(shù)量較大時(shí)容易引起瓶頸現(xiàn)象，開(kāi)發(fā)人員常利用API編程來(lái)擴(kuò)展服務(wù)器功能，API程序占系統(tǒng)資源少，運(yùn)行效率較高，但它的編程較CGI程序更為復(fù)雜；另一種是由瀏覽器中的Java小應(yīng)用程序(Java Applet)通過(guò)瀏覽器訪問(wèn)Web服務(wù)器上的數(shù)據(jù)庫(kù)，利用了JDBC(Java Database Connectivity)技術(shù)，它通過(guò)JDBC提供的API實(shí)現(xiàn)對(duì)Web Server的訪問(wèn)。由于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)無(wú)關(guān)性，但網(wǎng)關(guān)程序通常較難編寫(xiě)和改變。網(wǎng)關(guān)程序通常是一個(gè)獨(dú)立的程序，并不和HTML文件融合在一起，它需要用如C、C++、VB、Perl等語(yǔ)言來(lái)編寫(xiě)?yīng)毩⒌膽?yīng)用程序，而ASP應(yīng)用改變了這一點(diǎn)。使用ASP不僅可以讀取Access和 SQL Server的`數(shù)據(jù)庫(kù)，而且還可以讀取其他ODBC（Open Database Connect 開(kāi)放式數(shù)據(jù)庫(kù)互聯(lián)）兼容的數(shù)據(jù)庫(kù)。在ASP中訪問(wèn)數(shù)據(jù)庫(kù)是通過(guò)ADO(ActiveX Database Object活動(dòng)數(shù)據(jù)對(duì)象)及事務(wù)處理語(yǔ)句來(lái)實(shí)現(xiàn)的。ADO是一種操作Microsoft所支持的數(shù)據(jù)庫(kù)的方法，是一項(xiàng)容易使用并且可擴(kuò)展的將數(shù)據(jù)庫(kù)訪問(wèn)添加到 Web 頁(yè)的技術(shù)。ADO對(duì)象的使用與DAO（數(shù)據(jù)訪問(wèn)對(duì)象）、RDO（遠(yuǎn)程數(shù)據(jù)對(duì)象）的方式相似。在ASP中，ADO可以看作是一個(gè)服務(wù)器組件，更簡(jiǎn)單點(diǎn)說(shuō)，是一系列的對(duì)象，應(yīng)用這些功能強(qiáng)大的對(duì)象，即可輕松完成對(duì)數(shù)據(jù)庫(kù)復(fù)雜的操作。 三、ASP在電子商務(wù)中的應(yīng)用
在電子商務(wù)中，對(duì)用戶(hù)而言，進(jìn)行網(wǎng)上信息查詢(xún)的目的是尋找自己需要的產(chǎn)品或服務(wù)，而對(duì)于商品或服務(wù)提供者來(lái)說(shuō)，其目的則是向用戶(hù)推銷(xiāo)自己的產(chǎn)品或服務(wù)。因此，讓用戶(hù)通過(guò)瀏覽器查詢(xún)服務(wù)器的后端數(shù)據(jù)庫(kù)是許多Web服務(wù)提供者必需有的服務(wù)，ASP通過(guò)內(nèi)置的ADODB組件來(lái)實(shí)現(xiàn)這一功能。可以使用ADO去編寫(xiě)緊湊簡(jiǎn)明的腳本以便連接到ODBC 兼容的數(shù)據(jù)庫(kù)和 OLE DB 兼容的數(shù)據(jù)源。具體的操作步驟可以歸納為以下幾步：
① 創(chuàng)建數(shù)據(jù)庫(kù)源名（DSN） ADODB通過(guò)ODBC工作，因此要在ODBC中設(shè)置DSN（數(shù)據(jù)源名）。打開(kāi)Windows的"控制面板"，雙擊"ODBC"的圖標(biāo)，然后選擇"文件 DSN "的屬性頁(yè)，單擊<添加>，選擇數(shù)據(jù)庫(kù)驅(qū)動(dòng)程序，然后單擊"下一步"，按照屏幕的指示鍵入數(shù)據(jù)源文件的名稱(chēng)，然后單擊"下一步"，再單擊"完成"創(chuàng)建數(shù)據(jù)源。
②創(chuàng)建數(shù)據(jù)庫(kù)鏈接 鏈接用以保持一些關(guān)于正在訪問(wèn)的數(shù)據(jù)的動(dòng)態(tài)信息，以及鏈接者信息。利用ADODB的成員函數(shù)Open和先前設(shè)定的DSN與數(shù)據(jù)庫(kù)連接，其語(yǔ)法如下： SetConnect=Server.CreateObject("ADODB.Connection") '創(chuàng)建了鏈接對(duì)象Connect。 Connect.Open("DSN=dsnname；UID=userID；PWD=password") '打開(kāi)鏈接。dsnname為數(shù)據(jù)源名；userID為用戶(hù)名；password為用戶(hù)口令。
③創(chuàng)建數(shù)據(jù)對(duì)象 ADO中的數(shù)據(jù)對(duì)象通常保存的是查詢(xún)結(jié)果。RecordSet 是ADO中最復(fù)雜的對(duì)象，有許多屬性和方法，靈活運(yùn)用，可以達(dá)到許多好的效果。其創(chuàng)建方法如下： Set RecordSet =Connect.Execute(sqtStr) '創(chuàng)建并打開(kāi)了對(duì)象RecordSet ，sqtStr是一個(gè)串，代表一條標(biāo)準(zhǔn)的SQL語(yǔ)句。例如： sqlStr="SELECT*FROM b1" Set RecordSet =Connect.Execute(sqlStr) 這條語(yǔ)句執(zhí)行后，對(duì)象RecordSet中就保存了b1中的所有記錄。
④操作數(shù)據(jù)庫(kù) 可利用Execute方便地執(zhí)行數(shù)據(jù)的插入、修改、刪除等操作。如執(zhí)行插入操作： sqlStr="Insert Into b1Values(1,2)" Connect.Execute(sqlStr)
⑤關(guān)閉數(shù)據(jù)對(duì)象和鏈接 在使用了ADO對(duì)象之后，一定要關(guān)閉數(shù)據(jù)對(duì)象和鏈接。在ASP中通過(guò)調(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ù)庫(kù)
Connect.Open("DSN=dsnname;UID=userID;PWD=password")
//執(zhí)行查詢(xún)
SQL=select＊fromtablename SetRS=Connect.Execute(SQL)�。�>
//顯示結(jié)果
<％DoWhile Not RS.EOF％>
<％=RS(fieldname)％> <％ Rs.MoveNext Loop �。�>
上述是用ASP訪問(wèn)數(shù)據(jù)庫(kù)的全過(guò)程，由于應(yīng)用面向?qū)ο笏枷�，所有操作都比較簡(jiǎn)單，用戶(hù)需要注意的僅是對(duì)數(shù)據(jù)結(jié)構(gòu)的了解、當(dāng)前所操作的對(duì)象及對(duì)象的屬性等等，只要對(duì)這些有了清晰的認(rèn)識(shí)，再加上ASP強(qiáng)大功能，在網(wǎng)絡(luò)上使用數(shù)據(jù)庫(kù)，實(shí)現(xiàn)用戶(hù)與頁(yè)面間交換信息，就再也不是什么難事了。
四、主要功能程序段
4、1 打開(kāi)數(shù)據(jù)庫(kù)
option explicit
dim conn,connstr,db,rs
db="database/#MyShop.mdb" //數(shù)據(jù)庫(kù)路徑
Set conn = Server.CreateObject("ADODB.Connection")
connstr="Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" & Server.MapPath(""&db&"")
conn.Open connstr
4．2 數(shù)據(jù)庫(kù)查詢(xún)操作
//大類(lèi)查訊
set rs=server.CreateObject("adodb.recordset")
//只讀方式打開(kāi)
rs.open "select anclass,anclassid from anclass",conn,1,1
do while not rs.eof
response.write "<A href=javascript:turnX('r"&rs("anclassid")&"')>"
&trim(rs("anclass"))&"</A> "
rs.movenext
loop
rs.close //小類(lèi)查詢(xún)
dim rs2
set rs2=server.CreateObject("adodb.recordset")
rs2.open "select nclass,nclassid from nclass where anclassid="&rs("anclassid")&" order by nclassidorder",conn,1,1
do while not rs2.eof
response.write "<A href=class.asp?aid="
&rs("anclassid")&"&nid="&rs2("nclassid")&">"
&trim(rs2("nclass"))&"</A> "
rs2.movenext
loop
4．3 添加記錄操作
set rs=server.CreateObject("adodb.recordset")
//可寫(xiě)方式
rs.open "select bookid,username,zhuangtai,zonger from actions",conn,1,3
rs.addnew //添加一條新記錄
rs("bookid")=bookid //添加相應(yīng)的記錄
rs("username")=username
…………
rs("zhuangtai")=6
rs("zonger")=0
rs.update //更新數(shù)據(jù)庫(kù)
4．4 刪除記錄操作
//從表actions中刪除actionid 匹配的記錄 conn.execute "delete from actions where actionid="
&request.QueryString("actionid")
4．5 記錄的修改和查看
set rs=server.CreateObject("adodb.recordset")
rs.Open "select * from books where bookid="&bookid,conn,1,3
rs("anclassid")=int(request("anclassid")) //修改各項(xiàng)記錄
………………
rs.Update
rs.Close
五、結(jié)束語(yǔ)
隨著Web技術(shù)的，基于Intranet的商務(wù)系統(tǒng)無(wú)疑較傳統(tǒng)商務(wù)有著更大的前景，如何提務(wù)系高這種電子商統(tǒng)中的數(shù)據(jù)訪問(wèn)效率及事務(wù)處理能力仍是當(dāng)前人們所關(guān)注的。
網(wǎng)頁(yè)設(shè)計(jì)畢業(yè)論文開(kāi)題報(bào)告
開(kāi)題報(bào)告就是當(dāng)課題方向確定之后，課題負(fù)責(zé)人在調(diào)查研究的基礎(chǔ)上撰寫(xiě)的報(bào)請(qǐng)上級(jí)批準(zhǔn)的選題計(jì)劃，下面是小編搜集整理的網(wǎng)頁(yè)設(shè)計(jì)畢業(yè)論文開(kāi)題報(bào)告，歡迎閱讀借鑒。
在經(jīng)濟(jì)迅速發(fā)展的今天，internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會(huì)發(fā)展同步，為了讓我們成為真正的技術(shù)性人才。學(xué)校在本周為我們安排了維持一周的網(wǎng)頁(yè)制作專(zhuān)用周是實(shí)習(xí)，讓我們把平時(shí)所學(xué)知識(shí)運(yùn)用到實(shí)踐中做到真正的學(xué)以致用而不只是紙上談兵。通過(guò)本周的實(shí)習(xí)使我獲得了更多的新知識(shí)同時(shí)也使我使我認(rèn)識(shí)到了自己在學(xué)習(xí)上的許多不足，下面就談?wù)勎以诒敬螌?zhuān)用周的主要感受。
一、網(wǎng)站整體規(guī)劃，要做網(wǎng)頁(yè)的第一步便是做網(wǎng)站的整體規(guī)劃這主要包括四個(gè)方面的內(nèi)容
1.討論網(wǎng)站的主題
網(wǎng)站整體規(guī)劃是做網(wǎng)頁(yè)的第一步也是制作網(wǎng)頁(yè)最關(guān)鍵的一步它決定了你要表答的信息，因此我選擇了我選擇我最喜愛(ài)的服飾來(lái)為它做網(wǎng)頁(yè)。在平時(shí)我也對(duì)服裝的網(wǎng)頁(yè)比較關(guān)心，無(wú)論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁(yè)。
2.定位網(wǎng)站的ci形象。“易菲”植根中國(guó)文化之精髓，汲取自然稟賦之靈性，形成一個(gè)既有濃厚文化底蘊(yùn)，又有現(xiàn)代自然人文氣息的特色品牌。“易”即是容，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對(duì)人性寬度的一種拓展。“菲”通非，是生機(jī)、是個(gè)性、是春意盎然、是自強(qiáng)不息，是對(duì)人性深度的一種挖掘。“生活如花，自在快樂(lè)”是yifini易菲的設(shè)計(jì)理念，倡導(dǎo)一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂(lè)的生活方式。這也便是我網(wǎng)站的ci形象。