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

湖北網(wǎng)站建設(shè)論文（武漢網(wǎng)站建設(shè)工作）

網(wǎng)站建設(shè) 2023-02-14T03:04:08 3542

今天給各位分享湖北網(wǎng)站建設(shè)論文的知識，其中也會對武漢網(wǎng)站建設(shè)工作進(jìn)行解釋，如果能碰巧解決你現(xiàn)在面臨的問題，別忘了關(guān)注本站，現(xiàn)在開始吧！本文目錄一覽： 1、關(guān)于網(wǎng)站建設(shè)的畢業(yè)設(shè)計開題報告`

今天給各位分享湖北網(wǎng)站建設(shè)論文的知識，其中也會對武漢網(wǎng)站建設(shè)工作進(jìn)行解釋，如果能碰巧解決你現(xiàn)在面臨的問題，別忘了關(guān)注本站，現(xiàn)在開始吧！

本文目錄一覽：

1、關(guān)于網(wǎng)站建設(shè)的畢業(yè)設(shè)計開題報告`
2、學(xué)校網(wǎng)站設(shè)計論文
3、求個人網(wǎng)站建設(shè)畢業(yè)論文
4、有關(guān)網(wǎng)頁設(shè)計與制作畢業(yè)論文范文
5、請幫我找一篇關(guān)于網(wǎng)站建設(shè)的論文
6、請高手發(fā)個小型網(wǎng)站建設(shè)的畢業(yè)論文

關(guān)于網(wǎng)站建設(shè)的畢業(yè)設(shè)計開題報告`

畢業(yè)論文開題報告

論文題目:

學(xué)生姓名: 學(xué) 號:

專業(yè):

指導(dǎo)教師:

年月日

開題報告填寫要求

1.開題報告作為畢業(yè)設(shè)計(論文)答辯委員會對學(xué)生答辯資格審查的依據(jù)材料之一.此報告應(yīng)在指導(dǎo)教師指導(dǎo)下,由學(xué)生在畢業(yè)設(shè)計(論文)工作前期內(nèi)完成,經(jīng)指導(dǎo)教師簽署意見審查后生效.

2.開題報告內(nèi)容必須用黑墨水筆工整書寫,按成教處統(tǒng)一設(shè)計的電子文檔標(biāo)準(zhǔn)格式打印,禁止打印在其它紙上后剪貼,完成后應(yīng)及時交給指導(dǎo)教師簽署意見.

3.學(xué)生查閱資料的參考文獻(xiàn)應(yīng)在3篇及以上(不包括辭典,手冊),開題報告的字?jǐn)?shù)要在1000字以上.

4.有關(guān)年月日等日期的填寫,應(yīng)當(dāng)按照國標(biāo)GB/T 7408—94《數(shù)據(jù)元和交換格式,信息交換,日期和時間表示法》規(guī)定的要求,一律用阿拉伯?dāng)?shù)字書寫.如"2004年9月26日"或"2004-09-26".

畢業(yè) 論文開題報告

1.本課題的研究意義

中國互聯(lián)網(wǎng)經(jīng)過10年的持續(xù)發(fā)展。目前在普及應(yīng)用上正步入嶄新的多元化應(yīng)用階段。有關(guān)數(shù)據(jù)顯示，中國寬帶用戶、網(wǎng)絡(luò)國際出口帶寬、上網(wǎng)方式和途徑、網(wǎng)絡(luò)應(yīng)用服務(wù)更趨多樣化。人們對互聯(lián)網(wǎng)的使用廣度、信用度、依賴度正在逐步提高。隨著網(wǎng)絡(luò)提供的功能和服務(wù)的進(jìn)一步完善，網(wǎng)絡(luò)應(yīng)用化、生活化服務(wù)正逐步成熟?；ヂ?lián)網(wǎng)的影響正逐步滲透到人們生產(chǎn)、生活、工作、學(xué)習(xí)的各個角落。中國互聯(lián)網(wǎng)整體呈現(xiàn)較快的增長態(tài)勢。但中國地區(qū)之間互聯(lián)網(wǎng)發(fā)展水平、普及水平還存在明顯的差距，呈現(xiàn)"東快、西慢，城快、村慢"的特點(diǎn)，因此，加大對于互聯(lián)網(wǎng)應(yīng)用和發(fā)展的研究力度，借鑒國外互聯(lián)網(wǎng)應(yīng)用的成功范例引入和普及互聯(lián)網(wǎng)應(yīng)用的先進(jìn)經(jīng)驗(yàn)是當(dāng)務(wù)之急。

2.本課題的重點(diǎn)和難點(diǎn)

第一，從全國人口來看，互聯(lián)網(wǎng)普及率還很低，僅有7.9%，與世界平均水平約14%還有較大差距。因此要普及互聯(lián)網(wǎng)，讓更多人來使用互聯(lián)網(wǎng)是任重道遠(yuǎn)的事情。

第二，網(wǎng)上信息資源還不夠豐富，質(zhì)量比較好的、能反映我國優(yōu)秀文化的、對廣大網(wǎng)民有真正用處的信息還不夠多。根據(jù)國信辦的調(diào)查，截至2004年底，我國共有6.5億中文網(wǎng)頁，比2003年底差不多翻了一番，但是僅占全世界網(wǎng)頁數(shù)量(300多億)的2%，比例很低。因此我們需要網(wǎng)上有更多豐富的內(nèi)容，特別是健康的、有質(zhì)量的、有針對性的內(nèi)容。

第三，目前，互聯(lián)網(wǎng)產(chǎn)業(yè)雖然在電子政務(wù)、電子商務(wù)方面進(jìn)行了不少探索，也取得了一些成果，但是從整體上看網(wǎng)絡(luò)應(yīng)用水平和實(shí)效(即網(wǎng)民的用戶體驗(yàn))還比較初級。在技術(shù)驅(qū)動下產(chǎn)生的包括網(wǎng)絡(luò)游戲、電子商務(wù)、無線寬帶、VoIP、P2P等新的應(yīng)用還沒有形成成熟的盈利模式。

第四，新技術(shù)發(fā)展遭遇機(jī)遇和挑戰(zhàn)。當(dāng)前國外互聯(lián)網(wǎng)新技術(shù)層出不窮，一直處于互聯(lián)網(wǎng)發(fā)展的領(lǐng)先地位，而我國的自主創(chuàng)新能力比較薄弱，因此需要更加努力，迎頭趕上。

第五，網(wǎng)絡(luò)安全和網(wǎng)絡(luò)文明面臨嚴(yán)峻挑戰(zhàn)。網(wǎng)絡(luò)文明要靠政府法制、行業(yè)自律、網(wǎng)民的自覺來維護(hù)，而最關(guān)鍵的應(yīng)該是網(wǎng)民素質(zhì)的提高。就像交通管理一樣，有交通法規(guī)的限制，也有警察的監(jiān)管，但是最關(guān)鍵的還是司機(jī)素質(zhì)的提高，否則交通事故還是無法避免的。同時，提供內(nèi)容、服務(wù)的企業(yè)也應(yīng)當(dāng)承擔(dān)其責(zé)任，實(shí)施行業(yè)自律。

3.論文提綱

我國互聯(lián)網(wǎng)在若干領(lǐng)域的應(yīng)用

1.互聯(lián)網(wǎng)在政府中的應(yīng)用

2.互聯(lián)網(wǎng)在企業(yè)中的應(yīng)用

3.互聯(lián)網(wǎng)在消費(fèi)群體中的應(yīng)用

我國互聯(lián)網(wǎng)應(yīng)用前景

1.互聯(lián)網(wǎng)將加速融入我們的生活

2.互聯(lián)網(wǎng)經(jīng)濟(jì)逐漸產(chǎn)生效益

3.寬帶網(wǎng)絡(luò)建設(shè)打通互聯(lián)網(wǎng)應(yīng)用瓶頸

4.互聯(lián)網(wǎng)成為國民經(jīng)濟(jì)新的增長點(diǎn)

畢業(yè) 論文開題報告

指導(dǎo)教師意見:

(對本課題的深度,廣度及工作量的意見)

指導(dǎo)教師: (親筆簽名)

年月日

系部審查意見:

系部負(fù)責(zé)人: (親筆簽名)

年月日

舉例：個人網(wǎng)站建設(shè)

個人網(wǎng)站建設(shè)的意義

21世紀(jì)是信息高速發(fā)達(dá)的時代，網(wǎng)絡(luò)作為當(dāng)今最流行最方便快捷的媒介也越來越被人們接受，并且融入我們的生活。而作為新世紀(jì)的大學(xué)生更應(yīng)該具備一定的網(wǎng)絡(luò)知識，來充實(shí)和武裝自己。網(wǎng)絡(luò)這個知識海洋是沒有人舍得放棄的，再加之現(xiàn)在社會的競爭是十分激烈的，而大學(xué)生面臨的就業(yè)問題也日趨嚴(yán)重。

大學(xué)生具備一定的網(wǎng)絡(luò)知識是很重要的，不管是對于在校的學(xué)習(xí)，娛樂還有畢業(yè)以后面臨的就業(yè)。都是能夠影響到他個人的發(fā)展的。而我們風(fēng)云網(wǎng)絡(luò)提出的大學(xué)生個人網(wǎng)站建設(shè)理念就能很好的解決這個能影響到大學(xué)生發(fā)展的問題。

個人網(wǎng)站建設(shè)首先能豐富學(xué)生自己的文化知識，在建設(shè)網(wǎng)站的過程中能學(xué)到實(shí)際的網(wǎng)絡(luò)知識。這樣不僅對自己原有的知識是個實(shí)踐性的提高，而且還積累了實(shí)際的設(shè)計經(jīng)驗(yàn)，對于想從事網(wǎng)站設(shè)計工作的學(xué)生來說是個很好的鍛煉機(jī)會。而且我們公司還針對有建站需求學(xué)生的提供網(wǎng)絡(luò)知識的培訓(xùn)。

其次網(wǎng)站建設(shè)好過程中，學(xué)生可以依據(jù)自己的喜好建設(shè)不同類型不同功能的網(wǎng)站。比如：一個美術(shù)專業(yè)學(xué)生，他有很多很好的美術(shù)作品，而且得到老師和同學(xué)的認(rèn)可，但是他想讓更多人來欣賞和對自己的作品提意見或者建議。這是如果他擁有一個自己的網(wǎng)站，他就可以把自己的美術(shù)作品放到自己的網(wǎng)站上，供大家來欣賞和交流。這樣就提供了一個展現(xiàn)自己和交流的平臺，有更多的人看到你的作品，他們提出自己的看法，最后反饋到你那里，這樣對于自己的繪畫能力和技巧也會有一定的提高。

如果你喜歡交友聊天，愛好文學(xué)。你可以做一個屬于自己的論壇，自己做版主，“我的底盤我說了算”！把自己的感興趣的話題拿出來，大家一起暢談，交流各自的文學(xué)作品。

而對于即將畢業(yè)的學(xué)生，個人網(wǎng)站能對他有什么樣的幫助呢？如果是計算機(jī)專業(yè)的學(xué)生，今后往計算機(jī)方向發(fā)展的可能是比較大的，如果哪天你到一家網(wǎng)絡(luò)公司面試，你都可以讓哪個面試官到你的網(wǎng)站去看看。這是一個很好的網(wǎng)絡(luò)身份證，現(xiàn)在一般的公司用人，只看能力，并不很重視學(xué)歷。你有這么一個自己設(shè)計和制作的網(wǎng)站在這里完全可以證明你擁有一定水平的計算機(jī)能力，也加大了你被錄取的可能性。而且對與那些計算機(jī)水平很高的人來說，建設(shè)一個個人網(wǎng)站首先證明了自己的水平，而且你的網(wǎng)站經(jīng)營的很好，這個可是很大的利潤增長點(diǎn)。說不定哪天就被哪個商家看中要在你的網(wǎng)站上做廣告或者要花大價錢來買你的網(wǎng)站。

說了這么多，總結(jié)一下就是個人網(wǎng)站對于學(xué)生來說，是可以幫助學(xué)生本人學(xué)習(xí)更多的網(wǎng)絡(luò)知識，更好的展現(xiàn)大學(xué)生的風(fēng)采，幫助學(xué)生更好的選擇就業(yè)。

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

時間倉促，整個框架，自己再做吧。

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

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

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

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

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

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

一、前言

二、基本知識

ASP技術(shù)介紹

SQL語句介紹

VBScript介紹

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

（一）、基本介紹

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

（一）、文字的格式化

字號、字體、行距

文字的整體編排

網(wǎng)頁布局

網(wǎng)頁制作

首頁制作

首頁內(nèi)容模塊

制作過程

（二）子頁面制作

交互設(shè)計

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

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

BBS使用

同學(xué)錄使用

4、網(wǎng)站測試

速度及瀏覽器兼容性測試。

鏈接正確性的測試

程序健壯性測試

五、結(jié)論

六、致謝

七、附錄

八、參考文獻(xiàn)

求個人網(wǎng)站建設(shè)畢業(yè)論文

額。作孽。我同學(xué)都是買的。。

你在這怎么會成功。。。。

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

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

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

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

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

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

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

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

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

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

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

在網(wǎng)頁設(shè)計中,Flash動畫具備非常多關(guān)鍵性的作用,如流式播放動畫、FlashMV及短片動畫等,此外其所表現(xiàn)的形式中存在一定的交互性。但需要注意的是,在實(shí)施網(wǎng)頁設(shè)計時,避免繁瑣、復(fù)雜的動畫設(shè)計效果的存在,畢竟物極必反,只會降低網(wǎng)頁的品質(zhì);如圖1所示。2.1網(wǎng)頁動畫信息交互的實(shí)現(xiàn)為了進(jìn)一步卻寶寶網(wǎng)頁動畫信息交互整體的流暢性,其中的一個重要關(guān)鍵就是Flash動畫導(dǎo)航的交互性設(shè)計。在對該部分內(nèi)容進(jìn)行設(shè)計時,往往會使用針對性的Flash動畫腳本——AxtionScript。實(shí)際設(shè)計過程中,通常由編程者的思想與Flash在事件中作用共同形成動力,并依據(jù)動畫中的相應(yīng)內(nèi)容實(shí)現(xiàn)AxtionScript的具體化定義。2.2網(wǎng)頁動畫相關(guān)要素的設(shè)計第一,交互式導(dǎo)航系統(tǒng)。在網(wǎng)頁設(shè)計中,導(dǎo)航欄對用戶主要起到一種引導(dǎo)性作用。所以在設(shè)計時需要將其設(shè)計為多個導(dǎo)航級別,并構(gòu)建針對性的標(biāo)識來將其區(qū)分,以色彩為例,可以采用較為鮮艷、清爽式的搭配。第二,Web圖像動畫形式展示。傳統(tǒng)網(wǎng)頁中,Web圖像主要呈現(xiàn)靜態(tài),不過經(jīng)由計算機(jī)技術(shù)的不斷發(fā)展,最近幾年在網(wǎng)頁設(shè)計中漸漸出現(xiàn)了一部分動態(tài)化的Web圖像。同時在其色彩方面的運(yùn)用,主要采用RGB模板,并在網(wǎng)頁安全色方面運(yùn)用216色,其主要的色彩格式包括GIF、PNG以及JPE6。第三,鼠標(biāo)動畫。為了實(shí)現(xiàn)優(yōu)質(zhì)化Flash動畫效果,在制作動畫效果時要特別注意鼠標(biāo)在移動過程中其軌跡圖案及色彩搭配。首先,要確保鼠標(biāo)移動過程中的色彩與網(wǎng)頁設(shè)計色彩是不同的,有助于用戶一眼就可以將鼠標(biāo)找到。最后就是,鼠標(biāo)在色彩區(qū)別網(wǎng)頁之后還要注意其透明性,避免遮蔽信息的現(xiàn)象出現(xiàn)。

3結(jié)語

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

為了防止不同瀏覽器給予相同HTML5標(biāo)簽的初始樣式存在差異，熟手利用HTML5+CSS3制作桌面版網(wǎng)頁制作時，一般會在樣式文件(擴(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)核的所有版本瀏覽器中居中對齊，外層布局盒子與瀏覽器頭部無縫緊貼;div及css3完成固定寬度布局時，默認(rèn)所有內(nèi)部布局div向左浮動，溢出屬性為隱藏;所有構(gòu)成頁面的HTML5元素的默認(rèn)邊距和填充屬性為0px;HTML5的列表標(biāo)簽?zāi)J(rèn)項目符號為空，邊距和填充為0px。此外，確定頁面尺寸,目前大多數(shù) 顯示器為1024像素*768像素，那么以此為默認(rèn)顯示器時，頁面的寬度尺寸一般設(shè)置為“1007像素”。初始化CSS代碼后，接下來就是利用div+CSS完成布局，這里提示新手：完成布局后，務(wù)必在IETESTER和Firefox中檢查網(wǎng)頁布局是否能夠兼容主流瀏覽器。然后，根據(jù)桌面版網(wǎng)頁平面設(shè)計效果圖完成頁面的制作。此外，熟手的經(jīng)驗(yàn) 是制作過程中頻繁檢測桌面版網(wǎng)頁是否能夠完美兼容各種瀏覽器。

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

(1)相對視口尺寸，將最外層的布局div(例如：#wrapper{width:1007px;...})的寬度設(shè)置為96%(這個值取決于當(dāng)前頁面的視覺效果，也可以給其他數(shù)值);然后，將最外層的布局div內(nèi)部的頁頭布局div、導(dǎo)航布局div、內(nèi)容布局div、側(cè)邊欄布局div、頁腳布局div對應(yīng)的CSS樣式中的width屬性值利用公式——目標(biāo)元素寬度÷上下文元素寬度=百分比寬度把網(wǎng)頁的固定布局修改成百分比布局，也就是將固定像素寬度轉(zhuǎn)換成對應(yīng)的百分比寬度。

(2)將頁面中所有HTML5標(biāo)簽元素對應(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屬性上修改值時，公式中的“上下文元素寬度”就等于16px，例如，#logo{font-size:48px;}現(xiàn)在要修改為#logo{font-size:3em;}。

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

(5)媒體查詢可以通過判斷不同設(shè)備終端，提供不同的樣式使其實(shí)現(xiàn)在不同終端都能獲得最佳的用戶體驗(yàn)。例如，某個響應(yīng)式頁面用電腦瀏覽頁面時，頁面信息會以平鋪的形式分布在頁面合適的位置;用手機(jī)瀏覽頁面時，導(dǎo)航按鈕會相繼隱藏起來，部分信息變成左右滑動的方式呈現(xiàn)，頁面會重新布局，圖片相應(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ìn)增強(qiáng)與降級”、“利用javascript修復(fù)老版本IE”、“使用Modernizr輔助修正樣式，按需加載資源”、“給IE6，7，8追加媒體查詢功能”等方法。

4結(jié)束語

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

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

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

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

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

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

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

1 構(gòu)思階段

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

網(wǎng)頁設(shè)計不是盲目的行為，不是簡單使用軟件的行為，它是構(gòu)思由確立到實(shí)現(xiàn)的過程，是一種展示到體會的過程。因此，在設(shè)計之初，教師需要引導(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)站”項目中，學(xué)生會根據(jù)實(shí)際項目類型，理解項目設(shè)計目標(biāo)為，該學(xué)院所屬系部信息服務(wù)類網(wǎng)站，界面版式方面要求簡潔大方，色彩明快，塑造清新、愉悅的氛圍，學(xué)生可以根據(jù)以上內(nèi)容展開進(jìn)一步的設(shè)計工作。

(2)信息整理。

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

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

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

2 設(shè)計階段

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

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

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

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

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

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

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

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

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

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

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

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

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

4 運(yùn)行階段

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

5 小結(jié)

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

參考文獻(xiàn)：

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

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

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

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

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

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

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

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

3．ASP.NET支持應(yīng)用程序的實(shí)時更新。管理員不必關(guān)掉網(wǎng)絡(luò)服務(wù)器或者甚至不用停止應(yīng)用程序的運(yùn)行就可以更新應(yīng)用文件。應(yīng)用程序文件永遠(yuǎn)不會被加鎖，因此甚至在程序運(yùn)行時文件就可以被覆蓋。當(dāng)文件更新后，系統(tǒng)會溫和地轉(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)是一個三層系統(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é)接收瀏覽器傳來的請求并將請求傳給數(shù)據(jù)層，同時將請求處理結(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ù)，如存儲數(shù)據(jù)操作結(jié)果、返回數(shù)據(jù)檢索結(jié)果等。

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

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

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

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

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

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

該新聞管理系統(tǒng)可以在Windows 2000 Server操作系統(tǒng)平臺上運(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)限判斷，普通用戶只能瀏覽、閱讀和查詢新聞，注冊用戶除了可以完成普通用戶的操作外，還可以進(jìn)入新聞管理模塊進(jìn)行新聞錄入、修改和刪除的操作。注冊用戶除系統(tǒng)管理員外只能對自己錄入的新聞進(jìn)行刪改操作。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

public bool IsRegUserOk()

{

string name=TextBoxName.Text.Trim();

string pwd=TextBoxPassword.Text.Trim();

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

SqlConnection conn=

本篇文章來源于 “論文地帶” 轉(zhuǎn)載請以鏈接形式注明出處網(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();

//保留用戶注冊與否信息

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();

//保留用戶名+密碼同時存在信息

bool isBothExist=drBoth.Read();

//關(guān)閉DataReader

drBoth.Close();

conn.Close();

//判斷用戶是否注冊

if(!isRegUserExist)

{

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

return false;

}

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

else if(!isBothExist)

{

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

return false;

}

else

return true;

}

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

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

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

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

請高手發(fā)個小型網(wǎng)站建設(shè)的畢業(yè)論文

提供一些基本模式吧．．．全部照抄對你也沒好處．根據(jù)以下內(nèi)容自己來寫吧．

一、建設(shè)網(wǎng)站目的及功能

1 、目的：由于是個人網(wǎng)站，主要目的是用來學(xué)習(xí)、交流。

2 、功能：通過自己的網(wǎng)站能讓大家進(jìn)一步認(rèn)識自己，同時通過留言板功能達(dá)到交流、探討學(xué)術(shù)方面的問題。

二、網(wǎng)站技術(shù)解決方案。

1 、網(wǎng)站采用的是租用虛擬主機(jī)，今后完善后也可以用自主服務(wù)器。

2 、網(wǎng)站設(shè)計采用的操作系統(tǒng)是 Window2003server 。網(wǎng)站在初級階段投入的成本不多，申請的免費(fèi)的 ASP 空間、使用虛擬主機(jī)穩(wěn)定性和安全性問題比較有保障。

3 、網(wǎng)站完全自己開發(fā)，基本模板來自互聯(lián)網(wǎng)。

4 、網(wǎng)頁程序使用 ASP 、 JSP 、 CGI 、 PHP 、 ACCESS 數(shù)據(jù)庫程序等。

三、網(wǎng)站內(nèi)容規(guī)劃

1 、根據(jù)網(wǎng)站的目的和功能規(guī)劃網(wǎng)站內(nèi)容：網(wǎng)站是完全的個人主頁，網(wǎng)站以思念為主題，同時通過自己的介紹讓大家了解我的基本信息，通過外部鏈接使訪問者得到更多的信息，建立的留言板和討論區(qū)使訪問者能夠相互交流、學(xué)習(xí)。

心情日記主要用來記錄自己的內(nèi)心感想，會不定時更新自己最新的心情。

照片匣子存放自己和自己喜歡的照片，圖象等信息，讓訪問者能和我共同欣賞。

網(wǎng)路素材提供方便的外部鏈接，提高網(wǎng)站的訪問量，方便訪問者訪問更多更好的網(wǎng)站。

我的作品用來展示自己創(chuàng)作的不同作品，也許不是最好的，但也是自己滿意的。

關(guān)于自己的功能就不用多說了，希望大家了解我的基本信息。

左鄰右舍是一個留言板，我希望聽到，看到大家左鄰右舍的心聲。

我的地圖是用來提供用戶注冊，是一個交流平臺，通過交流，學(xué)習(xí)我會更加完善我的網(wǎng)站，希望大家多支持，人越多我的信心就越足噢！

2 、網(wǎng)站提供會員注冊、了解訪問量，制定進(jìn)一步的制作方案，希望大家提出寶貴意見。

3 、由于網(wǎng)站功能還不完善，難免會有另訪問者不滿意的地方，我會根據(jù)大家意見改進(jìn)的。

四、網(wǎng)頁設(shè)計

1 、網(wǎng)頁設(shè)計美術(shù)設(shè)計要求：網(wǎng)頁背景采用拼接的方式組合而成，這樣有利于加快網(wǎng)頁的讀取速度，利用了 DREAMWEAVER 的強(qiáng)大功能使主頁各個鏈接比較協(xié)調(diào)，自己對背景和美化也十分滿意，希望大家喜歡。

2 、在網(wǎng)頁技術(shù)的采用上主要用到了 ASP ， PHP 等技術(shù)，由于面向的對象多數(shù)是和我年齡相仿的學(xué)生或朋友，操作起來應(yīng)該不會有太大的困難。

3 、網(wǎng)頁在改版計劃的實(shí)施方面時間是一個問題，應(yīng)該說網(wǎng)站內(nèi)容的更新是比較快的，整體方面改變應(yīng)該不大。

五、網(wǎng)站維護(hù)

1 、由于采用虛擬主機(jī)和空間，訪問不會有太大問題，只是難免會有維護(hù)的時候，如果暫時無法瀏覽，請大家原諒，希望自己以后能有自己的服務(wù)器，能為大家提供更好的服務(wù)。

2 、數(shù)據(jù)庫維護(hù)是一個問題，我會及時做好備份和更新，盡量不出現(xiàn)不應(yīng)有的問題。

3 、內(nèi)容的更新方面會根據(jù)自己的情況而定，有什么好的內(nèi)容一定展示給大家。

六、網(wǎng)站測試

1 、虛擬主機(jī)的穩(wěn)定性、安全性都比較可靠。

2 、程序及數(shù)據(jù)庫方面由我自己來調(diào)試，由于學(xué)過這方面知識，難度不會太大。

3 、網(wǎng)頁兼容性方面，一般的的主流瀏覽器訪問都沒有問題的。

4 、如果大家瀏覽是發(fā)現(xiàn)問題可以及時向我聯(lián)系，我會做進(jìn)一步測試。

七、網(wǎng)站發(fā)布與推廣