首頁(yè) 網(wǎng)站建設(shè) 正文

學(xué)校網(wǎng)站建設(shè)論文（學(xué)校網(wǎng)站建設(shè)的重要意義）

網(wǎng)站建設(shè) 2023-02-24T19:32:17 3656

今天給各位分享學(xué)校網(wǎng)站建設(shè)論文的知識(shí)，其中也會(huì)對(duì)學(xué)校網(wǎng)站建設(shè)的重要意義進(jìn)行解釋?zhuān)绻芘銮山鉀Q你現(xiàn)在面臨的問(wèn)題，別忘了關(guān)注本站，現(xiàn)在開(kāi)始吧！本文目錄一覽： 1、求畢業(yè)論文！題目：基于ASP的網(wǎng)站建設(shè)與維護(hù)~謝謝

本文目錄一覽：

1、求畢業(yè)論文！題目：基于ASP的網(wǎng)站建設(shè)與維護(hù)~謝謝
2、校園網(wǎng)絡(luò)規(guī)劃與建設(shè)論文
3、學(xué)校網(wǎng)站設(shè)計(jì)論文
4、 5、急用畢業(yè)論文校園網(wǎng)規(guī)劃與設(shè)計(jì)
6、有關(guān)網(wǎng)頁(yè)設(shè)計(jì)與制作畢業(yè)論文范文

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

基于ASP技術(shù)動(dòng)態(tài)網(wǎng)站的規(guī)劃與設(shè)計(jì)是小柯論文網(wǎng)通過(guò)網(wǎng)絡(luò)搜集，并由本站工作人員整理后發(fā)布的，基于ASP技術(shù)動(dòng)態(tài)網(wǎng)站的規(guī)劃與設(shè)計(jì)是篇質(zhì)量較高的學(xué)術(shù)論文，供本站訪問(wèn)者學(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)，如果此論文無(wú)法滿(mǎn)足您的論文要求，您可以申請(qǐng)本站幫您代寫(xiě)論文，以下是正文。

[摘要]本文從軟件工程的角度出發(fā)，系統(tǒng)分析了校園網(wǎng)站的規(guī)劃與設(shè)計(jì)過(guò)程。并在系統(tǒng)設(shè)計(jì)階段詳細(xì)介紹了網(wǎng)站設(shè)計(jì)過(guò)程中應(yīng)注意的問(wèn)題，重點(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)站開(kāi)發(fā)是一項(xiàng)很復(fù)雜的工作，我校根據(jù)學(xué)校實(shí)際，確定網(wǎng)站的定位和需求，從軟件工程的角度出發(fā)，針對(duì)學(xué)校網(wǎng)站建設(shè)的特點(diǎn)和重點(diǎn)，整理出一套適合學(xué)校網(wǎng)站建設(shè)管理和控制的方法，以此來(lái)保證網(wǎng)站建設(shè)的高效率、高質(zhì)量。

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

校園網(wǎng)站建設(shè)，要成立一個(gè)專(zhuān)門(mén)的項(xiàng)目小組：學(xué)校領(lǐng)導(dǎo)、學(xué)校網(wǎng)絡(luò)管理員、美術(shù)教師、各科室人員、計(jì)算機(jī)專(zhuān)業(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ì)開(kāi)發(fā)過(guò)程

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

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

我校根據(jù)各方面的反饋意見(jiàn)進(jìn)行認(rèn)真的分析，對(duì)網(wǎng)站設(shè)計(jì)進(jìn)行準(zhǔn)確定位：學(xué)校網(wǎng)站規(guī)劃要著重考慮教師和學(xué)生的需求；內(nèi)容上要以學(xué)校整體宣傳為主，同時(shí)也要為訪問(wèn)者提供其所關(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ì)有了一份詳盡的需求說(shuō)明書(shū)后，就可以根據(jù)需求說(shuō)明書(shū)，對(duì)網(wǎng)站進(jìn)行總體規(guī)劃，給出一份網(wǎng)站總體建設(shè)方案?？傮w規(guī)劃具體要明確網(wǎng)站需要實(shí)現(xiàn)的目的和目標(biāo)；網(wǎng)站形象說(shuō)明；網(wǎng)站的欄目版塊和結(jié)構(gòu)；網(wǎng)站內(nèi)容的安排，相互鏈接關(guān)系；使用軟件、硬件和技術(shù)分析說(shuō)明；開(kāi)發(fā)時(shí)間進(jìn)度表；維護(hù)方案；制作費(fèi)用；需要遵循的規(guī)則和標(biāo)準(zhǔn)有哪些等。

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

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

（1）網(wǎng)站設(shè)計(jì)的風(fēng)格定位。網(wǎng)站要有自己的特色，設(shè)計(jì)中不要太多地考慮技術(shù)問(wèn)題，而應(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ù)性問(wèn)題。本人主要從IIS、ASP和Access三方面來(lái)總結(jié)網(wǎng)站系統(tǒng)面臨的常見(jiàn)的安全威脅及解決方法。

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

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

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

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

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

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

%UserID = Request(“UserID”)

‘讀取使用者所輸入的用戶(hù)名和密碼

Password = Request(“Password”)

IfUserID “hrmis” Or Password “password” Then

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

Response.End

End If

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

Session(“Passed”) = True %

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

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

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

End If %

⑦讓學(xué)生參與網(wǎng)站設(shè)計(jì)。優(yōu)秀學(xué)生參與設(shè)計(jì)，無(wú)論對(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)入開(kāi)發(fā)階段。盡量采用邊制作邊調(diào)試，即采用本機(jī)調(diào)試和上傳服務(wù)器調(diào)試的方法，觀察速度、兼容性、交互性等。

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

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

做好網(wǎng)站的管理與更新，是一個(gè)網(wǎng)站樹(shù)立形象的根本、生存的根本。我校專(zhuān)門(mén)成立了安全組織機(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)，較好地滿(mǎn)足了設(shè)計(jì)最初的需求。在整個(gè)設(shè)計(jì)網(wǎng)站的過(guò)程中，重視學(xué)校網(wǎng)站的“規(guī)劃—設(shè)計(jì)—管理—發(fā)展”的規(guī)律，實(shí)現(xiàn)可持續(xù)性發(fā)展。

參考文獻(xiàn)：

[1]田原.高職院校校園網(wǎng)站主頁(yè)設(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].安順師范高等專(zhuān)科學(xué)校學(xué)報(bào)，2006，（6）.

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

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

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

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

校園網(wǎng)絡(luò)規(guī)劃與建設(shè)論文

論校園網(wǎng)絡(luò)規(guī)劃設(shè)計(jì)的若干問(wèn)題

摘要：本文簡(jiǎn)要地討論了校園網(wǎng)絡(luò)規(guī)劃設(shè)計(jì)中涉及到的網(wǎng)絡(luò)技術(shù)、規(guī)劃設(shè)計(jì)方法、網(wǎng)絡(luò)性能及應(yīng)用分析等問(wèn)題，為校園網(wǎng)絡(luò)的規(guī)劃、設(shè)計(jì)和升級(jí)改造等方面在技術(shù)及應(yīng)用上提供參考，以使在建或規(guī)劃中的校園網(wǎng)絡(luò)具備較高的整體性能。

關(guān)鍵詞：校園網(wǎng)絡(luò) 規(guī)劃設(shè)計(jì) 問(wèn)題

隨著信息技術(shù)的不斷發(fā)展和人們對(duì)各種數(shù)據(jù)形式的信息需求和交流的不斷增長(zhǎng)，使得當(dāng)今的計(jì)算機(jī)網(wǎng)絡(luò)，特別是Internet從傳統(tǒng)的數(shù)據(jù)處理設(shè)備（如計(jì)算機(jī)）和管理工具中駁離出來(lái)，擔(dān)當(dāng)一個(gè)非常重要的角色——信息技術(shù)的基礎(chǔ)設(shè)施與獲取、共享和交流信息的主要工具，并成為人們?cè)诋?dāng)今社會(huì)生活及工作中不可缺少的組成部分。經(jīng)過(guò)了幾年的迅猛發(fā)展，計(jì)算機(jī)網(wǎng)絡(luò)已經(jīng)在很多方面改變了人們傳統(tǒng)的工作和生活方式……Web瀏覽、E－mail、QQ（上網(wǎng)聊天）、VOD（視頻點(diǎn)悉播）、文件傳輸、遠(yuǎn)程診斷、電子商務(wù)、網(wǎng)絡(luò)大學(xué)及虛擬學(xué)校等無(wú)一不與計(jì)算機(jī)網(wǎng)絡(luò)有著千絲萬(wàn)縷的聯(lián)系。這些基于網(wǎng)絡(luò)的各種應(yīng)用，正在以驚人的速度擴(kuò)展，幾乎滲透到了社會(huì)生活的各個(gè)方面。校園網(wǎng)絡(luò)(CAN ，Campus Area Network)與其它園區(qū)局域網(wǎng)絡(luò)一樣，由于它屬于單位自有，學(xué)校擁有自我建設(shè)、自我管理和自我使用的權(quán)利，因此，受經(jīng)費(fèi)、技術(shù)水平及其它方面的影響，校園網(wǎng)絡(luò)在規(guī)劃設(shè)計(jì)、資源建設(shè)和應(yīng)用上很不平衡，差別很大，特別是在IT界目前還未實(shí)施網(wǎng)絡(luò)工程監(jiān)理的條件下，在建的或已建的校園網(wǎng)絡(luò)的“豆腐渣”工程為數(shù)不少，造成了不少的人力、物力、財(cái)力的巨大浪費(fèi)。

校園網(wǎng)絡(luò)的規(guī)劃設(shè)計(jì)有多種解決方案，依學(xué)校的類(lèi)型規(guī)模和性質(zhì)的不同，以使網(wǎng)絡(luò)的設(shè)計(jì)方案有所不同，體現(xiàn)在技術(shù)、應(yīng)用上更是不同。在傳統(tǒng)的語(yǔ)音服務(wù)(諸如電話(huà)、蜂窩移動(dòng)電話(huà))無(wú)法滿(mǎn)足人們的各種信息需求的今天，對(duì)圖形、圖像、視頻等多媒體信息需求的不斷增長(zhǎng)，已成為人們依賴(lài)計(jì)算機(jī)網(wǎng)絡(luò)進(jìn)行信息共享和交流的重要資源。學(xué)校教師的教學(xué)、科研工作和學(xué)生的學(xué)習(xí)生活對(duì)一個(gè)高速的、資源豐富的和應(yīng)用多方面的校園網(wǎng)絡(luò)的需求是迫切的、必需的。也是網(wǎng)絡(luò)規(guī)劃設(shè)計(jì)者永遠(yuǎn)追求的目標(biāo)。教育部最近實(shí)施的“西部大學(xué)網(wǎng)絡(luò)工程”及“關(guān)于中小學(xué)校園網(wǎng)絡(luò)建設(shè)的指導(dǎo)意見(jiàn)”中，對(duì)校園網(wǎng)絡(luò)的規(guī)劃、設(shè)計(jì)及建設(shè)提出了明確的要求。那么一個(gè)高速、高效而又安全、資源豐富、應(yīng)用廣泛的校園網(wǎng)絡(luò)在規(guī)劃設(shè)計(jì)中應(yīng)注意哪些問(wèn)題呢？

1．建立近、中和長(zhǎng)期發(fā)展規(guī)劃

依據(jù)本校建網(wǎng)資金的安排，在聽(tīng)取校內(nèi)外專(zhuān)家意見(jiàn)的基礎(chǔ)上，結(jié)合本校教學(xué)科研的內(nèi)容及其發(fā)展的需要，制定一個(gè)在未來(lái)十年中的近期、中期及長(zhǎng)期的建設(shè)規(guī)劃，以保持網(wǎng)絡(luò)建設(shè)的延續(xù)性，并保護(hù)先前的投資(含各種硬件、軟件及信息資源)，能融入不斷涌現(xiàn)的新技術(shù)和新應(yīng)用。

2．IP地址資源的利用

IP(Internet protocol互聯(lián)網(wǎng)協(xié)議)地址是在Internet上的站點(diǎn)及相關(guān)設(shè)備的地址，它是由Internet指定數(shù)字委員會(huì)(IAAA)確定的，確保了它在世界上的唯一性。在IPv4技術(shù)應(yīng)用于互聯(lián)網(wǎng)的今天，IP地址資源到2010年將近枯竭，在Ipv6技術(shù)應(yīng)用之前，我們要合理使用IP地址資源。當(dāng)申請(qǐng)到一個(gè)建網(wǎng)的IP地址之后，必須合理地劃分子網(wǎng)，每個(gè)子網(wǎng)中的IP地址要合理使用，既要滿(mǎn)足當(dāng)今的需要，也要預(yù)留將來(lái)網(wǎng)絡(luò)擴(kuò)展時(shí)所需，以便有足夠的各類(lèi)服務(wù)器連入Internet。

3．建立相關(guān)機(jī)構(gòu)，有計(jì)劃地培養(yǎng)網(wǎng)絡(luò)管理員及培訓(xùn)部門(mén)用戶(hù)學(xué)會(huì)使用信息制作，發(fā)布的工具。

建網(wǎng)單位應(yīng)該設(shè)有一個(gè)“網(wǎng)絡(luò)信息化領(lǐng)導(dǎo)小組”，對(duì)網(wǎng)絡(luò)的規(guī)劃實(shí)施起指導(dǎo)和決策作用。按照建網(wǎng)單位的網(wǎng)絡(luò)規(guī)模，按不同時(shí)期的需要，配置專(zhuān)業(yè)的網(wǎng)絡(luò)管理員。針對(duì)網(wǎng)絡(luò)技術(shù)應(yīng)用的日新月異，加上校園網(wǎng)絡(luò)信息資源建設(shè)的繁重任務(wù)，要加強(qiáng)對(duì)師生的應(yīng)用培訓(xùn)，適應(yīng)網(wǎng)絡(luò)新技術(shù)的應(yīng)用及安全控制，保證網(wǎng)絡(luò)的正常運(yùn)行和安全。

4．注重需求分析

網(wǎng)絡(luò)的規(guī)劃設(shè)計(jì)是一個(gè)系統(tǒng)建立和優(yōu)化的過(guò)程，建設(shè)網(wǎng)絡(luò)的根本目的是在Internet上進(jìn)行資源共享與通信。要充分發(fā)揮投資網(wǎng)絡(luò)的效益，需求分析成了網(wǎng)絡(luò)規(guī)劃設(shè)計(jì)中的重要內(nèi)容，它提供了網(wǎng)絡(luò)設(shè)計(jì)應(yīng)到達(dá)的目標(biāo)，并有助于設(shè)計(jì)者更好地理解網(wǎng)絡(luò)應(yīng)該具有的性能；結(jié)合學(xué)校的辦學(xué)規(guī)模、管理需求和師生對(duì)教學(xué)科研的需要，確立一個(gè)性能較高的網(wǎng)絡(luò)計(jì)算平臺(tái)，如圖1。

同時(shí)，經(jīng)過(guò)系統(tǒng)的需求分析，網(wǎng)絡(luò)的設(shè)計(jì)者還能更好地作出決策，評(píng)價(jià)現(xiàn)有的網(wǎng)絡(luò)，提供移植的功能及給所有校內(nèi)師生更為合適的資源。

5．組網(wǎng)技術(shù)的選擇

目前，可用于校園LAN（局域網(wǎng)）的技術(shù)有Ethernet（以太網(wǎng)）、Fast Ethernet（快速以太網(wǎng)）、 Gigabit Ethernet（千兆位以太網(wǎng)）、Token-Ring（令牌環(huán)網(wǎng)）、FDDI（光纖分布式數(shù)據(jù)接口）和ATM（異步傳輸模式）。從網(wǎng)絡(luò)應(yīng)用、維護(hù)、安全和擴(kuò)展方面而言，F(xiàn)ast Ethernet和ATM在實(shí)際應(yīng)用中得到了廣泛的采用。同時(shí)，Gigabit Ethernet技術(shù)已成為大型Fast Ethernet的升級(jí)目標(biāo)。雖然Fast Ethernet和Gigabit Ethernet因采用CSMA/CD的介質(zhì)訪問(wèn)控制方式而廣泛地存在著“廣播風(fēng)暴”的問(wèn)題，但可以更好的傳輸介質(zhì)和交換設(shè)備予于克服，其實(shí)出的優(yōu)點(diǎn)是兼容先前的設(shè)備投資,師生的網(wǎng)絡(luò)應(yīng)用及培訓(xùn)更易進(jìn)行，網(wǎng)絡(luò)的可管理性和擴(kuò)展性也很好。ATM是一種快速分組交換技術(shù)，它在WAN（廣域網(wǎng)）上體現(xiàn)的強(qiáng)大功能和在LAN上的成功應(yīng)用，均以事實(shí)說(shuō)明了它的技術(shù)的先進(jìn)性。在ATM中，不同速率的各種數(shù)據(jù)，如語(yǔ)音、圖像、視頻都被分成標(biāo)準(zhǔn)的53字節(jié)的信元，以光纖作為傳輸通道，避免了以太網(wǎng)中的“廣播風(fēng)暴”，提升了網(wǎng)絡(luò)的整體性能。但是ATM不兼容以往的以太網(wǎng)投資，其管理和操作有異于傳統(tǒng)的以太網(wǎng)平臺(tái)，故不適用于以太網(wǎng)的升級(jí)改造。

6．校園網(wǎng)絡(luò)的設(shè)計(jì)模式

一個(gè)良好的設(shè)計(jì)方案除體現(xiàn)出網(wǎng)絡(luò)的優(yōu)越性能之外，還體現(xiàn)在應(yīng)用的實(shí)用性、網(wǎng)絡(luò)的安全性、易于管理性和未來(lái)的可擴(kuò)展性。因此，設(shè)計(jì)時(shí)要考慮以下問(wèn)題：

① 要適應(yīng)未來(lái)網(wǎng)絡(luò)的擴(kuò)展和拓?fù)浣Y(jié)構(gòu)的變化。

② 要能為特定的師生用戶(hù)或用戶(hù)組提供訪問(wèn)路徑。

③ 要保證網(wǎng)絡(luò)能不間斷地運(yùn)行。

④ 當(dāng)網(wǎng)絡(luò)擴(kuò)大和應(yīng)用增加時(shí)，變化的網(wǎng)絡(luò)結(jié)構(gòu)要能應(yīng)付相應(yīng)的帶寬要求。

⑤ 使用頻率較高的應(yīng)用能夠支持網(wǎng)上大多數(shù)的師生用戶(hù)。

⑥ 能合理地分配用戶(hù)對(duì)網(wǎng)內(nèi)、網(wǎng)外的信息流量。

⑦ 能支持較多的網(wǎng)絡(luò)協(xié)議，擴(kuò)大網(wǎng)絡(luò)的應(yīng)用范圍。

⑧ 支持IP的單點(diǎn)傳送和多點(diǎn)廣播數(shù)據(jù)流。

要達(dá)到以上這些設(shè)計(jì)要求，分層的設(shè)計(jì)功能及星型、樹(shù)型和交叉型的拓?fù)浣Y(jié)構(gòu)應(yīng)給予足夠的重視，如圖2。

7．網(wǎng)絡(luò)硬件的選擇

除網(wǎng)絡(luò)上的工作站使用普通的PC機(jī)外，主機(jī)的選擇應(yīng)使用專(zhuān)業(yè)的高性能服務(wù)器。連接介質(zhì)的選擇分兩部分，第一部分為各交換機(jī)（switch）之間（樓與樓之間，樓層之間）及網(wǎng)絡(luò)出口干線(xiàn)選擇光纖，第二部分為從訪問(wèn)層的交換機(jī)到用戶(hù)的PC桌面選擇超五類(lèi)雙絞線(xiàn)。如今，交換機(jī)的價(jià)格已是很低了，應(yīng)盡可能選擇交換機(jī)而不用集線(xiàn)器。網(wǎng)絡(luò)連接的關(guān)鍵設(shè)備是路由器（Router），無(wú)論是Internet接入，異地網(wǎng)絡(luò)連接還是大型網(wǎng)絡(luò)廣播域的劃分，都離不開(kāi)路由器，因此，路由器的性能較為重要，選擇Cisco公司和3Com公司的產(chǎn)品，就能體現(xiàn)出極高的性能。數(shù)據(jù)存儲(chǔ)設(shè)備，除可選擇大容量硬盤(pán)外，還可選磁帶機(jī)、磁盤(pán)陣列、光盤(pán)陣列，這些外存設(shè)備，均可用于儲(chǔ)存海量網(wǎng)絡(luò)數(shù)據(jù)，如圖書(shū)資料，多媒體素材及課件學(xué)生學(xué)籍和成績(jī)管理等。

8．ISP的選擇

選擇ISP（Internet Service Provider ，Internet服務(wù)提供商）對(duì)不同類(lèi)型的校園網(wǎng)絡(luò)至關(guān)重要。經(jīng)過(guò)近十年的發(fā)展，目前在我國(guó)形成了以CSTNET（中科院的科學(xué)技術(shù)網(wǎng)）、CERNET（國(guó)家教育部的教育與科研網(wǎng)）、ChinaNet（中國(guó)電信網(wǎng)）和ChinaGBN(中國(guó)金橋網(wǎng))為主的四大網(wǎng)絡(luò)體系，伴隨著IT與通信技術(shù)的不斷發(fā)展和社會(huì)的廣泛需求，近年來(lái)ChinaUNICOM(中國(guó)聯(lián)通)、CRC(鐵通)、CNC(中國(guó)網(wǎng)通)、JiTong(吉通)的接入服務(wù)也快速地增長(zhǎng)。由于中國(guó)的互聯(lián)網(wǎng)服務(wù)商以各自網(wǎng)絡(luò)體系的發(fā)展為主，不同種類(lèi)的大網(wǎng)之間缺乏協(xié)調(diào)機(jī)制，故它們之間的網(wǎng)絡(luò)帶寬問(wèn)題沒(méi)能較好地解決。對(duì)用戶(hù)而言，在線(xiàn)某類(lèi)網(wǎng)絡(luò)時(shí)再鏈接另一類(lèi)網(wǎng)絡(luò)，“瓶頸”問(wèn)題就突現(xiàn)出來(lái)，如圖3。相信ChinaNet的用戶(hù)在調(diào)用CERNet的網(wǎng)上資源或CERNet用戶(hù)在調(diào)用ChinaNet的網(wǎng)上資源時(shí)，就出現(xiàn)過(guò)這樣的問(wèn)題。作為校園網(wǎng)絡(luò)，無(wú)論師生有哪些需求，都離不開(kāi)以教學(xué)、科研為主的信息資源，90%的教育資源都集中在CERNet上，故校園網(wǎng)絡(luò)在選擇ISP時(shí)，就要重點(diǎn)考慮CERNet。

9．帶寬的申請(qǐng)和使用分配

校園網(wǎng)絡(luò)需要多少帶寬呢？別忘了，ISP是以帶寬資源作為經(jīng)營(yíng)的主要內(nèi)容之一。作為網(wǎng)絡(luò)的“流量”，在網(wǎng)上你隨時(shí)都可能被“斷流”或“欠流，“暢流”的時(shí)段不會(huì)是很多，這是我國(guó)大部分地區(qū)的基礎(chǔ)設(shè)施存在的客觀原因而造成的。然而，不是沒(méi)有解決問(wèn)題的辦法，合理地申請(qǐng)接入帶寬和在網(wǎng)上作好帶寬分配會(huì)提高數(shù)據(jù)傳輸?shù)乃俣群托?。網(wǎng)絡(luò)界曾經(jīng)有一個(gè)爭(zhēng)議很多的80/20規(guī)則，就是在一個(gè)局域網(wǎng)內(nèi)有80%的通信量在網(wǎng)段內(nèi)傳播，剩下20%沿干線(xiàn)傳播，今天，人們對(duì)互聯(lián)網(wǎng)絡(luò)的需求已大大超過(guò)80/20規(guī)則，而應(yīng)成為20/80規(guī)則了。如何申請(qǐng)足夠帶寬而又不至于浪費(fèi)呢？太大的帶寬會(huì)意味著要向ISP支付更多的費(fèi)用。計(jì)算的依據(jù)就是要考慮校園網(wǎng)的規(guī)模，在出口鏈接Intermet的高峰期約有多少臺(tái)電腦(一般擁有總量的60~70%)，以每臺(tái)機(jī)的帶寬為100kb/s(比PPP撥號(hào)方式的56kb/s moden快些)計(jì)算，總需求在多少M(fèi)B，再考慮20/80規(guī)則，以確定整個(gè)校園網(wǎng)的接入帶寬，出于數(shù)據(jù)安全的考慮，一些裝有重要而又保密的數(shù)據(jù)的主機(jī)，如財(cái)務(wù)數(shù)據(jù)、人事檔案數(shù)據(jù)，只許在網(wǎng)段內(nèi)使用，不宜鏈接Internet。

10．網(wǎng)絡(luò)操作系統(tǒng)的選擇

網(wǎng)絡(luò)操作系統(tǒng)(Net Operation System)的選擇關(guān)系到網(wǎng)絡(luò)的應(yīng)用、安全和管理。目前常用的網(wǎng)絡(luò)操作系統(tǒng)有：Unix、Linux、Netware、Windows 2000 Server/Advanced Server /Datacenter Server，下面作一簡(jiǎn)單介紹：

UNIX UNIX操作統(tǒng)是一個(gè)多用戶(hù)、多進(jìn)程的分時(shí)操作系統(tǒng)，在互聯(lián)網(wǎng)發(fā)展的初期，它就被融入了許多網(wǎng)絡(luò)技術(shù)和通信協(xié)議，它的可移植性及安全性能極好，被廣泛地用于微型機(jī)、小型機(jī)、超小型機(jī)和大型計(jì)算機(jī)上。今天，它仍然作為Internet上各類(lèi)服務(wù)器主選的網(wǎng)絡(luò)操作系統(tǒng)，并深得金融、電信、保險(xiǎn)行業(yè)的青睞。

Linux 它是近年來(lái)流行的一種類(lèi)UNIX操作系統(tǒng)，其功能體系現(xiàn)與UNIX有許多共同點(diǎn)，最新發(fā)行的版本包含了文件管理、用戶(hù)賬號(hào)管理、網(wǎng)絡(luò)管理等許多工具，對(duì)互聯(lián)網(wǎng)絡(luò)的應(yīng)用有很好的支持。

Netware Netware是Novell公司開(kāi)發(fā)的網(wǎng)絡(luò)操作系統(tǒng)，自上世紀(jì)80年代至今，已發(fā)展了十幾版本，新版本體現(xiàn)了高度的開(kāi)放性和安全性，是目前國(guó)際上應(yīng)用最廣泛的一類(lèi)局域網(wǎng)操作系統(tǒng)。

Windows NT 它是一個(gè)搶先式多任務(wù)的網(wǎng)絡(luò)操作系統(tǒng)，并具有較高的可靠性和開(kāi)放性，它具有讓企業(yè)有多種應(yīng)用管理的強(qiáng)大功能，如數(shù)據(jù)庫(kù)服務(wù)、電子郵件，能聯(lián)合多種網(wǎng)絡(luò)進(jìn)行通信。它能支持較多的應(yīng)用軟件，工具，文件共享和網(wǎng)絡(luò)打印服務(wù)，也是一個(gè)功能卓越的網(wǎng)絡(luò)操作系統(tǒng)。

Windows 2000 Windows 2000是Microsoft公司耗費(fèi)巨資開(kāi)發(fā)的一個(gè)產(chǎn)品，其服務(wù)器版有Windows 2000 Server、Windows 2000 Advanced server 和Window 2000 Datacenter Server等三個(gè)版本。它們是由Windows 98和Windows NT4.0的優(yōu)良功能融合而成，它們擁有全面的Internet應(yīng)用軟件服務(wù)、增強(qiáng)的可靠性和可擴(kuò)展性及強(qiáng)大的端對(duì)端管理等性能。

綜合以上這些網(wǎng)絡(luò)操作系統(tǒng)的特點(diǎn)與對(duì)網(wǎng)絡(luò)應(yīng)用的支持，你就可選擇一個(gè)或幾個(gè)適合于校園網(wǎng)內(nèi)各子網(wǎng)服務(wù)器的操作系統(tǒng)，以適合各類(lèi)應(yīng)用、安全控制和管理。

總之，校園網(wǎng)絡(luò)的規(guī)劃設(shè)計(jì)是一項(xiàng)系統(tǒng)工程，不同的規(guī)劃設(shè)計(jì)方案，可使網(wǎng)絡(luò)存在較大的性能差異，它不僅體現(xiàn)在網(wǎng)絡(luò)本身具備的技術(shù)特性和應(yīng)用特點(diǎn)上，也體現(xiàn)了不同用戶(hù)的各種需求，從根本上而言更是體現(xiàn)了信息化社會(huì)的基礎(chǔ)。

參考文獻(xiàn)：

[1]網(wǎng)絡(luò)設(shè)計(jì)基礎(chǔ)，21世紀(jì)計(jì)算機(jī)網(wǎng)絡(luò)工程叢書(shū)編寫(xiě)委員會(huì)編，北京希望電子出版社，2000年第一版

[2]Cisco互聯(lián)網(wǎng)絡(luò)設(shè)計(jì)，[美]Matthew H.Birkner編著，瀟湘工作室譯，人民郵電出版社，2000年第一版。

[3]Internet核心技術(shù)精解，[美]John R .Levine 著，管偉等譯2001年第一版。

[4]教育部，教育部辦公廳關(guān)于中小學(xué)校園網(wǎng)絡(luò)建設(shè)指導(dǎo)意見(jiàn)，教育基〔2001〕16號(hào)。

僅供參考，請(qǐng)自借鑒

希望對(duì)您有幫助

學(xué)校網(wǎng)站設(shè)計(jì)論文

時(shí)間倉(cāng)促，整個(gè)框架，自己再做吧。

因特網(wǎng)正在改變世界，由于因特網(wǎng)具有傳播信息容量極大、形態(tài)多樣、迅速方便、全球覆蓋、自由和交互的特點(diǎn)，已經(jīng)發(fā)展成為新的傳播媒體，現(xiàn)在很多的大學(xué)和社會(huì)其他部門(mén)都已經(jīng)建立了網(wǎng)站，通過(guò)計(jì)算機(jī)網(wǎng)絡(luò)實(shí)現(xiàn)宣傳、交流及資源的整合。建立學(xué)校網(wǎng)站有以下作用：

1.學(xué)校網(wǎng)站是學(xué)校的"商標(biāo)"。在這個(gè)高度信息化的社會(huì)里，建立自己學(xué)校網(wǎng)站是最直接的宣傳手段。網(wǎng)站的超時(shí)空特性，不僅能讓地區(qū)內(nèi)的人們了解學(xué)校，更可讓世界了解學(xué)校。

2.學(xué)校網(wǎng)站是實(shí)現(xiàn)教育資源分配的橋梁網(wǎng)絡(luò)有巨大的教育資源庫(kù)，它使每一位教師和學(xué)生都能均等的得到培訓(xùn)和受教育的機(jī)會(huì)。極大的提高教學(xué)效率。

3.學(xué)校網(wǎng)站能提供教學(xué)互動(dòng)的全新方式學(xué)校網(wǎng)站使得教師與教師、教師與學(xué)生、學(xué)生與學(xué)生之間的交流有了全新的方式，它不再受到傳統(tǒng)課堂的制約。它可以使不同的學(xué)校同處一室，共同討論，共同共享。地理上的界限在這里模糊和消失了，學(xué)校網(wǎng)站是真正沒(méi)有圍墻的學(xué)校。

4.學(xué)校網(wǎng)站能夠提供個(gè)性化學(xué)習(xí)的平臺(tái)，不同的學(xué)生理解世界的方式各不相同，認(rèn)知世界有諸多方式。網(wǎng)絡(luò)提供的豐富資源可以使學(xué)生尋覓不同的教育方式，各取所需。學(xué)校網(wǎng)站允許不同的學(xué)生沿著自己的途徑，按自己的速度接受教育與學(xué)習(xí)，學(xué)生將有機(jī)會(huì)享受最佳的教育機(jī)會(huì)，充分發(fā)掘自己的內(nèi)在潛力，培植獨(dú)特的個(gè)性和人格。

5.學(xué)校網(wǎng)站是最佳的教學(xué)研究室，學(xué)校網(wǎng)站與教育類(lèi)專(zhuān)門(mén)網(wǎng)站的有效鏈接，給學(xué)校教學(xué)研究帶來(lái)了一片新天地，各種優(yōu)秀教案、專(zhuān)家論壇、網(wǎng)絡(luò)觀摩課、各科素材、多媒體課件制作等內(nèi)容為教師教研提供了極佳的平臺(tái)。有效地降低教研成本、提高效率。

一、前言

二、基本知識(shí)

ASP技術(shù)介紹

SQL語(yǔ)句介紹

VBScript介紹

三、網(wǎng)站設(shè)計(jì)準(zhǔn)備

（一）、基本介紹

（二）、運(yùn)行系統(tǒng)和系統(tǒng)結(jié)構(gòu)

（三）、設(shè)計(jì)準(zhǔn)備

1、定制一套完整的約定和規(guī)則

2、對(duì)網(wǎng)站建設(shè)分階段

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

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

設(shè)計(jì)學(xué)校網(wǎng)站的主題

設(shè)計(jì)網(wǎng)站形象

(1)、設(shè)計(jì)網(wǎng)站標(biāo)志(logo)

(2)、設(shè)計(jì)網(wǎng)站的標(biāo)準(zhǔn)色彩

(3)、設(shè)計(jì)網(wǎng)站的標(biāo)準(zhǔn)字體

確定網(wǎng)站的目錄結(jié)構(gòu)

確定網(wǎng)站的鏈接結(jié)構(gòu)

站點(diǎn)整體風(fēng)格創(chuàng)意設(shè)計(jì)

網(wǎng)站的界面設(shè)計(jì)

網(wǎng)站版式設(shè)計(jì)

（一）、文字的格式化

字號(hào)、字體、行距

文字的整體編排

網(wǎng)頁(yè)布局

網(wǎng)頁(yè)制作

首頁(yè)制作

首頁(yè)內(nèi)容模塊

制作過(guò)程

（二）子頁(yè)面制作

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

反饋系統(tǒng)設(shè)計(jì)

新聞與公告系統(tǒng)設(shè)計(jì)

BBS使用

同學(xué)錄使用

4、網(wǎng)站測(cè)試

速度及瀏覽器兼容性測(cè)試。

鏈接正確性的測(cè)試

程序健壯性測(cè)試

五、結(jié)論

六、致謝

七、附錄

八、參考文獻(xiàn)

學(xué)校網(wǎng)站建設(shè)論文（學(xué)校網(wǎng)站建設(shè)的重要意義）

急用畢業(yè)論文校園網(wǎng)規(guī)劃與設(shè)計(jì)

瀏陽(yáng)市第一中學(xué)校園網(wǎng)設(shè)計(jì)與實(shí)現(xiàn)

摘要

隨著信息時(shí)代的來(lái)臨，信息網(wǎng)絡(luò)在我國(guó)正處于飛速發(fā)展的階段。學(xué)校作為教育的前沿重地，為我國(guó)未來(lái)信息化人才提供重要的學(xué)習(xí)環(huán)境。因此，校園網(wǎng)絡(luò)的規(guī)模和應(yīng)用水平將是體現(xiàn)學(xué)校教學(xué)環(huán)境和科研力量的重要組成部分。

本文首先就瀏陽(yáng)第一中學(xué)校園網(wǎng)設(shè)計(jì)建設(shè)的相關(guān)知識(shí)技術(shù)要求作了必要的介紹，然后基于工程建設(shè)實(shí)際，重點(diǎn)對(duì)校園網(wǎng)建設(shè)的需求分析、主干網(wǎng)組網(wǎng)技術(shù)、網(wǎng)絡(luò)拓樸結(jié)構(gòu)、方案總體設(shè)計(jì)等方面進(jìn)行了比較詳細(xì)的分析與描述，并給出具體的實(shí)施方案和設(shè)備選型。

關(guān)鍵詞 Intranet技術(shù),校園網(wǎng),設(shè)計(jì),綜合布線(xiàn)系統(tǒng)

第1章校園網(wǎng)建設(shè)背景 7

1.1學(xué)校背景 7

1.2校園網(wǎng)建設(shè)的必要性 8

第2章校園網(wǎng)需求分析 10

2.1校園網(wǎng)面臨的問(wèn)題 10

2.2校園網(wǎng)應(yīng)提供的功能 10

2.3校園網(wǎng)應(yīng)滿(mǎn)足的要求 11

2.4校園網(wǎng)對(duì)網(wǎng)絡(luò)設(shè)備的要求 12

2.5校園網(wǎng)主建筑群應(yīng)用分析 12

2.5.1校園網(wǎng)絡(luò)中心 12

2.5.2辦公子網(wǎng) 13

2.5.3教學(xué)樓子網(wǎng) 14

2.5.4宿舍樓子網(wǎng) 14

第3章校園網(wǎng)設(shè)計(jì)原則 15

第4章校園網(wǎng)設(shè)計(jì)目標(biāo) 16

第5章校園網(wǎng)總體設(shè)計(jì)方案 17

5.1網(wǎng)絡(luò)技術(shù)選型 18

5.2網(wǎng)絡(luò)設(shè)備選型 19

5.3傳輸介質(zhì)選型 20

5.4校園網(wǎng)建設(shè)方案與特點(diǎn) 21

5.5校園網(wǎng)軟件的使用 21

5.5.1網(wǎng)絡(luò)采用的協(xié)議 22

5.5.2 校園機(jī)房操作系統(tǒng) 22

5.6主要網(wǎng)絡(luò)設(shè)備的規(guī)格性能 22

5.7校園網(wǎng)絡(luò)拓?fù)鋱D 25

第6章校園網(wǎng)布線(xiàn)方案 27

6.1校園網(wǎng)的組成 27

6.2綜合布線(xiàn)設(shè)計(jì)目標(biāo) 27

6.3校園網(wǎng)主干 28

6.4校園網(wǎng)水平和終端 29

6.5校園網(wǎng)終端數(shù)量需求 30

6.7綜合布線(xiàn)過(guò)程（科技樓） 30

第7章施工組織與驗(yàn)收 32

7.1 施工前期準(zhǔn)備 32

7.2 施工過(guò)程管理 32

7.3 工程測(cè)試 33

7.4 工程驗(yàn)收 33

7.4.1初步驗(yàn)收階段 34

7.4.2試運(yùn)行階段 34

7.4.3最終驗(yàn)收階段 35

7.4.4保修運(yùn)行階段 35

7.4.5竣工技術(shù)資料文件 35

7.5 驗(yàn)收標(biāo)準(zhǔn) 36

7.5.1 設(shè)備驗(yàn)收標(biāo)準(zhǔn) 36

7.5.2 系統(tǒng)驗(yàn)收標(biāo)準(zhǔn) 36

第8章工程預(yù)算報(bào)價(jià) 37

第9章總結(jié) 38

參考文獻(xiàn) 38

附錄1 設(shè)備信息參數(shù) 39

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

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

網(wǎng)頁(yè)設(shè)計(jì)畢業(yè)論文篇一：《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)蒙古石油化工,2013(21):68.

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

網(wǎng)頁(yè)設(shè)計(jì)畢業(yè)論文篇二：《響應(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í)清楚，所以一般沿用J?R?安德森的觀點(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ù)采用div+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ú)縫緊貼;div及css3完成固定寬度布局時(shí)，默認(rèn)所有內(nèi)部布局div向左浮動(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)就是利用div+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ì)視口尺寸，將最外層的布局div(例如：#wrapper{width:1007px;...})的寬度設(shè)置為96%(這個(gè)值取決于當(dāng)前頁(yè)面的視覺(jué)效果，也可以給其他數(shù)值);然后，將最外層的布局div內(nèi)部的頁(yè)頭布局div、導(dǎo)航布局div、內(nèi)容布局div、側(cè)邊欄布局div、頁(yè)腳布局div對(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)元素寬度÷上下文元素寬度=百分比寬度。這里需要提示新手的是：在body標(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像素的屏幕尺寸，代碼是：linkhref="css/phone.css"rel="stylesheet"type="text/css"media="onlyscreenand(max-width:400px)"。雖然，HTML5+CSS3提供了良好的媒體查詢(xún)功能，但當(dāng)前仍有一些瀏覽器不支持，你可能需要添加如下基本樣式：!--[ifltIE9!IEMobile]linkhref="iestyles.css"rel="stylesheet"type="text/css"![endif]--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è)論文篇三：《網(wǎng)頁(yè)設(shè)計(jì)中的版式設(shè)計(jì)》

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

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

近年來(lái)隨著經(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)頁(yè)設(shè)計(jì)這門(mén)課程屬于交叉學(xué)科范疇，兼顧藝術(shù)設(shè)計(jì)、計(jì)算機(jī)技術(shù)及交互設(shè)計(jì)等多門(mén)學(xué)科。另外，這門(mén)課程作為藝術(shù)與技術(shù)的結(jié)合體，要求學(xué)生具備較強(qiáng)實(shí)踐動(dòng)手能力與綜合運(yùn)用能力，因而在教學(xué)過(guò)程中我們依據(jù)CDIO的工程教育理念開(kāi)展教學(xué)。

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

1 構(gòu)思階段

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

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

(2)信息整理。

項(xiàng)目開(kāi)展前期根據(jù)對(duì)項(xiàng)目的簡(jiǎn)單分析，要求學(xué)生對(duì)客戶(hù)或相關(guān)人士展開(kāi)訪談，對(duì)行業(yè)同類(lèi)網(wǎng)站的資訊開(kāi)展收集與調(diào)研。這一階段學(xué)生會(huì)接觸網(wǎng)頁(yè)設(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)站類(lèi)型為靜態(tài)網(wǎng)站或動(dòng)態(tài)網(wǎng)站，根據(jù)需求結(jié)果，要求學(xué)生設(shè)計(jì)多樣的版式效果，以供客戶(hù)參考。

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

我們將網(wǎng)頁(yè)中的交互分為視覺(jué)上的交互和行為功能上的交互設(shè)計(jì)。在這里我們更側(cè)重說(shuō)明交互在視覺(jué)上的應(yīng)用。網(wǎng)頁(yè)中我們常見(jiàn)的交互形態(tài)有按鈕、導(dǎo)航條、搜索欄和表單等。這些交互形態(tài)都會(huì)出現(xiàn)在版式的突出及顯著位置，這樣更引發(fā)人們的視覺(jué)關(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)頁(yè)右上角;表單設(shè)計(jì)是學(xué)生所忽略的環(huán)節(jié)，因?yàn)榭梢允褂貌寮砑?，?dǎo)致學(xué)生認(rèn)為無(wú)須設(shè)計(jì)，在此建議信息表單設(shè)計(jì)時(shí)可考慮細(xì)節(jié)設(shè)計(jì)，提高友好度與舒適度等交互設(shè)計(jì)。

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

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

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

網(wǎng)頁(yè)設(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)頁(yè)作品，版式設(shè)計(jì)方面通常會(huì)采用黃金比例和三分法排列原則。黃金比例法是初學(xué)者易于掌控的方法，將視窗可用區(qū)域分成兩個(gè)部分，也可以根據(jù)設(shè)計(jì)比例需求，將數(shù)字錄入到相關(guān)計(jì)算網(wǎng)站，得出合適的黃金比例分配方案。三分法構(gòu)圖排版方式，是將排版界面分成三份，根據(jù)內(nèi)容的不同，選擇不同的三分法排列位置。

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

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

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

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

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

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

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

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

4 運(yùn)行階段

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

5 小結(jié)

網(wǎng)頁(yè)設(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é)合，通過(guò)對(duì)版面的全面掌控，更好地為靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)打下堅(jiān)實(shí)的基礎(chǔ)。

參考文獻(xiàn)：

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