求畢業(yè)論文！題目：基于ASP的網(wǎng)站建設(shè)與維護(hù)~謝謝

基于ASP技術(shù)動(dòng)態(tài)網(wǎng)站的規(guī)劃與設(shè)計(jì)是小柯論文網(wǎng)通過網(wǎng)絡(luò)搜集，并由本站工作人員整理后發(fā)布的，基于ASP技術(shù)動(dòng)態(tài)網(wǎng)站的規(guī)劃與設(shè)計(jì)是篇質(zhì)量較高的學(xué)術(shù)論文，供本站訪問者學(xué)習(xí)和學(xué)術(shù)交流參考之用，不可用于其他商業(yè)目的，基于ASP技術(shù)動(dòng)態(tài)網(wǎng)站的規(guī)劃與設(shè)計(jì)的論文版權(quán)歸原作者所有，因網(wǎng)絡(luò)整理，有些文章作者不詳，敬請(qǐng)諒解，如需轉(zhuǎn)摘，請(qǐng)注明出處小柯論文網(wǎng)，如果此論文無法滿足您的論文要求，您可以申請(qǐng)本站幫您代寫論文，以下是正文。

[摘要]本文從軟件工程的角度出發(fā)，系統(tǒng)分析了校園網(wǎng)站的規(guī)劃與設(shè)計(jì)過程。并在系統(tǒng)設(shè)計(jì)階段詳細(xì)介紹了網(wǎng)站設(shè)計(jì)過程中應(yīng)注意的問題，重點(diǎn)對(duì)網(wǎng)站安全做了技術(shù)分析和研究。

[關(guān)鍵詞]網(wǎng)站立項(xiàng) 系統(tǒng)分析 系統(tǒng)設(shè)計(jì) 網(wǎng)站測(cè)試 網(wǎng)站維護(hù)

一、引言

網(wǎng)絡(luò)技術(shù)的不斷成熟和發(fā)展，促進(jìn)了基于網(wǎng)絡(luò)技術(shù)的校園網(wǎng)站的發(fā)展。校園網(wǎng)站開發(fā)是一項(xiàng)很復(fù)雜的工作，我校根據(jù)學(xué)校實(shí)際，確定網(wǎng)站的定位和需求，從軟件工程的角度出發(fā)，針對(duì)學(xué)校網(wǎng)站建設(shè)的特點(diǎn)和重點(diǎn)，整理出一套適合學(xué)校網(wǎng)站建設(shè)管理和控制的方法，以此來保證網(wǎng)站建設(shè)的高效率、高質(zhì)量。

二、網(wǎng)站立項(xiàng)

校園網(wǎng)站建設(shè)，要成立一個(gè)專門的項(xiàng)目小組：學(xué)校領(lǐng)導(dǎo)、學(xué)校網(wǎng)絡(luò)管理員、美術(shù)教師、各科室人員、計(jì)算機(jī)專業(yè)教師等8人～9人以及“計(jì)算機(jī)學(xué)會(huì)”社團(tuán)學(xué)生代表5人組成，由網(wǎng)絡(luò)管理員作為項(xiàng)目負(fù)責(zé)人負(fù)責(zé)對(duì)該項(xiàng)目的統(tǒng)一調(diào)度和安排。

三、網(wǎng)站設(shè)計(jì)開發(fā)過程

（一）系統(tǒng)分析階段

建立一個(gè)網(wǎng)站，首要明確設(shè)計(jì)思想，編寫一份詳盡的需求說明書，這是網(wǎng)站建設(shè)成功的關(guān)鍵所在。

我校根據(jù)各方面的反饋意見進(jìn)行認(rèn)真的分析，對(duì)網(wǎng)站設(shè)計(jì)進(jìn)行準(zhǔn)確定位：學(xué)校網(wǎng)站規(guī)劃要著重考慮教師和學(xué)生的需求；內(nèi)容上要以學(xué)校整體宣傳為主，同時(shí)也要為訪問者提供其所關(guān)心的內(nèi)容；內(nèi)容要求及時(shí)更新；版面要求新穎有特色，同時(shí)還要增強(qiáng)網(wǎng)站的方便性、整體性和安全性。

（二）系統(tǒng)設(shè)計(jì)階段

1．網(wǎng)站總體設(shè)計(jì)

網(wǎng)站設(shè)計(jì)有了一份詳盡的需求說明書后，就可以根據(jù)需求說明書，對(duì)網(wǎng)站進(jìn)行總體規(guī)劃，給出一份網(wǎng)站總體建設(shè)方案?？傮w規(guī)劃具體要明確網(wǎng)站需要實(shí)現(xiàn)的目的和目標(biāo)；網(wǎng)站形象說明；網(wǎng)站的欄目版塊和結(jié)構(gòu)；網(wǎng)站內(nèi)容的安排，相互鏈接關(guān)系；使用軟件、硬件和技術(shù)分析說明；開發(fā)時(shí)間進(jìn)度表；維護(hù)方案；制作費(fèi)用；需要遵循的規(guī)則和標(biāo)準(zhǔn)有哪些等。

2．網(wǎng)站詳細(xì)設(shè)計(jì)

總體設(shè)計(jì)階段以比較抽象概括的方式提出解決問題的辦法，具體設(shè)計(jì)階段的任務(wù)就是把解決方法具體化、明確化，設(shè)計(jì)中應(yīng)注意的問題有：

（1）網(wǎng)站設(shè)計(jì)的風(fēng)格定位。網(wǎng)站要有自己的特色，設(shè)計(jì)中不要太多地考慮技術(shù)問題，而應(yīng)該更多地考慮不斷增加網(wǎng)站的內(nèi)涵，要在能夠動(dòng)態(tài)反映學(xué)校情況的內(nèi)容上下功夫。

（2）網(wǎng)站設(shè)計(jì)的整體性。網(wǎng)站設(shè)計(jì)，注意考慮網(wǎng)站的易維護(hù)性，技術(shù)上多采用C S S、模板等，對(duì)網(wǎng)站的整體風(fēng)格進(jìn)行定位，方便日常維護(hù)與更新。

（3）關(guān)鍵技術(shù)的研究及應(yīng)用。網(wǎng)站設(shè)計(jì)中，怎樣防黑，保護(hù)網(wǎng)站內(nèi)容不被別人竊取、修改是網(wǎng)站建設(shè)必須考慮的技術(shù)性問題。本人主要從IIS、ASP和Access三方面來總結(jié)網(wǎng)站系統(tǒng)面臨的常見的安全威脅及解決方法。

①集中管理ASP的目錄，設(shè)置訪問權(quán)限。在設(shè)置WEB站點(diǎn)時(shí)，將HTMI文件同ASP文件分開放置在不同的目錄下，然后將HTML子目錄設(shè)置為“讀”；將ASP子目錄設(shè)置為“執(zhí)行”。

②對(duì)IIS中的特殊Web目錄禁止匿名訪問并限制IP地址。對(duì)IIS中的sample、scripts、iisadmin等web目錄，通過各目錄屬性對(duì)話框中的“目錄安全性”標(biāo)簽設(shè)置為禁止匿名訪問并限制IP地址，并用NTFS的特性設(shè)置詳細(xì)的安全權(quán)限，除了Administrator，其它帳號(hào)都應(yīng)該設(shè)置為只讀權(quán)限。

③防止Access數(shù)據(jù)庫被下載。有效地防止數(shù)據(jù)庫被下載的方法有：非常規(guī)命名法：為Access數(shù)據(jù)庫文件取一個(gè)復(fù)雜的非常規(guī)名字，并把它放在幾層目錄下；使用ODBC數(shù)據(jù)源：在ASP程序設(shè)計(jì)中，如果有條件，應(yīng)盡量使用ODBC數(shù)據(jù)源，不要把數(shù)據(jù)庫名寫在程序中。

④進(jìn)行數(shù)據(jù)備份。運(yùn)用FSO組件對(duì)Access數(shù)據(jù)庫進(jìn)行備份，以便在數(shù)據(jù)被破壞時(shí)進(jìn)行快速恢復(fù),盡可能多地挽回?fù)p失。

⑤對(duì)ASP頁面進(jìn)行加密。為了有效地防止ASP源代碼泄露，可以對(duì)ASP頁面進(jìn)行加密。加密的方法一般有兩種：一是使用組件技術(shù)將編程邏輯封裝入DLL之中;二是使用微軟的Script Encoder對(duì)ASP頁面進(jìn)行加密。

⑥后臺(tái)用戶注冊(cè)驗(yàn)證。為了防止后臺(tái)用戶未經(jīng)注冊(cè)的用戶繞過注冊(cè)界面直接進(jìn)入應(yīng)用系統(tǒng)，我們采用Session對(duì)象進(jìn)行注冊(cè)驗(yàn)證：

%UserID = Request(“UserID”)

‘讀取使用者所輸入的用戶名和密碼

Password = Request(“Password”)

IfUserID “hrmis” Or Password “password” Then

Response.Write“用戶名錯(cuò)誤!”

Response.End

End If

‘將Session對(duì)象設(shè)置為通過驗(yàn)證狀態(tài)

Session(“Passed”) = True %

進(jìn)入應(yīng)用程序后,首先進(jìn)行驗(yàn)證:

% ‘如果未通過驗(yàn)證,返回Login.asp頁面登陸狀態(tài)

If Not Session(“Passed”) Then Response.Redirect“Login.asp”

End If %

⑦讓學(xué)生參與網(wǎng)站設(shè)計(jì)。優(yōu)秀學(xué)生參與設(shè)計(jì)，無論對(duì)豐富網(wǎng)站內(nèi)容、提高學(xué)校網(wǎng)站的點(diǎn)擊率還是擴(kuò)大學(xué)校網(wǎng)站的影響都能起到相當(dāng)大的作用。

（三）網(wǎng)站測(cè)試

有了網(wǎng)站的具體設(shè)計(jì)方案，各網(wǎng)站制作人員就可以全力進(jìn)入開發(fā)階段。盡量采用邊制作邊調(diào)試，即采用本機(jī)調(diào)試和上傳服務(wù)器調(diào)試的方法，觀察速度、兼容性、交互性等。

投入運(yùn)行之前，需對(duì)網(wǎng)站需求分析、系統(tǒng)分析、設(shè)計(jì)規(guī)格說明和編碼最終復(fù)審，還要對(duì)系統(tǒng)進(jìn)行各種綜合測(cè)試。測(cè)試結(jié)束后，制作有關(guān)文檔存檔，并寫出一個(gè)校園網(wǎng)站使用說明文檔。至此，網(wǎng)站項(xiàng)目建設(shè)完畢。

（四）網(wǎng)站的管理和更新

做好網(wǎng)站的管理與更新，是一個(gè)網(wǎng)站樹立形象的根本、生存的根本。我校專門成立了安全組織機(jī)構(gòu)，制定出適合我校的《校園網(wǎng)站管理辦法》、《校園網(wǎng)站信息發(fā)布審核制度》、《校園網(wǎng)站異常情況案件報(bào)告制度》等規(guī)定，建立健全了各項(xiàng)安全管理制度。

四、結(jié)論

我校網(wǎng)站已經(jīng)試運(yùn)行一段時(shí)間，為學(xué)校的教師、學(xué)生和教學(xué)管理人員提供教學(xué)管理、教學(xué)研究、日常辦公、信息交流等應(yīng)用服務(wù)的平臺(tái)，較好地滿足了設(shè)計(jì)最初的需求。在整個(gè)設(shè)計(jì)網(wǎng)站的過程中，重視學(xué)校網(wǎng)站的“規(guī)劃—設(shè)計(jì)—管理—發(fā)展”的規(guī)律，實(shí)現(xiàn)可持續(xù)性發(fā)展。

參考文獻(xiàn)：

[1]田原.高職院校校園網(wǎng)站主頁設(shè)計(jì)探討[J].十堰職業(yè)技術(shù)學(xué)院學(xué)報(bào)，2007，（7）.

[2]方照.立足校本，探索校園網(wǎng)建設(shè)之路[J].教育信息技術(shù)，2007，（12）.

[3]田建勇.淺析學(xué)校網(wǎng)站的設(shè)計(jì)與建設(shè)[J].安順師范高等?？茖W(xué)校學(xué)報(bào)，2006，（6）.

[4]侯占偉，翟海霞.A S P代碼廈網(wǎng)站安全的探討[J].焦作大學(xué)學(xué)報(bào)，2005，（4）.

[5]陽西述.網(wǎng)頁制作與網(wǎng)站設(shè)計(jì)一高等院校計(jì)算機(jī)系列教材[M]．武漢大學(xué)出版社，2006．

[6]對(duì)學(xué)校網(wǎng)站建設(shè)的思考——舟山市開展學(xué)校網(wǎng)站星級(jí)評(píng)估所感[J].教育信息化，2006，（4）.

（作者單位：廣東汕頭經(jīng)貿(mào)職業(yè)技術(shù)學(xué)校）

請(qǐng)幫我找一篇關(guān)于網(wǎng)站建設(shè)的論文

ASP.NET的網(wǎng)站新聞管理系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)

本篇文章來源于 “論文地帶” 轉(zhuǎn)載請(qǐng)以鏈接形式注明出處 網(wǎng)址：

隨著Internet的普及，越來越多的企業(yè)建立了自己的WWW網(wǎng)站，企業(yè)通過網(wǎng)站可以展示產(chǎn)品，發(fā)布最新動(dòng)態(tài)，與用戶進(jìn)行交流和溝通，與合作伙伴建立聯(lián)系，以及開展電子商務(wù)等。其中新聞管理系統(tǒng)是構(gòu)成企業(yè)網(wǎng)站的一個(gè)重要組成部分，它擔(dān)負(fù)著雙層作用，一方面可以用來動(dòng)態(tài)發(fā)布有關(guān)新產(chǎn)品或新開發(fā)項(xiàng)目，另一方面又可以及時(shí)向顧客公告企業(yè)經(jīng)營業(yè)績(jī)、技術(shù)與研發(fā)進(jìn)展、特別推薦或優(yōu)惠的工程項(xiàng)目、產(chǎn)品和服務(wù)，從而吸引顧客，擴(kuò)大顧客群。

傳統(tǒng)的網(wǎng)站新聞管理方式有兩種，一是靜態(tài)HTML頁面，更新信息時(shí)需要重新制作頁面然后上傳頁面并修改相應(yīng)鏈接，這種方式因?yàn)樾侍鸵巡欢嘤?。二是基于ASP和腳本語言，將動(dòng)態(tài)網(wǎng)頁和數(shù)據(jù)庫結(jié)合，通過應(yīng)用程序來處理新聞，這是目前較為流行的做法。但是由于ASP本身的局限性使得系統(tǒng)有一些不可克服的缺陷，而采取了ASP.NET技術(shù)的系統(tǒng)性能上有了很大的改善，其主要表現(xiàn)在以下幾方面：

1．由于ASP頁面每次打開都必須經(jīng)過先編譯后解釋的過程，所以頁面在反復(fù)打開時(shí)速度沒有任何提升，而ASP.NET頁面只需要一次編譯后不需要重新編譯，直到該頁面被修改或Web應(yīng)用程序重新啟動(dòng)。這使得在多次訪問時(shí)速度有了極大的提升。

2．由于ASP沒有提供任何輸出數(shù)據(jù)為內(nèi)容的元件，所以在使用ASP撰寫數(shù)據(jù)庫頁面時(shí)只能借助ADO的RecordSet對(duì)象逐筆讀取記錄，而ASP.NET通過ADO.NET提供的DataGrid等數(shù)據(jù)庫元件可以直接和數(shù)據(jù)庫聯(lián)系。

3．ASP.NET支持應(yīng)用程序的實(shí)時(shí)更新。管理員不必關(guān)掉網(wǎng)絡(luò)服務(wù)器或者甚至不用停止應(yīng)用程序的運(yùn)行就可以更新應(yīng)用文件。應(yīng)用程序文件永遠(yuǎn)不會(huì)被加鎖，因此甚至在程序運(yùn)行時(shí)文件就可以被覆蓋。當(dāng)文件更新后，系統(tǒng)會(huì)溫和地轉(zhuǎn)換到新的版本。

4．ASP.NET采取"code-behind"方式編寫代碼使得代碼更易于編寫，結(jié)構(gòu)更清晰，降低了系統(tǒng)的開發(fā)與維護(hù)的復(fù)雜度和費(fèi)用。

1系統(tǒng)的開發(fā)原理

1.1 基于ASP.NET技術(shù)的系統(tǒng)結(jié)構(gòu)模型

ASP.NET結(jié)構(gòu)是一個(gè)三層系統(tǒng)：UI層、業(yè)務(wù)邏輯層和數(shù)據(jù)層，如圖1所示。

圖1 ASP.NET的系統(tǒng)結(jié)構(gòu)模型

UI層負(fù)責(zé)與用戶交互，接收用戶的輸入并將服務(wù)器端傳來的數(shù)據(jù)呈現(xiàn)給客戶。

業(yè)務(wù)邏輯層負(fù)責(zé)接收瀏覽器傳來的請(qǐng)求并將請(qǐng)求傳給數(shù)據(jù)層，同時(shí)將請(qǐng)求處理結(jié)果發(fā)給瀏覽器。它由Web表單、XML Web服務(wù)和組件服務(wù)組成。其中Web表單是ASP.NET應(yīng)用程序的核心所在，它是向客戶呈現(xiàn)數(shù)據(jù)和信息的基礎(chǔ)，也是響應(yīng)和處理客戶與顯示的Web表單交互生成的信息和數(shù)據(jù)的基礎(chǔ)。

數(shù)據(jù)層是通過ADO.NET操縱數(shù)據(jù)為事務(wù)邏輯層提供數(shù)據(jù)服務(wù)，如存儲(chǔ)數(shù)據(jù)操作結(jié)果、返回?cái)?shù)據(jù)檢索結(jié)果等。

1.2 ADO.NET訪問數(shù)據(jù)庫的原理

與數(shù)據(jù)庫相連，ADO.NET提供了如下3種方式：通過ODBC相連；通過OLEDB相連；直接與SQL Server相連。3種方式由于應(yīng)用層次的差異，使得效率由低到高，獨(dú)立性由高到低。對(duì)于相連數(shù)據(jù)庫的數(shù)據(jù)處理，也有2種方式，即一種是通過DataSet來隔離異構(gòu)的數(shù)據(jù)源，另一種是以流方式從數(shù)據(jù)源讀取(DataReader方式)。

傳統(tǒng)的應(yīng)用程序是通過先建立到數(shù)據(jù)庫的連接，在程序的整個(gè)運(yùn)行過程中維護(hù)連接的方式來設(shè)計(jì)的。ASP.NET采取了斷開連接方式的數(shù)據(jù)結(jié)構(gòu)。當(dāng)瀏覽器向Web服務(wù)器請(qǐng)求網(wǎng)頁時(shí)，服務(wù)器處理這個(gè)請(qǐng)求，并將所請(qǐng)求的網(wǎng)頁發(fā)送給瀏覽器，然后連接就被斷開，直到瀏覽器發(fā)出下一個(gè)請(qǐng)求。

ADO.NET的另一個(gè)創(chuàng)新是引入了數(shù)據(jù)集(Dataset)。一個(gè)數(shù)據(jù)集是內(nèi)存中提供數(shù)據(jù)關(guān)系圖的高速緩沖區(qū)。數(shù)據(jù)集對(duì)數(shù)據(jù)源一無所知，它們可以由程序或通過從數(shù)據(jù)倉庫中調(diào)入數(shù)據(jù)而被生成、填充。不論數(shù)據(jù)從何處獲取，數(shù)據(jù)集都是通過使用同樣的程序模板而被操作的，并且它使用相同的潛在的數(shù)據(jù)緩沖區(qū)。

2 系統(tǒng)的功能設(shè)計(jì)

2.1 系統(tǒng)的功能結(jié)構(gòu)

該新聞管理系統(tǒng)可以在Windows 2000 Server操作系統(tǒng)平臺(tái)上運(yùn)行，Web服務(wù)器為IIS，數(shù)據(jù)庫服務(wù)器為Microsoft SQL Server2000，開發(fā)工具采用的Microsoft Visual Studio .NET和DreamWeaver。圖2給出系統(tǒng)的功能結(jié)構(gòu)圖。其工作流程為：用戶登錄通過權(quán)限判斷，普通用戶只能瀏覽、閱讀和查詢新聞，注冊(cè)用戶除了可以完成普通用戶的操作外，還可以進(jìn)入新聞管理模塊進(jìn)行新聞錄入、修改和刪除的操作。注冊(cè)用戶除系統(tǒng)管理員外只能對(duì)自己錄入的新聞進(jìn)行刪改操作。

2.2 系統(tǒng)的功能特點(diǎn)

（1）操作簡(jiǎn)單、界面友好：完全控件式的頁面布局，使得新聞的錄入工作更簡(jiǎn)便；許多選項(xiàng)包括新聞?lì)悇e、來源部門等只需要點(diǎn)擊鼠標(biāo)就可以完成；另外，跟蹤出現(xiàn)的提示信息也讓用戶隨時(shí)清楚自己的操作情況。

（2）即時(shí)可見：對(duì)新聞的處理（包括錄入、修改、刪除）將立即在主頁的對(duì)應(yīng)欄目顯示出來，達(dá)到"即時(shí)發(fā)布、即時(shí)見效"的功能。

圖2 系統(tǒng)功能結(jié)構(gòu)圖

（3）功能完善：包括常見網(wǎng)站的新聞管理的各個(gè)方面：新聞錄入、瀏覽、刪除、修改、檢索等各個(gè)方面，完整地實(shí)現(xiàn)了網(wǎng)站對(duì)即時(shí)新聞的管理要求。

（4）方便移植：針對(duì)不同的企業(yè)，只需要稍作修改就可以開發(fā)出適合本企業(yè)特點(diǎn)的網(wǎng)站新聞管理系統(tǒng)！

3 系統(tǒng)的詳細(xì)設(shè)計(jì)

系統(tǒng)的主要功能是通過幾個(gè)功能模塊來實(shí)現(xiàn)的。具體的設(shè)計(jì)過程如下：

⑴ 系統(tǒng)登錄：該模塊負(fù)責(zé)將用戶分為普通用戶和注冊(cè)用戶來實(shí)現(xiàn)用戶權(quán)限的管理。

⑵ 新聞瀏覽：該模塊負(fù)責(zé)分頁列出網(wǎng)站所有新聞的信息，包括標(biāo)題、類型、來源部門字段及發(fā)布日期，每條新聞的標(biāo)題被做成一個(gè)超鏈接，點(diǎn)擊它們就能跳轉(zhuǎn)頁面進(jìn)行新聞閱讀。

⑶ 新聞閱讀：在其他頁面中點(diǎn)擊標(biāo)題鏈接即進(jìn)入新聞閱讀頁面，此時(shí)，每條新聞的詳細(xì)信息將被取出，包括內(nèi)容、標(biāo)題、關(guān)鍵字等，并按照相對(duì)固定的格式放置在頁面的不同區(qū)域，所有新聞使用大致相同的頁面布局，只是各字段對(duì)應(yīng)的內(nèi)容不同而已，另外，頁面其它位置，可以動(dòng)態(tài)放置其他元件，如網(wǎng)站標(biāo)志logo、頁面廣告banner等鏈接圖片，這樣可以很容易地實(shí)現(xiàn)圖文并茂的閱讀效果。

⑷ 新聞查詢：該模塊提供了新聞查詢功能，輸入待查找的內(nèi)容及選定分類信息可以快速地找到符合條件的新聞，并輸出查詢結(jié)果。

⑸ 新聞管理：該模塊負(fù)責(zé)分頁羅列登錄的注冊(cè)用戶曾發(fā)布過且未刪除的新聞信息，用戶可以對(duì)該條新聞進(jìn)行刪除、修改。非新聞發(fā)布者除系統(tǒng)管理員外不具有對(duì)該條新聞的處理權(quán)限，所以不同用戶進(jìn)入此頁面將顯示不同的內(nèi)容。

⑹ 新聞錄入和修改：注冊(cè)用戶錄入一條新聞所需要的內(nèi)容，包含標(biāo)題、關(guān)鍵字、類型、來源部門、發(fā)布日期等，同時(shí)從登錄模塊得到用戶名，這些信息將被寫入數(shù)據(jù)庫中保存。該模塊還負(fù)責(zé)編輯狀態(tài)下的更新，這時(shí)，它將根據(jù)取得的Title字段值對(duì)頁面控件初始化。

下面以系統(tǒng)登錄頁面的編寫為例給出主要事件和函數(shù)，說明該系統(tǒng)的開發(fā)過程。

//IsRegUserOk函數(shù)：判斷用戶是否已經(jīng)注冊(cè)和密碼是否正確

public bool IsRegUserOk()

{

string name=TextBoxName.Text.Trim();

string pwd=TextBoxPassword.Text.Trim();

//建立/打開數(shù)據(jù)庫連接

SqlConnection conn=

本篇文章來源于 “論文地帶” 轉(zhuǎn)載請(qǐng)以鏈接形式注明出處 網(wǎng)址：

new SqlConnection();

conn.ConnectionString="server=(local);uid=sa;pwd=;database=jxdb";

conn.Open();

//建立sql字符串

string sql="select * from reg where name='"+name+"'";

SqlDataReader dr;

SqlCommand cmd=new SqlCommand(sql,conn);

dr=cmd.ExecuteReader();

//保留用戶注冊(cè)與否信息

bool isRegUserExist=dr.Read();

//關(guān)閉DataReader

dr.Close();

//取得用戶名的密碼

string sqlBoth="select * from reg where name='"+name+"'";

sqlBoth+="and pwd='"+pwd+"'";

SqlCommand cmdBoth=new SqlCommand(sqlBoth,conn);

SqlDataReader drBoth;

drBoth=cmdBoth.ExecuteReader();

//保留用戶名+密碼同時(shí)存在信息

bool isBothExist=drBoth.Read();

//關(guān)閉DataReader

drBoth.Close();

conn.Close();

//判斷用戶是否注冊(cè)

if(!isRegUserExist)

{

Response.Write("scriptalert('此用戶尚未注冊(cè)！')");

return false;

}

//判斷用戶名與密碼是否一致

else if(!isBothExist)

{

Response.Write("scriptalert('用戶名和密碼不一致,不能進(jìn)入！')");

return false;

}

else

return true;

}

最后給出系統(tǒng)后端數(shù)據(jù)存儲(chǔ)方案：

利用Microsoft SQL Server 2000建立數(shù)據(jù)庫及其存儲(chǔ)過程。這里給出兩個(gè)必需的數(shù)據(jù)表，一是數(shù)據(jù)表News包含的字段有：編號(hào)、姓名、標(biāo)題、關(guān)鍵字、內(nèi)容、類型、來源部門和日期。字段說明如下：

二是數(shù)據(jù)表Reg包含的字段有：編號(hào)、姓名、密碼、所屬部門、電子郵箱和電話。字段說明如下：

本篇文章來源于 “論文地帶” 轉(zhuǎn)載請(qǐng)以鏈接形式注明出處 網(wǎng)址：

有關(guān)網(wǎng)頁設(shè)計(jì)與制作畢業(yè)論文范文

為了增加網(wǎng)頁的吸引力和可理解性，以及互動(dòng)性，網(wǎng)頁設(shè)計(jì)所起的作用十分重要。下面是我為大家整理的網(wǎng)頁設(shè)計(jì) 畢業(yè) 論文，供大家參考。

網(wǎng)頁設(shè)計(jì)畢業(yè)論文篇一：《Flash軟件畫在網(wǎng)頁設(shè)計(jì)中的應(yīng)用》

網(wǎng)頁設(shè)計(jì)畢業(yè)論文摘要

摘要: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ū)窈蟮膶W(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ā)展過程中不可或缺的重要部分。

1Flash的運(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)畫觀看。

2Flash動(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.

網(wǎng)頁設(shè)計(jì)畢業(yè)論文篇二：《響應(yīng)式網(wǎng)頁設(shè)計(jì)原型研究》

網(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í)清楚，所以一般沿用J?R?安德森的觀點(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è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ù)采用div+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ì)齊，外層布局盒子與瀏覽器頭部無縫緊貼;div及css3完成固定寬度布局時(shí)，默認(rèn)所有內(nèi)部布局div向左浮動(dòng)，溢出屬性為隱藏;所有構(gòu)成頁面的HTML5元素的默認(rèn)邊距和填充屬性為0px;HTML5的列表標(biāo)簽?zāi)J(rèn)項(xiàng)目符號(hào)為空，邊距和填充為0px。此外，確定頁面尺寸,目前大多數(shù) 顯示器 為1024像素*768像素，那么以此為默認(rèn)顯示器時(shí)，頁面的寬度尺寸一般設(shè)置為“1007像素”。初始化CSS代碼后，接下來就是利用div+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ì)視口尺寸，將最外層的布局div(例如：#wrapper{width:1007px;...})的寬度設(shè)置為96%(這個(gè)值取決于當(dāng)前頁面的視覺效果，也可以給其他數(shù)值);然后，將最外層的布局div內(nèi)部的頁頭布局div、導(dǎo)航布局div、內(nèi)容布局div、側(cè)邊欄布局div、頁腳布局div對(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)元素寬度÷上下文元素寬度=百分比寬度。這里需要提示新手的是：在body標(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屬性是用于確?？s放時(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像素的屏幕尺寸，代碼是：linkhref="css/phone.css"rel="stylesheet"type="text/css"media="onlyscreenand(max-width:400px)"。雖然，HTML5+CSS3提供了良好的媒體查詢功能，但當(dāng)前仍有一些瀏覽器不支持，你可能需要添加如下基本樣式：!--[ifltIE9!IEMobile]linkhref="iestyles.css"rel="stylesheet"type="text/css"![endif]--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)化才能真正掌握。

網(wǎng)頁設(shè)計(jì)畢業(yè)論文篇三：《網(wǎng)頁設(shè)計(jì)中的版式設(shè)計(jì)》

摘 要：版式設(shè)計(jì)可以說是界面設(shè)計(jì)的基礎(chǔ)部分，網(wǎng)頁界面中的版式設(shè)計(jì)只是其發(fā)展應(yīng)用中的一個(gè)方向。如何設(shè)計(jì)完美有魅力的網(wǎng)頁界面，版式設(shè)計(jì)扮演十分重要的角色，優(yōu)秀的版式設(shè)計(jì)可以給瀏覽者留下深刻的印象，提高頁面的訪問量。因此，本文將向諸位讀者介紹在CDIO工程 教育 模式下，網(wǎng)頁設(shè)計(jì)課程中采用項(xiàng)目為指導(dǎo)的教學(xué)實(shí)踐過程中注意的事項(xiàng)。

關(guān)鍵詞：網(wǎng)頁設(shè)計(jì);版式設(shè)計(jì) CDIO教育模式;項(xiàng)目教學(xué)

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

網(wǎng)頁設(shè)計(jì)這門課程屬于交叉學(xué)科范疇，兼顧藝術(shù)設(shè)計(jì)、計(jì)算機(jī)技術(shù)及交互設(shè)計(jì)等多門學(xué)科。另外，這門課程作為藝術(shù)與技術(shù)的結(jié)合體，要求學(xué)生具備較強(qiáng)實(shí)踐動(dòng)手能力與綜合運(yùn)用能力，因而在教學(xué)過程中我們依據(jù)CDIO的工程教育理念開展教學(xué)。

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

1 構(gòu)思階段

(1)確立目標(biāo)。

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

(2)信息整理。

項(xiàng)目開展前期根據(jù)對(duì)項(xiàng)目的簡(jiǎn)單分析，要求學(xué)生對(duì)客戶或相關(guān)人士展開訪談，對(duì)行業(yè)同類網(wǎng)站的資訊開展收集與調(diào)研。這一階段學(xué)生會(huì)接觸網(wǎng)頁設(shè)計(jì)的需求方，在本項(xiàng)目中可以設(shè)定為系內(nèi)行政人員、教師及系內(nèi)學(xué)生，根據(jù)訪談或調(diào)研可以得到網(wǎng)站相關(guān)設(shè)計(jì)信息，如對(duì)整體風(fēng)格的需求，導(dǎo)航的設(shè)計(jì)需求，網(wǎng)站類型為靜態(tài)網(wǎng)站或動(dòng)態(tài)網(wǎng)站，根據(jù)需求結(jié)果，要求學(xué)生設(shè)計(jì)多樣的版式效果，以供客戶參考。

(3)交互設(shè)計(jì)。

我們將網(wǎng)頁中的交互分為視覺上的交互和行為功能上的交互設(shè)計(jì)。在這里我們更側(cè)重說明交互在視覺上的應(yīng)用。網(wǎng)頁中我們常見的交互形態(tài)有按鈕、導(dǎo)航條、搜索欄和表單等。這些交互形態(tài)都會(huì)出現(xiàn)在版式的突出及顯著位置，這樣更引發(fā)人們的視覺關(guān)注中心，因而，在進(jìn)行版式設(shè)計(jì)時(shí)，需要考慮這些交互元素的設(shè)置，友好的版式也是一種界面與人的情感交互。在我們的項(xiàng)目中學(xué)生應(yīng)該考慮交互按鈕的外觀設(shè)計(jì)，排放位置等因素;導(dǎo)航條的設(shè)置應(yīng)在醒目位置，清晰明確發(fā)揮導(dǎo)引作用;搜索欄幫助瀏覽者快捷搜索，放置在易發(fā)現(xiàn)的位置，搜索一般出現(xiàn)在網(wǎng)頁右上角;表單設(shè)計(jì)是學(xué)生所忽略的環(huán)節(jié)，因?yàn)榭梢允褂貌寮砑?，?dǎo)致學(xué)生認(rèn)為無須設(shè)計(jì)，在此建議信息表單設(shè)計(jì)時(shí)可考慮細(xì)節(jié)設(shè)計(jì)，提高友好度與舒適度等交互設(shè)計(jì)。

2 設(shè)計(jì)階段

版式設(shè)計(jì)是網(wǎng)頁設(shè)計(jì)中重要的設(shè)計(jì)引導(dǎo)規(guī)劃環(huán)節(jié)，在這個(gè)過程中學(xué)生可以根據(jù)自己的項(xiàng)目主題展開藝術(shù)美感的設(shè)計(jì)。一般進(jìn)行頁面版式設(shè)計(jì)我們從以下幾個(gè)方面入手。

(1)版式結(jié)構(gòu)設(shè)計(jì)。

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

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

(2)字體、圖像、色彩設(shè)計(jì)。

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

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

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

3 技術(shù)實(shí)施

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

網(wǎng)頁設(shè)計(jì)中對(duì)靜態(tài)界面的布局，我們通常會(huì)使用Photoshop和Illustrator圖像處理軟件開展設(shè)計(jì)，首先我們會(huì)根據(jù) 思維導(dǎo)圖 繪制基礎(chǔ)模板，然后根據(jù)設(shè)計(jì)需求在模板中添加設(shè)計(jì)好的文字、圖形、視頻、聲音等設(shè)計(jì)元素。

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

在網(wǎng)頁設(shè)計(jì)中我們會(huì)考慮將靜態(tài)樣稿轉(zhuǎn)換為簡(jiǎn)單的靜態(tài)網(wǎng)頁，這種轉(zhuǎn)換我們會(huì)使用Dreamweaver軟件進(jìn)行操作，由于網(wǎng)頁展示設(shè)備的不同我們也會(huì)考慮采用一些相關(guān)的模型制作軟件來處理交互設(shè)計(jì)部分。

4 運(yùn)行階段

將確定好的靜態(tài)草稿通過切圖生成為靜態(tài)網(wǎng)站，測(cè)試效果及功能，當(dāng)運(yùn)行時(shí)根據(jù)需要和視覺效果進(jìn)行調(diào)整直到理想狀態(tài)。

5 小結(jié)

網(wǎng)頁設(shè)計(jì)課程將實(shí)際項(xiàng)目導(dǎo)入課堂，根據(jù)CDIO工程教育模式教學(xué)，打造有效、有趣、實(shí)用的教學(xué)方式，使學(xué)生在學(xué)習(xí)操作中鍛煉宏觀思考的能力，獲得團(tuán)隊(duì)合作的能力，養(yǎng)成終身學(xué)習(xí)的能力。學(xué)生對(duì)設(shè)計(jì)流程的掌握就是對(duì)知識(shí)體系的掌握和運(yùn)用，達(dá)到理論與實(shí)踐相結(jié)合，通過對(duì)版面的全面掌控，更好地為靜態(tài)網(wǎng)頁設(shè)計(jì)打下堅(jiān)實(shí)的基礎(chǔ)。

參考文獻(xiàn)：

[1] 沈卓婭，王汀.字體與版式設(shè)計(jì)實(shí)訓(xùn)[M].中國出版集團(tuán)東方出版中心，2011：74.

猜你喜歡：

1. 網(wǎng)站設(shè)計(jì)畢業(yè)論文范文

2. 網(wǎng)站類畢業(yè)設(shè)計(jì)論文

3. 淺談廣告設(shè)計(jì)畢業(yè)論文范文

4. 關(guān)于網(wǎng)絡(luò)工程畢業(yè)論文范文

5. 關(guān)于計(jì)算機(jī)畢業(yè)論文范文大全

6. 計(jì)算機(jī)畢業(yè)論文范文大全