網(wǎng)頁(yè)設(shè)計(jì)與應(yīng)用-畢業(yè)名師資料合集(完整版)資料

網(wǎng)頁(yè)設(shè)計(jì)與應(yīng)用畢業(yè)名師資料合集（完整版）資料(可以直接使用，可編輯優(yōu)秀版資料，歡迎下載）

網(wǎng)頁(yè)設(shè)計(jì)與應(yīng)用畢業(yè)名師資料合集（完整版）資料(可以直接使用，可編輯優(yōu)秀版資料，歡迎下載）網(wǎng)站的設(shè)計(jì)與應(yīng)用摘要汽車(chē)網(wǎng)站是一個(gè)結(jié)合了汽車(chē)銷(xiāo)售等多功能瀏覽的汽車(chē)網(wǎng)站，我所使用的軟件是Macromedia公司推出的一款用于網(wǎng)頁(yè)設(shè)計(jì)的軟件——dreamweaver8。在網(wǎng)頁(yè)的制作與鏈接中，我學(xué)到了很多，然后補(bǔ)充一些比較熱門(mén)的技巧。網(wǎng)站具有快捷。無(wú)距離更新的特性，同時(shí)提供進(jìn)入日常業(yè)務(wù)處理平臺(tái)的“入口”，具有較強(qiáng)的實(shí)用價(jià)值。這樣的網(wǎng)站被廣大消費(fèi)者普遍使用，隨著現(xiàn)在網(wǎng)絡(luò)的普及和高效性的不斷提高，它的展示作用和實(shí)用性已經(jīng)使它的應(yīng)用地位越來(lái)越高，越來(lái)越廣泛。本文對(duì)網(wǎng)站設(shè)計(jì)作了介紹，進(jìn)行了需求分析、模塊劃分、框架和CSS的介紹。由于制作經(jīng)驗(yàn)不足，作品和論文中存在問(wèn)題之處，請(qǐng)老師指導(dǎo)完善。關(guān)鍵詞：超鏈接，外觀(guān)，性能，框架，CSS目錄第一章前言1.1課題來(lái)源1.2網(wǎng)站開(kāi)發(fā)項(xiàng)目需求分析1.3軟件1.4軟件運(yùn)行環(huán)境第二章網(wǎng)站制作2.1做網(wǎng)頁(yè)的步驟2.2做網(wǎng)頁(yè)的要素2.3系統(tǒng)各模塊功能實(shí)現(xiàn)第三章網(wǎng)站的設(shè)計(jì)3.1主頁(yè)的要求3.2子頁(yè)的要求3.3網(wǎng)頁(yè)設(shè)計(jì)技巧第四章網(wǎng)站的應(yīng)用結(jié)束語(yǔ)參考文獻(xiàn)第一章前言1、1課題來(lái)源隨著二十一世紀(jì)新興科技的飛速發(fā)展，如今的電子信息產(chǎn)業(yè)正在經(jīng)受著一個(gè)巨大的挑戰(zhàn)，同時(shí)也面臨著一個(gè)重大的機(jī)遇。就目前的科技發(fā)展水平而言，電子信息產(chǎn)業(yè)的發(fā)展已經(jīng)不能夠滿(mǎn)足社會(huì)化大生產(chǎn)的要求，因此，各個(gè)國(guó)家集中人力、財(cái)力加大對(duì)信息技術(shù)產(chǎn)業(yè)的投入，以適應(yīng)目前需要。可喜的是在這幾十年的發(fā)展中我們有了互聯(lián)網(wǎng)?；ヂ?lián)網(wǎng)加大了我們了解世界的眼界，縮緊了人與人之間的距離，這就更容易的使我們走上信息化的道路。以往，人們出行都以自行車(chē)居多，后來(lái)公交事業(yè)發(fā)展壯大，人們便乘坐公交汽車(chē)，現(xiàn)如今，隨著人們生活水平的提高，越來(lái)越多的家庭已經(jīng)擁有或者想擁有自己的私家車(chē)。正是因?yàn)槿藗兊倪@些需求，越來(lái)越多的汽車(chē)網(wǎng)站出現(xiàn)在網(wǎng)絡(luò)上，使人們可以隨時(shí)了解自己想知道的汽車(chē)方面的新聞，真正的做到足不出戶(hù)，便知天下事。把汽車(chē)銷(xiāo)售與網(wǎng)絡(luò)連接起來(lái)，是今后汽車(chē)銷(xiāo)售發(fā)展的必然方向之一。1．2網(wǎng)站開(kāi)發(fā)項(xiàng)目需求分析一個(gè)網(wǎng)站項(xiàng)目的確立是建立在各種各樣的需求上面的，這種需求往往來(lái)自于客戶(hù)的實(shí)際需求或者是出于公司自身發(fā)展的需要，其中客戶(hù)的實(shí)際需求也就是說(shuō)這種交易性質(zhì)的需求占了絕大部分。面對(duì)對(duì)網(wǎng)站開(kāi)發(fā)擁有不同知識(shí)層面的客戶(hù)，項(xiàng)目的負(fù)責(zé)人對(duì)用戶(hù)需求的理解程度，在很大程度上決定了此類(lèi)網(wǎng)站開(kāi)發(fā)項(xiàng)目的成敗。因此如何更好地的了解、分析、明確用戶(hù)需求，并且能夠準(zhǔn)確、清晰以文檔的形式表達(dá)給參與項(xiàng)目開(kāi)發(fā)的每個(gè)成員，保證開(kāi)發(fā)過(guò)程按照滿(mǎn)足用戶(hù)需求為目的正確項(xiàng)目開(kāi)發(fā)方向進(jìn)行，是每個(gè)網(wǎng)站開(kāi)發(fā)項(xiàng)目管理者需要面對(duì)的問(wèn)題。據(jù)專(zhuān)家預(yù)計(jì)，2021年我國(guó)汽車(chē)需求量將超過(guò)850萬(wàn)輛。所以，做好汽車(chē)網(wǎng)站就是為了使廣大的消費(fèi)者提供及時(shí)和有效的信息，為其選擇適合自己的產(chǎn)品提供良好的參考。1．3使用軟件dreamwraver軟件由美國(guó)著名的網(wǎng)站應(yīng)用開(kāi)發(fā)工具生產(chǎn)廠(chǎng)商AdobeMacromedia于2005年6月推出并正式投入市場(chǎng)以來(lái)，已經(jīng)發(fā)展得相當(dāng)成熟。關(guān)于dreamwraver的技術(shù)介紹的相關(guān)書(shū)籍與網(wǎng)絡(luò)信息相當(dāng)豐富。通過(guò)大學(xué)中軟件開(kāi)發(fā)環(huán)境課程的學(xué)習(xí)，對(duì)dreamwraver有了比較深刻的認(rèn)識(shí)，并比較輕松的掌握了dreamwraver的操作。因此，軟件技術(shù)可以完成任務(wù)的要求。1．4軟件運(yùn)行環(huán)境Dreamweaver是一款簡(jiǎn)體中文軟件，可以在Win2003/WinXP中安全運(yùn)行網(wǎng)站制作2．1制作網(wǎng)頁(yè)的步驟在做網(wǎng)頁(yè)之前，我確定了做網(wǎng)頁(yè)的五個(gè)步驟。一、確定網(wǎng)站主題：網(wǎng)站主題就是要建立的網(wǎng)站所要包含的主要內(nèi)容，一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。二、搜集材料：明確了網(wǎng)站的主題以后，你就要圍繞主題開(kāi)始搜集材料了。材料既可以從圖書(shū)、報(bào)紙、光盤(pán)、多媒體上得來(lái)，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁(yè)的素材。三、規(guī)劃網(wǎng)站：一個(gè)網(wǎng)站設(shè)計(jì)得成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁(yè)之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來(lái)的網(wǎng)頁(yè)才能有個(gè)性、有特色，具有吸引力。四、選擇合適的制作工具：盡管選擇什么樣的工具并不會(huì)影響你設(shè)計(jì)網(wǎng)頁(yè)的好壞，但是一款功能強(qiáng)大、使用簡(jiǎn)單的軟件往往可以起到事半功倍的效果。五、制作網(wǎng)頁(yè)：材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過(guò)程，一定要按照先大后小、先簡(jiǎn)單后復(fù)雜來(lái)進(jìn)行制作。所謂先大后小，就是說(shuō)在制作網(wǎng)頁(yè)時(shí)，先把大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡(jiǎn)單后復(fù)雜，就是先設(shè)計(jì)出簡(jiǎn)單的內(nèi)容，然后再設(shè)計(jì)復(fù)雜的內(nèi)容，以便出現(xiàn)問(wèn)題時(shí)好修改。在制作網(wǎng)頁(yè)時(shí)要多靈活運(yùn)用模板，這樣可以大大提高制作效率。此外，整體設(shè)計(jì)完成后我們還要將網(wǎng)頁(yè)上傳測(cè)試，使其和其他版本瀏覽器能夠兼容，再者對(duì)網(wǎng)站推廣宣傳，及時(shí)的維護(hù)更新。2.2制作網(wǎng)頁(yè)的要素2.2.1網(wǎng)頁(yè)的整體布局設(shè)計(jì)

網(wǎng)頁(yè)設(shè)計(jì)作為一種視覺(jué)語(yǔ)言，要講究編排和布局，雖然主頁(yè)的設(shè)計(jì)不等同于平面設(shè)計(jì)，但它們有許多相近之處，應(yīng)充分加以利用和借鑒。版式設(shè)計(jì)通過(guò)文字圖形的空間組合，表達(dá)出和諧與美。一個(gè)優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)者也應(yīng)該知道哪一段文字圖形該落于何處，才能使整個(gè)網(wǎng)頁(yè)生輝。多頁(yè)面站點(diǎn)頁(yè)面的編排設(shè)計(jì)要求把頁(yè)面之間的有機(jī)聯(lián)系反映出來(lái)，特別要處理好頁(yè)面之間和頁(yè)面內(nèi)的秩序與內(nèi)容的關(guān)系。尤其是我們?cè)诶镁W(wǎng)頁(yè)效果體現(xiàn)在線(xiàn)營(yíng)銷(xiāo)的意圖時(shí)，更要注意為了達(dá)到最佳的視覺(jué)表現(xiàn)效果，而講究整體布局的合理性，比如一家生產(chǎn)型的企業(yè)，它所提供產(chǎn)品的名稱(chēng)、類(lèi)別、型號(hào)、價(jià)格、功能介紹應(yīng)怎樣編排才能使瀏覽者有一個(gè)流暢的視覺(jué)體驗(yàn)，從而方便他對(duì)產(chǎn)品的了解，促成最后的購(gòu)買(mǎi)。

網(wǎng)頁(yè)設(shè)計(jì)中色彩的運(yùn)用

色彩是藝術(shù)表現(xiàn)的要素之一，在網(wǎng)頁(yè)設(shè)計(jì)中，根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合、搭配來(lái)構(gòu)成美麗的頁(yè)面。根據(jù)色彩對(duì)人們心理的影響，合理地加以運(yùn)用，按照色彩的記憶性原則，一般暖色較冷色的記憶性更強(qiáng)一些。色彩還具有聯(lián)想與象征的特質(zhì)，如紅色象征血、太陽(yáng)；藍(lán)色象征大海、天空和水面等。所以如果我們?cè)趯?duì)一家出售冷食的商店進(jìn)行虛擬店面的頁(yè)面設(shè)計(jì)時(shí)，應(yīng)使用淡雅而沉靜的顏色，使人心理上感覺(jué)涼爽一些，增強(qiáng)人們的購(gòu)買(mǎi)心理，使得在線(xiàn)營(yíng)銷(xiāo)得到很好的實(shí)踐效果。另要注意的是網(wǎng)頁(yè)的顏色應(yīng)用雖沒(méi)有限制，但不能毫無(wú)節(jié)制地運(yùn)用多種顏色，一般情況下，先根據(jù)總體風(fēng)格的要求定出一至二種主色調(diào)，在已經(jīng)有了完備的CIS（企業(yè)形象識(shí)別系統(tǒng)）的企業(yè)進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)，更應(yīng)該按照其中的VI進(jìn)行色彩運(yùn)用。在色彩的運(yùn)用過(guò)程中，還應(yīng)注意的一個(gè)問(wèn)題是：由于國(guó)家和種族、宗教和信仰的不同，以及生活的地理位置、文化修養(yǎng)的差異等，不同的人群對(duì)色彩的喜惡程度有著很大的差異。如：兒童喜歡對(duì)比強(qiáng)烈、個(gè)性鮮明的純顏色；生活在草原上的人喜歡紅色；生活在鬧市中的人喜歡淡雅的顏色；生活在“沙漠”中的人喜歡綠色。在設(shè)計(jì)中要考慮眾多因素。網(wǎng)頁(yè)形式與內(nèi)容相統(tǒng)一

要將豐富的意義和多樣的形式組織成統(tǒng)一的頁(yè)面結(jié)構(gòu)，形式語(yǔ)言必須符合頁(yè)面的內(nèi)容，體現(xiàn)內(nèi)容的豐富含義。運(yùn)用對(duì)比與調(diào)和、對(duì)稱(chēng)與平衡、節(jié)奏與韻律以及留白等手段，通過(guò)空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。如對(duì)稱(chēng)原則在頁(yè)面設(shè)計(jì)中，它的均衡有時(shí)會(huì)使頁(yè)面顯得呆板，但如果加入一些富有動(dòng)感的文字、圖案，或采用夸張的手法來(lái)表現(xiàn)內(nèi)容往往會(huì)達(dá)到比較好的效果。點(diǎn)、線(xiàn)、面作為視覺(jué)語(yǔ)言中的基本元素，要使用點(diǎn)、線(xiàn)、面的互相穿插、互相襯托、互相補(bǔ)充構(gòu)成最佳的頁(yè)面效果。網(wǎng)頁(yè)設(shè)計(jì)中點(diǎn)、線(xiàn)、面的運(yùn)用并不是孤立的，很多時(shí)候都需要將它們結(jié)合起來(lái)，表達(dá)完美的設(shè)計(jì)意境。2．3系統(tǒng)各模塊功能實(shí)現(xiàn)系統(tǒng)登錄模塊1、該功能模塊可以記錄客戶(hù)的郵箱地址，交易時(shí)還可以向客戶(hù)發(fā)送交易信息，到帳確認(rèn)等等。2、登陸后系統(tǒng)會(huì)調(diào)出客戶(hù)的記錄，按照交易量的不同客戶(hù)享受的折扣也不同，系統(tǒng)主界面車(chē)輛展示模塊1、該功能模塊主要實(shí)現(xiàn)對(duì)車(chē)輛的展示。2、該功能模塊圖片、文字介紹，360度f(wàn)lash對(duì)各種車(chē)輛的展示。賬號(hào)管理模塊1、掛失業(yè)務(wù)在正常工作中肯定會(huì)遇到掛失的業(yè)務(wù)，確定掛失后，數(shù)據(jù)庫(kù)會(huì)將該賬號(hào)掛起，等待客戶(hù)做進(jìn)一步操作。2、凍結(jié)業(yè)務(wù)，客戶(hù)對(duì)賬號(hào)有凍結(jié)的權(quán)利，在客戶(hù)沒(méi)有輸入解凍密碼之前，任何人都無(wú)法動(dòng)用帳上的資金。3、流水查詢(xún)客戶(hù)可以查詢(xún)?cè)?jīng)交易過(guò)的記錄。4、客戶(hù)可以自行對(duì)其賬號(hào)密碼進(jìn)行修改，網(wǎng)站管理人員也可以添加或刪除賬號(hào)。第三章網(wǎng)站的設(shè)計(jì)3.1主頁(yè)的要求對(duì)于銷(xiāo)售業(yè)務(wù)系統(tǒng)要求運(yùn)行的工作環(huán)境穩(wěn)定，易于操作，界面美觀(guān)大方，對(duì)于前臺(tái)展示界面要求系統(tǒng)便于維護(hù)，安全可靠，對(duì)于廣大客戶(hù)所要執(zhí)行的操作簡(jiǎn)單易懂，遠(yuǎn)程訪(fǎng)問(wèn)速度較快，界面友好美觀(guān)，有基本的錯(cuò)誤提醒功能，遠(yuǎn)程操作數(shù)據(jù)庫(kù)正確，要求和客戶(hù)有一定的互動(dòng)性，在主頁(yè)上直觀(guān)的就可以查看瀏覽者所想要了解的東西。3.2子頁(yè)的要求后面的工作就是子頁(yè)的選擇與鏈接，子頁(yè)應(yīng)該豐富多彩，內(nèi)容充實(shí)，瀏覽性強(qiáng)，比如說(shuō)，想要銷(xiāo)售一輛汽車(chē)，應(yīng)該有它的全部資料，包括外觀(guān)、內(nèi)飾、性能指標(biāo)、出產(chǎn)地、價(jià)格等諸多方面，鑒于以上方面，我開(kāi)始了子頁(yè)的選擇與鏈接。3.3網(wǎng)頁(yè)設(shè)計(jì)技巧一張完美的主頁(yè)設(shè)計(jì)需要積累豐富的知識(shí)以及掌握大量的技巧。在這里從框架和CSS樣式的運(yùn)用兩方面來(lái)介紹網(wǎng)頁(yè)設(shè)計(jì)的技巧。3.3.1框架的使用FRAME（框架）是Web上經(jīng)常會(huì)看到的頁(yè)面結(jié)構(gòu)?？蚣艿淖畛Ｒ?jiàn)用途就是導(dǎo)航。一組框架通常包括一個(gè)含有導(dǎo)航條的框架和另一個(gè)要顯示主要內(nèi)容頁(yè)面的框架。使用框架具有以下優(yōu)點(diǎn)：訪(fǎng)問(wèn)者的瀏覽器不需要為每個(gè)頁(yè)面重新加載與導(dǎo)航相關(guān)的圖形；每個(gè)框架都具有自己的滾動(dòng)條(如果內(nèi)容太大，在窗口中顯示不下)，因此訪(fǎng)問(wèn)者可以獨(dú)立滾動(dòng)這些框架。例如，當(dāng)框架中的內(nèi)容頁(yè)面較長(zhǎng)時(shí)，如果導(dǎo)航條位于不同的框架中，那么向下滾動(dòng)到頁(yè)面底部的訪(fǎng)問(wèn)者就不需要再滾動(dòng)回頂部來(lái)使用導(dǎo)航條。使用框架具有以下缺點(diǎn)：可能難以實(shí)現(xiàn)不同框架中各元素的精確圖形對(duì)齊；對(duì)導(dǎo)航進(jìn)行測(cè)試可能很耗時(shí)間。許多專(zhuān)業(yè)Web設(shè)計(jì)人員不喜歡使用框架，并且許多瀏覽Web的人也不喜歡框架。在大多數(shù)情況下，這種反感是因?yàn)橛龅搅四切┦褂每蚣苄Ч患鸦虿槐匾厥褂每蚣艿恼军c(diǎn)(例如，每當(dāng)訪(fǎng)問(wèn)者單擊導(dǎo)航按鈕時(shí)就重新加載導(dǎo)航框架內(nèi)容的框架集)。如果框架使用得法(例如，在允許其他框架的內(nèi)容發(fā)生更改的同時(shí)，使一個(gè)框架中的導(dǎo)航控件保持靜態(tài))，則這些框架對(duì)于某些站點(diǎn)可能非常有用。CSS樣式的使用CSS(層疊樣式表)是一種制作網(wǎng)頁(yè)的新技術(shù),它的全稱(chēng)是級(jí)聯(lián)樣式表,即CascadingStyleSheets的縮寫(xiě)，又稱(chēng)之為風(fēng)格樣式表單。CSS是在網(wǎng)頁(yè)制作過(guò)程中普遍用到的技術(shù)。采用了CSS技術(shù)控制的網(wǎng)頁(yè)，設(shè)計(jì)者會(huì)更輕松、有效地對(duì)頁(yè)面的整體布局、顏色、字體、鏈接、背景以及同一頁(yè)面的不同部分、不同頁(yè)面的外觀(guān)和格式等效果實(shí)現(xiàn)更加精確地控制。第四章網(wǎng)頁(yè)的應(yīng)用4.1網(wǎng)頁(yè)分為靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)。優(yōu)點(diǎn)：靜態(tài)網(wǎng)頁(yè)：靜態(tài)網(wǎng)頁(yè)的內(nèi)容相對(duì)穩(wěn)定，因此容易被搜索引擎檢索；動(dòng)態(tài)網(wǎng)頁(yè)：動(dòng)態(tài)網(wǎng)頁(yè)以數(shù)據(jù)庫(kù)技術(shù)為基礎(chǔ)，可以大大減少降低網(wǎng)站維護(hù)的工作量；采用動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)的網(wǎng)站可以實(shí)現(xiàn)更多的功能，如用戶(hù)注冊(cè)、用戶(hù)登錄、在線(xiàn)調(diào)查、用戶(hù)管理、頂訂單管理等等；缺點(diǎn)：靜態(tài)網(wǎng)頁(yè)：靜態(tài)網(wǎng)頁(yè)沒(méi)有數(shù)據(jù)庫(kù)的支持，在網(wǎng)站能制作和維護(hù)方面工作量較大，因此當(dāng)網(wǎng)站信息量很大時(shí)完全依靠靜態(tài)網(wǎng)頁(yè)制作方式比較困難；靜態(tài)網(wǎng)頁(yè)的交互性交叉，在功能方面有較大的限制。動(dòng)態(tài)網(wǎng)頁(yè)：動(dòng)態(tài)網(wǎng)頁(yè)中的“？”對(duì)搜索引擎檢索存在一定的問(wèn)題，搜索引擎一般不可能從一個(gè)網(wǎng)站的數(shù)據(jù)庫(kù)中訪(fǎng)問(wèn)全部網(wǎng)頁(yè)，或者處于技術(shù)方面的考慮，搜索蜘蛛不去抓取網(wǎng)址中“？”后面的內(nèi)容，因此采用動(dòng)態(tài)網(wǎng)頁(yè)的網(wǎng)站在進(jìn)行搜索引擎推廣時(shí)需要做一定的技術(shù)處理才能適應(yīng)搜索引擎的要求。4.2我的認(rèn)識(shí)網(wǎng)頁(yè)應(yīng)用很廣泛，當(dāng)我們打開(kāi)IE瀏覽器的時(shí)候，出現(xiàn)在屏幕上的就是一個(gè)網(wǎng)頁(yè)，隨著社會(huì)的進(jìn)步，生活節(jié)奏地加快，各行各業(yè)都開(kāi)始使用互聯(lián)網(wǎng)來(lái)宣傳自己的產(chǎn)品，或者進(jìn)行其他的活動(dòng)。網(wǎng)站設(shè)計(jì)離不開(kāi)網(wǎng)頁(yè)，網(wǎng)頁(yè)像書(shū)中的章頁(yè)，由這些頁(yè)面構(gòu)成了整個(gè)網(wǎng)站。不管是大企業(yè)還是小公司，都有自己的網(wǎng)站，當(dāng)然網(wǎng)站是離不開(kāi)網(wǎng)頁(yè)的。網(wǎng)頁(yè)中的信息可以給我們帶來(lái)很多幫助，可以用來(lái)學(xué)習(xí)或者做一些活動(dòng)的參考。通過(guò)對(duì)這門(mén)課程的學(xué)習(xí)會(huì)收獲很多。結(jié)束語(yǔ)在系統(tǒng)的需求分析過(guò)程中，由于不熟悉，產(chǎn)生了很大的困難，通過(guò)與指導(dǎo)老師的探討與溝通，我漸漸地對(duì)系統(tǒng)有了一個(gè)大體的認(rèn)識(shí)。雖然說(shuō)在系統(tǒng)需求分析過(guò)程中花費(fèi)了很多時(shí)間，但是我認(rèn)為這是必要的也是必須的。這次畢業(yè)設(shè)計(jì)中我了解到了很多的知識(shí)，這對(duì)我今后的學(xué)習(xí)和生活都將會(huì)有很大的幫助。我明白了對(duì)于一個(gè)完整性的軟件設(shè)計(jì)流程的主要性，在整個(gè)網(wǎng)站設(shè)計(jì)過(guò)程中前期需求分析，可行性分析是非常重要的環(huán)節(jié)，可以說(shuō)是軟件設(shè)計(jì)的核心，在過(guò)去我一直認(rèn)為詳細(xì)設(shè)計(jì)編碼才是最重要的，因?yàn)樵俸玫男枨螅幋a不成功，軟件就無(wú)法正常運(yùn)行。鍛煉了自己發(fā)現(xiàn)問(wèn)題，解決問(wèn)題的能力。開(kāi)發(fā)過(guò)程中遇到一些需求的變化，通過(guò)修改設(shè)計(jì)思路，避免在后期產(chǎn)生更大的錯(cuò)誤。再詳細(xì)設(shè)計(jì)的每一步都有可能出錯(cuò)，所以會(huì)進(jìn)行非常多的調(diào)試工作，只要發(fā)現(xiàn)問(wèn)題就調(diào)試解決，這樣不僅增強(qiáng)了信心，也很好的鍛煉了自己遇到問(wèn)題不急不躁，耐心解決的能力。參考文獻(xiàn)〈1〉《信息技術(shù)》江蘇科學(xué)技術(shù)出版社.〈2〉《網(wǎng)頁(yè)制作》人民郵電出版社.<3>《dreamweaver8參考手冊(cè)》2021年版.<4>柯林森、劉志忠，CSS基礎(chǔ)教程，人民郵電出版社，2007.9.<5>蘇昱，樣式表中文手冊(cè)，幫助文檔。<6>韓國(guó)鋒、柯華坤，ASP網(wǎng)站開(kāi)發(fā)典型模塊與實(shí)例精講，電子工業(yè)出版社，2006.8.Flash動(dòng)畫(huà)在網(wǎng)頁(yè)制作中的應(yīng)用及發(fā)展探討[摘要]Flash動(dòng)畫(huà)已經(jīng)成為越來(lái)越多的人們所關(guān)注的一種動(dòng)畫(huà)發(fā)展的趨勢(shì)?？梢哉f(shuō),通過(guò)Flash進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)并建設(shè)網(wǎng)站,開(kāi)創(chuàng)了多媒體效果的網(wǎng)頁(yè)或整個(gè)多媒體網(wǎng)站的新潮流,本文對(duì)Flash動(dòng)畫(huà)在網(wǎng)頁(yè)制作中的應(yīng)用及發(fā)展做了探討。[關(guān)鍵詞]Flash動(dòng)畫(huà)網(wǎng)頁(yè)制作近十幾年來(lái),Internet以前所未有之勢(shì)使應(yīng)用程序開(kāi)發(fā)領(lǐng)域發(fā)生了根深蒂固的變化,許多組織越來(lái)越依賴(lài)于由Internet及相關(guān)技術(shù)提供的數(shù)字資源和通訊信道?，F(xiàn)在,在設(shè)計(jì)和開(kāi)發(fā)應(yīng)用程序時(shí),幾乎所有人都會(huì)考慮如何最有效地結(jié)合與利用Internet技術(shù)以便充分利用連接計(jì)算所帶來(lái)的好處。Flash特別適用于創(chuàng)建通過(guò)Internet提供的內(nèi)容,因?yàn)樗奈募浅Ｐ?。Flash是通過(guò)廣泛使用矢量圖形做到這一點(diǎn)的。與位圖圖形相比,矢量圖形需要的內(nèi)存和存儲(chǔ)空間小很多,因?yàn)樗鼈兪且詳?shù)學(xué)公式而不是大型數(shù)據(jù)集來(lái)表示的。位圖圖形之所以更大,是因?yàn)閳D像中的每個(gè)像素都需要一組單獨(dú)的數(shù)據(jù)來(lái)表示。要在Flash中構(gòu)建應(yīng)用程序,可以使用Flash繪圖工具創(chuàng)建圖形,并將其它媒體元素導(dǎo)入Flash文檔。在Flash中創(chuàng)作內(nèi)容時(shí),需要在Flash文檔文件中工作。Flash文檔的文件擴(kuò)展名為fla(FLA)。在各領(lǐng)域方面,Flash將在網(wǎng)絡(luò)動(dòng)畫(huà)設(shè)計(jì)及網(wǎng)頁(yè)組織上顯示出巨大的生命力。它的應(yīng)用前景令人鼓舞。一、Flash動(dòng)畫(huà)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用Flash動(dòng)畫(huà)已經(jīng)成為網(wǎng)上活力的標(biāo)志,并應(yīng)用這一技術(shù)與電視、廣告、卡通、MTV、制作等方面結(jié)合進(jìn)行商業(yè)推廣。這樣,F1ash動(dòng)畫(huà)將作為一種產(chǎn)業(yè)滲透到音樂(lè)、傳媒、廣告、游戲等各個(gè)領(lǐng)域,開(kāi)拓發(fā)展無(wú)限的商業(yè)機(jī)會(huì)。Flash動(dòng)畫(huà)在網(wǎng)站中的運(yùn)用,從簡(jiǎn)單的流式動(dòng)畫(huà)到復(fù)雜的交互式Web動(dòng)畫(huà),都體現(xiàn)出了FIash動(dòng)畫(huà)的優(yōu)勢(shì)。1.Flash動(dòng)畫(huà)在網(wǎng)頁(yè)設(shè)計(jì)中的部分應(yīng)用在網(wǎng)頁(yè)設(shè)計(jì)中,Flash動(dòng)畫(huà)作品除了以“流式播放動(dòng)畫(huà)”播放以外,如:Flash動(dòng)畫(huà)短片、FlashMV,還具有一定交互性特點(diǎn)的形式。有些網(wǎng)站的引導(dǎo)界面做成Flash動(dòng)畫(huà)形式,一般由Dreamweaver軟件來(lái)完成,做成靜態(tài)頁(yè)面。當(dāng)然,大部分這類(lèi)頁(yè)面全部是靜態(tài),但也有某些網(wǎng)站做出以下設(shè)計(jì)。如:網(wǎng)頁(yè)中的Flash網(wǎng)絡(luò)廣告、Flash形象展示動(dòng)畫(huà)、網(wǎng)站導(dǎo)航欄動(dòng)畫(huà)、圖片展示動(dòng)畫(huà)、Flash交互動(dòng)畫(huà)、及由Flash制作完成的網(wǎng)站注冊(cè)、登陸、計(jì)算等系統(tǒng)。在靜態(tài)頁(yè)面中,如果把這些做成動(dòng)畫(huà)形式的話(huà),無(wú)疑能起到生動(dòng)、裝飾的作用,對(duì)瀏覽者具有充分調(diào)動(dòng)的作用。但是不宜太花、太亂,否則,就會(huì)起到反作用,不但使瀏覽者眼花繚亂、煩躁,而且會(huì)給企本網(wǎng)站效應(yīng)大打折扣,顯得煩亂,缺乏信任。2.Flash動(dòng)畫(huà)在整站網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用前文中提到過(guò),除了采用Flash制作相關(guān)的貞面外,也有一些網(wǎng)站,為了展示自己的個(gè)性,使用Flash來(lái)制作整個(gè)站點(diǎn)。整個(gè)站點(diǎn)從概念上就己經(jīng)包括所有視聽(tīng)元素部分及版式的設(shè)計(jì)。網(wǎng)站引導(dǎo)界面的設(shè)計(jì)估且不說(shuō),由其引導(dǎo)進(jìn)入的內(nèi)頁(yè)面這整個(gè)系統(tǒng)都是由Flash軟件來(lái)制作,就包括上文列舉的視頻、Flash廣告動(dòng)畫(huà)、Flash交互動(dòng)畫(huà)、網(wǎng)站的Flash形象展示動(dòng)畫(huà)、網(wǎng)站各級(jí)導(dǎo)航欄、圖片展示、文字、鏈接、色彩、音樂(lè)、聲音、游戲及網(wǎng)站注冊(cè)、登陸、計(jì)算系統(tǒng)等。這樣的Flash動(dòng)畫(huà)網(wǎng)站,感覺(jué)都十分炫,具有很強(qiáng)很獨(dú)特的個(gè)性,基本上能完全調(diào)動(dòng)瀏覽者的積極性,給人以活躍的心理感受。二、Flash動(dòng)畫(huà)的發(fā)展無(wú)論是國(guó)外還是國(guó)內(nèi),近幾年的動(dòng)畫(huà)都在蓬勃地發(fā)展。信息網(wǎng)絡(luò)技術(shù)開(kāi)啟了人類(lèi)新的生活、新的實(shí)踐。網(wǎng)絡(luò)技術(shù)的出現(xiàn),給動(dòng)畫(huà)藝術(shù)提供了一個(gè)嶄新的演示平臺(tái)。在提倡個(gè)性化創(chuàng)作的今天,網(wǎng)絡(luò)動(dòng)畫(huà)更加適合現(xiàn)代動(dòng)畫(huà)制作者的口味,并隨之進(jìn)入了千家萬(wàn)戶(hù)?，F(xiàn)在有許多專(zhuān)門(mén)的如“Flashempire閃客帝國(guó),大話(huà)三國(guó),閃盟在線(xiàn)”等這樣的一些網(wǎng)站,這里面不僅擁有大量的Flash動(dòng)畫(huà)供愛(ài)好者在線(xiàn)觀(guān)看,而且還是Flash愛(ài)好者們的一個(gè)專(zhuān)門(mén)交流的空間。的確,它的發(fā)展讓人不得不刮目相看。Flash作為現(xiàn)代一種新的設(shè)計(jì)方式和娛樂(lè)方式,不僅有其實(shí)用功能,并且還有視覺(jué)和聽(tīng)覺(jué)上的雙重享受,更因?yàn)樗哂械娜の缎?它作為一種強(qiáng)大的動(dòng)畫(huà)制作軟件,在視覺(jué)表現(xiàn)上較普通的網(wǎng)頁(yè)有很大的優(yōu)勢(shì),因此,被廣泛用于網(wǎng)絡(luò)的制作中。最初用于網(wǎng)站片頭,現(xiàn)在己經(jīng)大量運(yùn)用于宣傳企業(yè)產(chǎn)品的網(wǎng)絡(luò)廣告。另外,電視臺(tái)也開(kāi)始播放Flash制作的短劇和廣告。將動(dòng)畫(huà)加上音樂(lè)及歌詞就成了MTV,這也是Flash最擅長(zhǎng)的一面。制作交互多媒體是Flash的優(yōu)勢(shì)所在,Flash制作的導(dǎo)航界面,隨著鼠標(biāo)的各種動(dòng)作可以產(chǎn)生動(dòng)畫(huà)、聲音。還能使網(wǎng)上游戲更具吸引力。隨著動(dòng)畫(huà)在各個(gè)領(lǐng)域中的不斷深入發(fā)展,已經(jīng)無(wú)法簡(jiǎn)單地估計(jì)動(dòng)畫(huà)的前景將會(huì)怎樣,但我們堅(jiān)信動(dòng)畫(huà)將會(huì)帶給我們無(wú)限的驚喜和激動(dòng)?，F(xiàn)在國(guó)家對(duì)動(dòng)畫(huà)事業(yè)的高度重視,加入動(dòng)畫(huà)行業(yè)的人員也越來(lái)越多,我們期望著動(dòng)畫(huà)事業(yè)更加蓬勃地向前發(fā)展。三、小結(jié)FLASH網(wǎng)頁(yè)有著體積小、效果好、跨媒體性強(qiáng)、成本低廉、視覺(jué)沖擊力強(qiáng)、Flash的廣告形式具有很強(qiáng)的親和力和交互性。從創(chuàng)意的角度來(lái)說(shuō),在網(wǎng)頁(yè)中插入FLASH的思路更為奇特和夸張,但它同樣遵循傳統(tǒng)網(wǎng)頁(yè)的制作思路和制作要點(diǎn),注重跨媒體傳播創(chuàng)作者和客戶(hù)合作的過(guò)程中,最好不要局限于“我在做網(wǎng)頁(yè)”的思維,因?yàn)?在網(wǎng)頁(yè)中插入Flash除了能在網(wǎng)絡(luò)上發(fā)布以外,還可以在傳統(tǒng)電視、樓宇電視、等載體上發(fā)布、所以要有制作精品的信念,這樣才能使網(wǎng)頁(yè)的前景更為廣闊,才能為更多的商家和目標(biāo)受眾所青睞。參考文獻(xiàn):[1]洪光.FlashMXProfessional2004實(shí)用教程.大連理工大學(xué)出版社,2006.[2]楊帆.FlashMX2004動(dòng)畫(huà)制作標(biāo)準(zhǔn)教程.中國(guó)電力出版社.摘要隨著經(jīng)濟(jì)社會(huì)的發(fā)展，計(jì)算機(jī)已被應(yīng)用到社會(huì)生活的各個(gè)領(lǐng)域。與此同時(shí)，互聯(lián)網(wǎng)作為信息技術(shù)的通信橋梁連接著全球的計(jì)算機(jī)，而網(wǎng)站作為網(wǎng)絡(luò)信息主要的表現(xiàn)形式而且還是互聯(lián)網(wǎng)信息的主要承載者，在Internet上表現(xiàn)出其及其重要的地位，并發(fā)揮著其及其重要的作用。無(wú)論是在國(guó)內(nèi)還是國(guó)外都得以迅速的發(fā)展和壯大，并被人們重視和關(guān)注?；ヂ?lián)網(wǎng)已經(jīng)徹底的改變了世界，互聯(lián)網(wǎng)的世界里蘊(yùn)藏著無(wú)限的可能，在這種情況下，各行各業(yè)及其個(gè)人、單位、工廠(chǎng)、企事業(yè)等等在網(wǎng)上構(gòu)筑屬于自己的網(wǎng)絡(luò)信息平臺(tái)，保護(hù)自己的網(wǎng)絡(luò)資源并在互聯(lián)網(wǎng)上開(kāi)辟自己的市場(chǎng)和消費(fèi)群體，以及構(gòu)造自己的數(shù)字化世界和加強(qiáng)全球范圍內(nèi)不同地域的人們聯(lián)系交流等等活動(dòng)也就顯的日益重要。于是各種各樣的網(wǎng)站便如雨后春筍般地出現(xiàn)魚(yú)龍混雜且良莠不齊。Internet的日益興起和以網(wǎng)頁(yè)為載體的網(wǎng)絡(luò)信息的廣泛傳播和應(yīng)用，使得網(wǎng)站的建設(shè)及網(wǎng)頁(yè)制作得到發(fā)展的空間，大至大型企業(yè)的產(chǎn)品推銷(xiāo)、售后服務(wù)、解決方案，小至個(gè)人Web頁(yè)面開(kāi)發(fā)，形形色色，五彩繽紛，網(wǎng)站建設(shè)和網(wǎng)頁(yè)制作也成為計(jì)算機(jī)網(wǎng)絡(luò)領(lǐng)域最熱門(mén)的話(huà)題。本文講解了一個(gè)以學(xué)院招生為主題的網(wǎng)站。論文將對(duì)學(xué)院招生網(wǎng)網(wǎng)頁(yè)設(shè)計(jì)與制作的方法、工具等展開(kāi)研究和探討。在介紹網(wǎng)頁(yè)設(shè)計(jì)與制作語(yǔ)言的基礎(chǔ)上，著重使用DIV+CSS作為工具語(yǔ)言進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)與制作的實(shí)際操作，分別對(duì)基礎(chǔ)對(duì)象的JavaScript語(yǔ)言、內(nèi)部對(duì)象系統(tǒng)的使用及WEB頁(yè)面信息交互，窗口和框架進(jìn)行詳細(xì)描述，并利用具體的實(shí)例進(jìn)行驗(yàn)證。首頁(yè)主要是包括首頁(yè)、招生指南、院系導(dǎo)航、學(xué)院概述、招生工作、常見(jiàn)問(wèn)題、網(wǎng)上報(bào)名、信息查詢(xún)八個(gè)模塊組成，采用DIV+CSS樣式布局。關(guān)鍵詞：DIV+CSS、JavaScript、webAbstractAlongwiththedevelopmentofsocietyandeconomy,thecomputerhasbeenusedtosociallifeinallareas.Atthesametime,theInternetasinformationtechnologycommunicationbridgeconnectionoftheglobalcomputer,andwebsitesasthemainformofnetworkinformationandthemainbearingorInternetinformation,whointheInternetborrowsitsanditsimportantposition,andisplayingtheitsanditsimportantrole.Bothindomesticandabroadaretherapiddevelopmentandexpansion,andtakenseriouslybypeopleandattention.TheInternethascompletelychangedtheworld,theworldoftheInternetcontainstheinfinitepossible,inthiscase,allwalksoflifeandpersonal,unit,factory,enterpriseorbusinesstheandsooninbuildingtheirownonlinenetworkinformationplatform,theprotectionofitsownnetworkresourcesintheInternetandopenuptheirmarketsandconsumergroups,andstructureofthedigitalworldandstrengthentheirglobalrangeofdifferentregionsinpeoplelinkexchangesandotheractivitieswillbeincreasinglyimportant.Soallkindsofwebsitewillhavemushroomedmiraculouslyappeargoodandevilpeoplemixedupandthegoodandbadareintermingled.TheInternetistheriseandwiththeWebpageasthecarrierofthenetworkinformationwidelyspreadandapplication,makewebsiteconstructionandWebpagesgetdevelopmentspace,largeenterpriseproductstosell,thepost-saleservice,thesolutionstothesmallpersonalWebpagedevelopment,allkinds,colourful,websiteconstructionandcreatingWebpagesalsotobecomeacomputernetworkdomainthemostpopulartopic.Thispaperexplainedawiththecollegerecruitstudentsasthethemeofthewebsite.Paperwillbetocollegeadmissionnetswebdesignandproductionmethodsandtoolsonresearchanddiscussion.IntroducedinWEBdesignandproductiononthebasisoflanguage,thispaperuseDIV+CSSlanguageasatoolforWEBdesignandproductionoftheactualoperationrespectively,thefoundationofJavaScriptobjectlanguage,internalobjectsystemandtheuseoftheWEBpageinformationinteraction,windowandframeisdescribedinmoredetail,anduseaspecificexampleverified.Homepageismainlyincludingthehead,andrecruitstudentsguide,departmentsnavigation,collegeoverview,recruitstudentswork,commonproblem,onlineapplication,informationqueryeightmodules,usingDIV+CSSstylelayout.Keyword:DIV+CSS、JavaScript、web前言人類(lèi)已進(jìn)入21世紀(jì),科學(xué)技術(shù)突飛猛進(jìn),經(jīng)濟(jì)知識(shí)和信息產(chǎn)業(yè)初見(jiàn)端倪,特別是信息技術(shù)和網(wǎng)絡(luò)技術(shù)的訊速發(fā)展和廣泛應(yīng)用,對(duì)社會(huì)的政治,經(jīng)濟(jì),軍事,文化等領(lǐng)域產(chǎn)生越來(lái)越深刻的影響,也正在改變?nèi)藗兊墓ぷ?生活學(xué)習(xí),交流方式。信息的獲取,處理,交流和應(yīng)用能力,已經(jīng)成為人們最重要的能力之一。在不久的將來(lái)知識(shí)經(jīng)濟(jì)將占世界經(jīng)濟(jì)發(fā)展的主導(dǎo)地位,國(guó)家綜合國(guó)力和國(guó)際競(jìng)爭(zhēng)能力越來(lái)越取決于教育發(fā)展,科學(xué)技術(shù)和知識(shí)創(chuàng)新的水平,教育在經(jīng)濟(jì)和社會(huì)發(fā)展過(guò)程中將呈現(xiàn)出越來(lái)越突出的重要作用。隨著Internet的出現(xiàn)，網(wǎng)絡(luò)正在改變整個(gè)世界，由于Internet具有傳播信息容量極大、形態(tài)多樣、迅速方便、全球覆蓋、自由和交互的特點(diǎn)，已經(jīng)發(fā)展成為新的傳播媒體，而將教育和網(wǎng)絡(luò)相結(jié)合，將會(huì)更好的推動(dòng)教育的發(fā)展。現(xiàn)在不僅很多大學(xué)和眾多企業(yè)部門(mén)都已經(jīng)建立了自己的網(wǎng)站，而且學(xué)院招生網(wǎng)站也如雨后春筍般大量的出現(xiàn)，通過(guò)計(jì)算機(jī)網(wǎng)絡(luò)實(shí)現(xiàn)宣傳、交流及資源的整合由于時(shí)間倉(cāng)促和水平有限，不當(dāng)之處在所難免，請(qǐng)各位老師批評(píng)指正。第一章開(kāi)發(fā)工具及功能設(shè)計(jì)1.1網(wǎng)站設(shè)計(jì)的基本知識(shí)靜態(tài)編程最重要的特征就是由程序自動(dòng)生成網(wǎng)頁(yè)，最終形成供瀏覽器解釋的HTML語(yǔ)言。那么如何設(shè)計(jì)出精美的網(wǎng)頁(yè)以及動(dòng)態(tài)更新交互的站點(diǎn)，這就需要網(wǎng)頁(yè)編程與網(wǎng)頁(yè)制作相結(jié)合。本網(wǎng)頁(yè)主要介紹網(wǎng)站建設(shè)所必須掌握的基礎(chǔ)知識(shí)，如網(wǎng)頁(yè)文檔的結(jié)構(gòu)、超鏈接、表格和表基本的單等HTML標(biāo)識(shí)的寫(xiě)法要求，網(wǎng)頁(yè)編輯的常用工具、動(dòng)態(tài)網(wǎng)頁(yè)的設(shè)計(jì)以及網(wǎng)站的發(fā)布等相關(guān)知識(shí)。DreamweaverCS3是在網(wǎng)頁(yè)設(shè)計(jì)與制作領(lǐng)域中用戶(hù)最多、應(yīng)用最廣、功能最強(qiáng)大的軟件，隨著DreamweaverCS3更新發(fā)布，更堅(jiān)定DreamweaverCS3在該領(lǐng)域的地位。集網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站開(kāi)發(fā)和站點(diǎn)管理功能于一身，具有可視化、支持多平臺(tái)和跨瀏覽器的特性，是目前網(wǎng)站設(shè)計(jì)、開(kāi)發(fā)、制作的首選工具。DreanmweaveCS3軟件也一直是不少網(wǎng)友鐘情的網(wǎng)頁(yè)設(shè)計(jì)工具，除了它強(qiáng)大的動(dòng)態(tài)效果制作能力之外，還有可視化編輯界面，功能更多的CSS支持—CSS可視化設(shè)計(jì)。還可以用Spry框架進(jìn)行動(dòng)態(tài)用戶(hù)界面的可視化設(shè)計(jì)和部署。它們可以幫助快速設(shè)計(jì)好頁(yè)面并開(kāi)始運(yùn)行，并且在代碼中提供了豐富的注釋。DreamwerverCS3將可視化布局工具、應(yīng)用程序開(kāi)發(fā)功能和代碼編輯支持組合在一起，其功能強(qiáng)大，使得各個(gè)層次的開(kāi)發(fā)人員和設(shè)計(jì)人員都能夠快速創(chuàng)建界面，使操作界面更是獨(dú)具特色。1.2DreamweaverCS3的安裝首先，安裝界面給人的感覺(jué)比Macromedia門(mén)下的8.0要漂亮許多，Splash也很有質(zhì)感。這次DreamweaverCS3新增了SprySpry。Spry是Adobe推出的AjaxFramework(SpryDemoSpryDemo)，它能與Dreamweaver無(wú)縫的整合，直接用拖拉的方式完成程序代碼的編寫(xiě)。圖1-1Dreamweaver8與9(Alpha1)的啟動(dòng)封面對(duì)比圖1-2DWCS3的主界面圖1-3安裝向?qū)д诔跏蓟瘓D1-4授權(quán)協(xié)議圖1-5詳細(xì)信息圖1-6選擇安裝位置圖1-7安裝信息概要圖1-8安裝進(jìn)在正行中圖1-9安裝結(jié)束1.3DreamweaverCS3功能介紹DreamweaverCS3包括了與PhotoshopCS3的增強(qiáng)的集成功能?，F(xiàn)在，設(shè)計(jì)人員可以在Photoshop中選擇設(shè)計(jì)的任一部分（甚至可以跨多個(gè)層），然后將其直接粘貼到DreamweavercCS3頁(yè)面中。DreamweaverCS3會(huì)顯示一個(gè)對(duì)話(huà)框，可在其中為圖像指定優(yōu)化選項(xiàng)。如果需要編輯圖像，只需雙擊圖像即可在Photoshop中打開(kāi)原始的帶圖層PSD文件進(jìn)行編輯。瀏覽器兼容性檢查DreamweaverCS3中新的瀏覽器兼容性檢查功能可生成報(bào)告，指出各種瀏覽器中與CSS相關(guān)的呈現(xiàn)問(wèn)題。在代碼視圖中，這些問(wèn)題以綠色下劃線(xiàn)來(lái)標(biāo)記，因此您可以準(zhǔn)確知道產(chǎn)生問(wèn)題的代碼位置。AdobeCSSAdobeCSSAdvisor網(wǎng)站包含有關(guān)最新CSS問(wèn)題的信息，在瀏覽器兼容性檢查過(guò)程中可通過(guò)DreamweaverCS3用戶(hù)界面直接訪(fǎng)問(wèn)該網(wǎng)站。DreamweaverCS3提供一組預(yù)先設(shè)計(jì)的CSS布局，它們可以幫助您快速設(shè)計(jì)好頁(yè)面并開(kāi)始運(yùn)行，并且在代碼中提供了豐富的內(nèi)聯(lián)注釋以幫助您了解CSS頁(yè)面布局。Web上的大多數(shù)站點(diǎn)設(shè)計(jì)都可以被歸類(lèi)為一列、兩列或三列式布局，而且每種布局都包含許多附加元素（例如標(biāo)題和腳注）。DreamweaverCS3提供了一個(gè)包含基本布局設(shè)計(jì)的綜合性列表，您可以自定義這些設(shè)計(jì)以滿(mǎn)足自己的需要。框架Ajax的Spry框架通過(guò)Adobe?Dreamweaver?CS3，可以使用Ajax的Spry框架進(jìn)行動(dòng)態(tài)用戶(hù)界面的可視化設(shè)計(jì)、開(kāi)發(fā)和部署。Ajax的Spry框架是一個(gè)面向Web設(shè)計(jì)人員的JavaScript庫(kù)，用于構(gòu)建向用戶(hù)提供更豐富體驗(yàn)的網(wǎng)頁(yè)。Spry與其它Ajax框架不同，可以同時(shí)為設(shè)計(jì)人員和開(kāi)發(fā)人員所用，因?yàn)閷?shí)際上它的99%都是HTML。請(qǐng)參閱以可視方式構(gòu)建Spry頁(yè)。Spry構(gòu)件Spry構(gòu)件是預(yù)置的常用用戶(hù)界面組件，可以使用CSS自定義這些組件，然后將其添加到網(wǎng)頁(yè)中。使用DreamweaverCS3，您可以將多個(gè)Spry構(gòu)件添加到自己的頁(yè)面中，這些構(gòu)件包括表格、折疊構(gòu)件、選項(xiàng)卡式界面和具有驗(yàn)證功能的表單元素。請(qǐng)參閱添加Spry構(gòu)件。Spry效果是一種提高網(wǎng)站外觀(guān)吸引力的簡(jiǎn)潔方式。這種效果差不多可應(yīng)用于HTML頁(yè)面上的所有元素。您可以添加Spry效果來(lái)放大、收縮、漸隱和高亮顯示元素；在一段時(shí)間內(nèi)以可視方式更改頁(yè)面元素；以及執(zhí)行更多操作。

第二章網(wǎng)站需要分析1.1建站工具編輯網(wǎng)頁(yè)的工具有很多，但是我們一般用的是Macromedia公司的網(wǎng)頁(yè)制作三劍客來(lái)制作網(wǎng)頁(yè)。三劍客分別為DreamweaverCS3、fireworks、flash。1.2網(wǎng)站建設(shè)的三個(gè)階段（1）、網(wǎng)站的定位即網(wǎng)站設(shè)計(jì)的最終目標(biāo)及指導(dǎo)方針。確立網(wǎng)站的主題，解決為誰(shuí)設(shè)計(jì)、吸引誰(shuí)，交流什么。（2）、制作網(wǎng)頁(yè)通過(guò)網(wǎng)頁(yè)設(shè)計(jì)體現(xiàn)網(wǎng)站整體協(xié)調(diào)一致的風(fēng)格。網(wǎng)站的色彩基調(diào)、配色方案、頁(yè)面色彩的格調(diào)、頁(yè)面構(gòu)圖及圖片、動(dòng)畫(huà)的處理等都要反復(fù)研究。方便的導(dǎo)航設(shè)計(jì)使用戶(hù)易于訪(fǎng)問(wèn)站點(diǎn)中的資源。（3）、網(wǎng)站的發(fā)布與維護(hù)完成對(duì)網(wǎng)站所有文件的測(cè)試并上傳到服務(wù)器，進(jìn)行網(wǎng)站的推廣和宣傳，建立信息的收集反饋系統(tǒng)，及時(shí)更新網(wǎng)頁(yè)。1.3網(wǎng)站設(shè)計(jì)步驟（1）、設(shè)定網(wǎng)站主題并搜集資料分析網(wǎng)站的訪(fǎng)問(wèn)對(duì)象是什么樣的群體，確定網(wǎng)站要為訪(fǎng)問(wèn)者提供什么樣的服務(wù)。圍繞網(wǎng)站設(shè)計(jì)要達(dá)到的目標(biāo)，進(jìn)一步?jīng)Q定網(wǎng)站展示的內(nèi)容和網(wǎng)站要實(shí)現(xiàn)的功能。（2）、建立站點(diǎn)的目錄結(jié)構(gòu)用來(lái)分類(lèi)保存網(wǎng)站中的不同的資源，精心設(shè)計(jì)的網(wǎng)站目錄結(jié)構(gòu)有利于網(wǎng)站類(lèi)容的擴(kuò)充和移植需要。很多初學(xué)者往往不注意建立站點(diǎn)的目錄結(jié)構(gòu)，所有的文件都保存在一個(gè)目錄中，這給今后的網(wǎng)站維護(hù)和擴(kuò)充帶來(lái)了很大的困難。例如，files保存非index之外是文件，images保存圖片文件，sounds保存聲音文件等等。（3）、建立網(wǎng)頁(yè)的鏈接關(guān)系網(wǎng)頁(yè)的鏈接結(jié)構(gòu)要層次清晰、訪(fǎng)問(wèn)方便快捷，就要設(shè)計(jì)網(wǎng)站中網(wǎng)頁(yè)的鏈接關(guān)系。用最少的點(diǎn)擊打開(kāi)網(wǎng)站內(nèi)的任何一個(gè)網(wǎng)頁(yè)，為用戶(hù)提供最便捷的服務(wù)。（4）、頁(yè)面設(shè)計(jì)與網(wǎng)頁(yè)制作網(wǎng)站圖標(biāo)、網(wǎng)頁(yè)標(biāo)題、導(dǎo)航欄設(shè)計(jì)、各頁(yè)風(fēng)格、頁(yè)面規(guī)劃、便捷的鏈接、合理使用框架、巧用背景色、合適的圖片、網(wǎng)頁(yè)空白。（5）、網(wǎng)站測(cè)試已經(jīng)建好的一個(gè)設(shè)計(jì)精美的網(wǎng)站在發(fā)布之前要進(jìn)行嚴(yán)格的測(cè)試。如果在測(cè)試過(guò)程中發(fā)現(xiàn)了錯(cuò)誤，就要及時(shí)修改，在準(zhǔn)確無(wú)誤后，可正式在Internet上發(fā)布。（6）、網(wǎng)站發(fā)布把制作好的網(wǎng)站發(fā)布到自己的服務(wù)器系統(tǒng)上，也可以使用上傳工具把網(wǎng)站發(fā)布到ISP提供的虛擬主機(jī)上。在國(guó)外或國(guó)內(nèi)網(wǎng)站提供免費(fèi)的主頁(yè)空間和域名，上傳后就可以使用瀏覽器訪(fǎng)問(wèn)自己的網(wǎng)站了（7）、推廣宣傳與后期維護(hù)網(wǎng)頁(yè)上傳后，及時(shí)更新網(wǎng)站內(nèi)容，為瀏覽者提供豐富、及時(shí)的信息。網(wǎng)頁(yè)的更新速度是衡量一個(gè)網(wǎng)站的主要目標(biāo)。同時(shí)為了增加網(wǎng)站的訪(fǎng)問(wèn)量，要采用各種方法加以推廣。例如在搜索引擎上注冊(cè)，發(fā)布網(wǎng)絡(luò)廣告提供免費(fèi)服務(wù)或者使用傳統(tǒng)的促銷(xiāo)媒介等等方式來(lái)推廣網(wǎng)站。

第三章網(wǎng)站的設(shè)計(jì)3.1網(wǎng)站的總體設(shè)計(jì)網(wǎng)站結(jié)構(gòu)圖本網(wǎng)站的基本結(jié)構(gòu)，網(wǎng)站主要分為：首頁(yè)、招生指南、院系導(dǎo)航、學(xué)院概述、招生工作、常見(jiàn)問(wèn)題、網(wǎng)上報(bào)名、信息查詢(xún)等8個(gè)模塊。3.1.2網(wǎng)站風(fēng)格本網(wǎng)站的色調(diào)為藍(lán)色，白色混搭，頁(yè)面美觀(guān)大方、簡(jiǎn)潔。3.2網(wǎng)站的制作3.2.1建立站點(diǎn)選擇“站點(diǎn)”，單擊“管理站點(diǎn)”，單擊“新建”，選擇站點(diǎn)。如圖（3—1）：圖3—1在按上圖完成所填部分，在面板組就會(huì)出現(xiàn)站點(diǎn)等文件夾了。在右邊的面板組中選擇“站點(diǎn)”文件名，右擊“新建文件”，命名為“index”，完成首頁(yè)的命名。3.2.2頁(yè)面設(shè)置首先雙擊“index.html”,進(jìn)入頁(yè)面的編輯窗口。右健單擊空白區(qū)域，在菜單中選擇“頁(yè)面屬性”，之后彈出“頁(yè)面屬性”對(duì)話(huà)框，若選擇主菜單“修改/頁(yè)面屬性”項(xiàng)，也可以把打開(kāi)該對(duì)話(huà)框。在“頁(yè)面屬性”對(duì)話(huà)框中，左側(cè)窗口顯示“分類(lèi)”，其中包括了“外觀(guān)”、“鏈接”、“標(biāo)題”、“標(biāo)題/編碼”、“跟蹤圖像”5項(xiàng)，右側(cè)區(qū)域則顯示各類(lèi)中可以設(shè)置的項(xiàng)目。首頁(yè)設(shè)置的屬性如圖（3—2）所示：圖3—23.2.3網(wǎng)頁(yè)布局本網(wǎng)頁(yè)采用div+css和表格布局相混用，clear為清除浮動(dòng)，整體div+css代碼設(shè)置如圖（3—3）所示：圖3—3在網(wǎng)頁(yè)布局中一般采用表格來(lái)進(jìn)行布局。下面簡(jiǎn)單介紹下表格的布局方式。通過(guò)單擊“插入”面板中的“常用”選項(xiàng)中的“表格”來(lái)打開(kāi)“表格”對(duì)話(huà)框，對(duì)話(huà)框可分為“表格大小”、“頁(yè)眉”、“輔助功能”三部分。對(duì)表格的各項(xiàng)屬性設(shè)置如圖（3—4）所示：圖3—43.2.4插入圖片圖像是網(wǎng)頁(yè)中不可或缺的組成成份，恰當(dāng)?shù)厥褂脠D像，可以使網(wǎng)站充滿(mǎn)生活生命力與說(shuō)服力，吸引更多的瀏覽者，加深他們欣賞你網(wǎng)站的意愿。首先將游標(biāo)停留在要插入圖像的位置，通過(guò)單擊“常用”欄中的“圖像”的下拉按鈕，單擊第一個(gè)“圖像”按鈕，隨即彈出“選擇圖像源文件”對(duì)話(huà)框。從計(jì)算機(jī)磁盤(pán)中選擇想要插入的圖像文件。如圖（3—4）所示：圖3—43.2.5插入文本文字是人類(lèi)語(yǔ)言最基本的表達(dá)方式，在網(wǎng)頁(yè)中，文本內(nèi)容也可以說(shuō)是重要的組成部分，它是最關(guān)鍵的因素。插入文本的兩種方式：一種是在網(wǎng)頁(yè)編輯窗口中直接用鍵盤(pán)敲入文本；另一種是復(fù)制文本的方式。直接使用Dreamweaver的文本復(fù)制功能，將大段的文本內(nèi)容拷貝到網(wǎng)頁(yè)的編輯窗口來(lái)進(jìn)行排版的工作，具體步驟如下：打開(kāi)文本編輯軟件（如MicrosoftWord），選中要復(fù)制的文本，執(zhí)行菜單“編輯/復(fù)制”命令或直接用快捷鍵Ctrl+C，之后切換回Dreamweaver,將游標(biāo)停留在插入文本的位置，執(zhí)行主菜單“編輯/粘貼”命令或直接使用快捷鍵Ctrl+v,即可將大段的文本快速粘貼到網(wǎng)頁(yè)中。3.2.6建立子頁(yè)面制作子網(wǎng)頁(yè)的一般步驟和首頁(yè)的步驟差不多。如果說(shuō)你的首頁(yè)中有標(biāo)題的話(huà)，那么在子網(wǎng)頁(yè)中也一定要和首頁(yè)的位置是一樣的。在子網(wǎng)頁(yè)中一般需要大量的文字?jǐn)⑹龌蛘邎D片，這就需要做好細(xì)節(jié)工作了。

第四章網(wǎng)站的實(shí)現(xiàn)4.1前臺(tái)顯示說(shuō)明網(wǎng)站首頁(yè)一、前臺(tái)首頁(yè)顯示下面通過(guò)首頁(yè)來(lái)說(shuō)明網(wǎng)站整體的功能：（1）首頁(yè)的最頂部顯示校園招生網(wǎng)站頭部banner。（2）站點(diǎn)首頁(yè)，招生指南、院系導(dǎo)航、學(xué)院概述、招生工作、常見(jiàn)問(wèn)題、網(wǎng)上報(bào)名等各個(gè)欄目，后臺(tái)可以控制排序和位置調(diào)整，或顯示條數(shù)設(shè)置。（3）首頁(yè)中的各個(gè)欄目可以直接點(diǎn)擊出來(lái)查看的詳細(xì)信息。（4）網(wǎng)站首頁(yè)的設(shè)計(jì)涵蓋了網(wǎng)頁(yè)導(dǎo)航的顯示的主要內(nèi)容為查看網(wǎng)站的人，提供了網(wǎng)站各個(gè)子頁(yè)的大致內(nèi)容，方便了解網(wǎng)站的主題構(gòu)造和經(jīng)典內(nèi)容。（5）設(shè)有專(zhuān)題顯示和網(wǎng)站調(diào)查系統(tǒng)，以及網(wǎng)站的一些統(tǒng)計(jì)數(shù)據(jù)信息，可以按不同條件進(jìn)行文件信息搜索。（6）最近信息資訊專(zhuān)欄中的部分內(nèi)容的更新提供了招生信息業(yè)的最新的行業(yè)資訊和熱點(diǎn)動(dòng)態(tài)。4.2結(jié)構(gòu)設(shè)計(jì)（1）結(jié)構(gòu)設(shè)計(jì)本網(wǎng)站的各個(gè)功能入口比較多，因此需要一個(gè)專(zhuān)門(mén)的文件來(lái)顯示各種后臺(tái)入口，而且在網(wǎng)頁(yè)中還要顯示出用戶(hù)在留言板塊和管理員在后臺(tái)模塊的信息。網(wǎng)站整體使用上下結(jié)構(gòu)，下面的一個(gè)大部分有分為左中右結(jié)構(gòu)。這樣網(wǎng)站的整體個(gè)人看來(lái)結(jié)構(gòu)就很清晰。（2）界面設(shè)計(jì)設(shè)置公開(kāi)地聯(lián)系方式及其用戶(hù)信息反饋專(zhuān)用論壇功能；

設(shè)置網(wǎng)站整體信息與用戶(hù)為一體；設(shè)置完善地個(gè)性化地會(huì)員管理與交互系統(tǒng)；

完善的網(wǎng)站內(nèi)容、網(wǎng)站用戶(hù)檢索系統(tǒng)。網(wǎng)站的整體顏色：天藍(lán)色為導(dǎo)航顏色；主體顏色：天藍(lán)色；字體：微軟雅黑；網(wǎng)站統(tǒng)一頂部為導(dǎo)航條（站點(diǎn)首頁(yè)，招生指南、院系導(dǎo)航、學(xué)院概述、招生工作、常見(jiàn)問(wèn)題、網(wǎng)上報(bào)名、信息查詢(xún)）網(wǎng)站上中部：靜態(tài)圖片；位置導(dǎo)航；網(wǎng)站中部：網(wǎng)站信息；友情連接；站點(diǎn)數(shù)據(jù)；網(wǎng)站導(dǎo)航條；圖文信息；網(wǎng)站底部：校園地址；網(wǎng)站/版面制作；版權(quán)信息。4.3具體設(shè)計(jì)文檔一、內(nèi)容和功能設(shè)計(jì)這個(gè)校園網(wǎng)站主要實(shí)現(xiàn)新聞、信息等功能，目標(biāo)用戶(hù)主要是Internet的學(xué)生。先明確這個(gè)招生信息門(mén)戶(hù)網(wǎng)站提供的主要功能：(1)注冊(cè)登錄系統(tǒng)：提供用來(lái)學(xué)生查詢(xún)錄取情況和報(bào)考情況。(2)招生信息資訊專(zhuān)區(qū)：提供招生信息業(yè)在個(gè)方面的成果及新聞的功能，介紹最新的更新信息。(3)信息專(zhuān)區(qū)：提供有信息的主要的詳細(xì)的信息與圖鑒為查看網(wǎng)站的人提供資源。二、前臺(tái)新聞文摘顯示可以根據(jù)網(wǎng)站的需要,進(jìn)行各種方式的插入,自動(dòng)更新.如顯示欄目導(dǎo)航,顯示某欄目的最新N條新聞等.使用管理系統(tǒng)制作動(dòng)態(tài)網(wǎng)頁(yè)時(shí),可在需要的地方插入相應(yīng)的代碼,即可以多種形式顯示新聞文章的欄目或內(nèi)容。例如：一級(jí)欄目列表、二級(jí)欄目列表、欄目導(dǎo)航列表、某一欄目的最新新聞(文章)顯示條數(shù)、某一欄目的熱門(mén)文章可任意調(diào)整。該系統(tǒng)也可經(jīng)后繼開(kāi)發(fā),使之生成代碼,在一個(gè)主機(jī)上維護(hù)新聞文章,在其他靜態(tài)網(wǎng)頁(yè)中插入代碼后顯示相應(yīng)的新聞文章。三、信息結(jié)構(gòu)設(shè)計(jì)(1)確定欄目欄目是網(wǎng)站主要內(nèi)容的體現(xiàn)，合理的劃分和安排欄目，將網(wǎng)站的主題明確的顯示出來(lái)，并且盡量方便訪(fǎng)問(wèn)者的瀏覽和查詢(xún)。(2)網(wǎng)站裝飾風(fēng)格采用了灰色和綠色為主導(dǎo)航顏色，首頁(yè)中運(yùn)用最新更新圖片，以及文字交錯(cuò)排版，使整個(gè)網(wǎng)站看上去符合跳動(dòng)的風(fēng)格。四、可視化設(shè)計(jì)網(wǎng)站可視化設(shè)計(jì)的主要體部分是框架的的設(shè)計(jì)，它是由導(dǎo)航的和子頁(yè)面組成的，這些子頁(yè)面都是人們平時(shí)不可或缺的。招生信息門(mén)戶(hù)網(wǎng)站的主體相得益彰。4.4網(wǎng)站維護(hù)的設(shè)計(jì)網(wǎng)站維護(hù)，其維護(hù)的內(nèi)容也非常之多，有功能改進(jìn)、頁(yè)面修改、安全管理、網(wǎng)站推廣……需要懂得相關(guān)知識(shí)的專(zhuān)業(yè)人士來(lái)完成。下面是網(wǎng)站維護(hù)方法等問(wèn)題網(wǎng)站維護(hù)的目的是為了讓您的網(wǎng)站能夠長(zhǎng)期穩(wěn)定地運(yùn)行在Internet上，及時(shí)地調(diào)整和更新網(wǎng)站內(nèi)容。一個(gè)好的網(wǎng)站需要定期或不定期地更新內(nèi)容，才能不斷地吸引更多的瀏覽者，增加訪(fǎng)問(wèn)量。隨著黑客人數(shù)日益增長(zhǎng)和一些入侵軟件昌盛，網(wǎng)站的安全日益遭到挑戰(zhàn)，像SQL注入、跨站腳本、文本上傳漏洞等，而網(wǎng)站安全維護(hù)也成日益重視的模塊。而網(wǎng)站安全的隱患主要是源于網(wǎng)站的漏洞存在，而世界上不存在沒(méi)有漏洞網(wǎng)站，所以網(wǎng)站安全維護(hù)關(guān)鍵在于早發(fā)現(xiàn)漏洞和及時(shí)修補(bǔ)漏洞。而網(wǎng)上也有專(zhuān)門(mén)的網(wǎng)站漏洞掃描工具，如億思網(wǎng)站安全檢測(cè)平臺(tái)，而發(fā)現(xiàn)漏洞要及時(shí)修補(bǔ)，特別采用一些開(kāi)放源碼的網(wǎng)站（一）、含義網(wǎng)站維護(hù)是為了讓您的網(wǎng)站能夠長(zhǎng)期穩(wěn)定地運(yùn)行在Internet上，及時(shí)地調(diào)整和更新您的網(wǎng)站內(nèi)容，在瞬息萬(wàn)變的信息社會(huì)中抓住更多的網(wǎng)絡(luò)商機(jī)。（二）、內(nèi)容1、服務(wù)器及相關(guān)軟硬件的維護(hù)，對(duì)可能出現(xiàn)的問(wèn)題進(jìn)行評(píng)估，制定響應(yīng)時(shí)間；2、數(shù)據(jù)庫(kù)維護(hù)，有效地利用數(shù)據(jù)是網(wǎng)站維護(hù)的重要內(nèi)容，因此數(shù)據(jù)庫(kù)的維護(hù)要受到重視；3、內(nèi)容的更新、調(diào)整等；4、制定相關(guān)網(wǎng)站維護(hù)的規(guī)定，將網(wǎng)站維護(hù)制度化、規(guī)范化；5、做好網(wǎng)站安全管理，防范黑客入侵網(wǎng)站，檢查網(wǎng)站各個(gè)功能，鏈接是否有錯(cuò)。（三）、網(wǎng)站內(nèi)容更新建站容易維護(hù)難。對(duì)于網(wǎng)站來(lái)說(shuō)，只有不斷地更新內(nèi)容，才能保證網(wǎng)站的生命力，否則網(wǎng)站不僅不能起到應(yīng)有的作用，反而會(huì)對(duì)企業(yè)自身形象造成不良影響。如何快捷方便地更新網(wǎng)頁(yè)，提高更新效率，是很多網(wǎng)站面臨的難題?，F(xiàn)在網(wǎng)頁(yè)制作工具不少，但為了更新信息而日復(fù)一日