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

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

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

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

網(wǎng)頁設(shè)計中色彩的運用

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

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

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

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

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

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

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