【正文】 異常簡(jiǎn)潔。 腳本庫(kù)能夠幫助完成編碼邏輯 ，實(shí)現(xiàn)業(yè)務(wù)功 能。 庫(kù) 不等于 框架 ， 比如 System 程序集 是類庫(kù)，而 ASP .NET MVC是框架 。 NET 的類庫(kù)， 這些工具方法或?qū)ο蠓椒ǚ庋b在類庫(kù)中，方便用戶使用。 Javascript 輕量級(jí)腳本庫(kù) 系列文章。 本文主要論述了如何在 Web 開(kāi)發(fā)中使用 jQuery 技術(shù)，豐富網(wǎng)站的交互性和用戶體驗(yàn)性 [10] 。 JQuery 是一個(gè)快速的，簡(jiǎn)潔的 JavaScript庫(kù)，使用戶能更方便地處理 HTML documents， events，實(shí)現(xiàn)動(dòng)畫效果 。 0+， Opera 9。 0+， FF 1。其宗旨是 —— WRITE LESS， DO MORE，寫更少的代碼，做更多的事情。 除了可擴(kuò)展 HTML 的樣式設(shè)定外， CSS 使得網(wǎng)頁(yè)的設(shè)計(jì)與維護(hù)更加高效，這主要表現(xiàn)在以下幾個(gè)方面：減少圖形文件的使用，集中管理樣式信息，設(shè)定共享樣式，將樣式分類使用。從樣式表插入的形式看可以分為 3 種。在制作網(wǎng)頁(yè)時(shí)采用 CSS 技術(shù) ，可以有效地對(duì)頁(yè)面的布局，字體，顏色，背景和其他效果實(shí)現(xiàn)更加精確的控制，只要對(duì)相應(yīng)的代碼作一些簡(jiǎn)單的修改，就可以改變同一頁(yè)面的不同部分，或者頁(yè)數(shù)不同的網(wǎng)頁(yè)的外觀和格式。當(dāng)事件發(fā)生后，可能會(huì)引起相應(yīng)的事件響應(yīng)。所謂事件驅(qū)動(dòng)，就是指在主頁(yè) (Home Page)中執(zhí)行了某種操作所產(chǎn)生的動(dòng)作，就稱為“事件” (Event)。 9 (4) 動(dòng)態(tài)性 java script 是動(dòng)態(tài)的，它可以直接對(duì)用戶或客戶輸入做出響應(yīng)，無(wú)須經(jīng)過(guò) Web服務(wù)程序。 (3) 安全性 java script 是一種安全性語(yǔ)言，它不允許訪問(wèn)本地的硬盤，并不能將數(shù)據(jù)存入到服務(wù)器上，不允許對(duì)網(wǎng)絡(luò)文檔進(jìn)行修改和刪除，只能通過(guò)瀏覽器實(shí) 現(xiàn)信息瀏覽或動(dòng)態(tài)交互。 (2) 簡(jiǎn)單性 java script 的簡(jiǎn)單性主要體現(xiàn)在：首先它是一種基于 Java 基本語(yǔ)句和控制流之上的簡(jiǎn)單而緊湊的設(shè)計(jì)， 從而對(duì)于學(xué)習(xí) Java 是一種非常好的過(guò)渡。這意味著它能運(yùn)用自己已經(jīng)創(chuàng)建的對(duì)象。因此，盡快掌握 java script 腳本語(yǔ)言編程方法是我國(guó)廣大用戶日益關(guān)心的問(wèn)題。它是眾多腳本語(yǔ)言中較為優(yōu)秀的一種，它與 WWW 的結(jié)合有效地實(shí)現(xiàn)了網(wǎng)絡(luò)計(jì)算和網(wǎng)絡(luò)計(jì)算機(jī)的藍(lán)圖。 Java script 腳本正是滿足這種需求而產(chǎn)生的語(yǔ)言。 前端開(kāi)發(fā)相關(guān)技術(shù) Java script 簡(jiǎn)介 Java script[6]的出現(xiàn)， 它可以使得信息和用戶之間不僅只是一種顯示和瀏覽的關(guān)系，而是實(shí)現(xiàn)了一種實(shí)時(shí)的，動(dòng)態(tài)的，可交互式的表達(dá)能力。使用其眾多的編修與繪圖工具，可以更有效的進(jìn)行圖片編輯工作。 (3) Photoshop 8 Adobe Photoshop，簡(jiǎn)稱“ PS”，是一個(gè)由 Adobe Systems 開(kāi)發(fā)和發(fā)行的圖像處理軟件。改變網(wǎng)頁(yè)位置或檔案名稱， Dreamweare 會(huì)自動(dòng)更新所有鏈接。 (2) Dreamweare Dreamweare 是美國(guó) MA CROMEDIA 公司開(kāi)發(fā)的集網(wǎng)頁(yè)制作和管 理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器，它是第一套針對(duì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè) [5]。 MyEclipse6。 簡(jiǎn)單而言， MyEclipse 是 Eclipse 的插件，也是一款功能強(qiáng)大的 JavaEE 集成開(kāi)發(fā)環(huán)境，支持代碼編寫，配置，測(cè)試以及除錯(cuò)， MyEclipse6。它是功能豐富的 JavaEE 集成開(kāi)發(fā)環(huán)境，包括了完備的編碼，調(diào)試，測(cè)試和發(fā)布功能，完整支持 HTML， Struts， JSP，CSS， JavaScript， Spring， SQL， Hibernate。前端開(kāi)發(fā)在整個(gè)過(guò)程中占 據(jù)著不可替代的地位，其它幾個(gè)環(huán)節(jié)主要給予相關(guān)的配合 [3]。另外，要對(duì)網(wǎng)站做一些相應(yīng)的更新，維護(hù)及優(yōu)化。主要是由與交互設(shè)計(jì)，視覺(jué)設(shè)計(jì)的配合，根據(jù)效果圖來(lái)規(guī)劃頁(yè)面布局，合理部署頁(yè)面代碼層次，挖掘用戶體驗(yàn)效果。最后對(duì)于本文課題的研究?jī)?nèi)容和擬定解決的幾個(gè)關(guān)鍵問(wèn)題進(jìn)行了探討。 本章小結(jié) 本章闡述了開(kāi)發(fā)數(shù)字媒體技術(shù)系網(wǎng)站的研究背景和意義。 導(dǎo)航設(shè)計(jì)，導(dǎo)航 設(shè)計(jì)是提供給用戶去某個(gè)地方的能力，是用戶能看到的網(wǎng)站結(jié)構(gòu)。 網(wǎng)站交互設(shè)計(jì)的用戶的目的是增加網(wǎng)站的友好度，可用性 和易用性，從而使用戶能夠簡(jiǎn)單，快速和有效地完成網(wǎng)站賦予或用戶自身需要的服務(wù)，功能和目標(biāo) 。 (3) 單頁(yè)布局的設(shè)計(jì) 可避免不必要的網(wǎng)頁(yè)， 通過(guò)一個(gè)比較單一的頁(yè)面布局，這是更有效的一個(gè)網(wǎng)站， 6 因?yàn)闉g覽者可以更專注于其內(nèi)容 。雖然，已被使用過(guò)，但是現(xiàn)今它仍然在使用， 使用它更具有現(xiàn)代感。 (2) 圖片的切換效果研究 大圖的使用也是一種趨勢(shì)。它使網(wǎng)站更具有可讀性和吸引力。 (1) 排版 創(chuàng)造性使用排版已被廣泛的應(yīng)用于網(wǎng)頁(yè)設(shè)計(jì)排版中。長(zhǎng)期面對(duì)一個(gè)設(shè)計(jì)不當(dāng)?shù)木W(wǎng)站是一件比較痛苦的事情。 在創(chuàng)建時(shí)也有不同的設(shè)計(jì)趨勢(shì)?！盎?dòng)性”的內(nèi)涵做進(jìn)一步分析，對(duì)我國(guó)高校網(wǎng)站的建設(shè)做一淺探，以增強(qiáng)人們關(guān)于互聯(lián)網(wǎng)傳播機(jī)制的認(rèn)知和理解，并推進(jìn)我國(guó)高校網(wǎng)站的在“交互性”方面的 建設(shè)。 (6) 缺乏檢索途徑。 (5) 部分網(wǎng)頁(yè)制作粗糙，缺乏美感。 (4) 整個(gè)網(wǎng)站結(jié)構(gòu)， 層次不夠清晰，使用不便。但有些校園網(wǎng)上的內(nèi)容有關(guān)行政管理的偏多， 而有關(guān)教學(xué)和科研的內(nèi)容則相對(duì)較少。 (3) 重點(diǎn)失衡 :重行政管理，輕教學(xué)科研。 另外，網(wǎng)上內(nèi)容嚴(yán)重滯后，更新速度慢。內(nèi)容單薄可以說(shuō)是很大的硬傷。有必要加強(qiáng)組織協(xié)調(diào)工作，詳細(xì)規(guī)劃，明確分工，制定出相應(yīng)的標(biāo)準(zhǔn)，徹底摒棄網(wǎng)站建設(shè)中的隨意性。各部門的網(wǎng)頁(yè)風(fēng)格迥異，都有各自不同的做法，不能做到統(tǒng)一。問(wèn)題主要體現(xiàn)在這幾個(gè)方面： (1) 缺乏組織協(xié)調(diào)，各部門各自為政。 edu/）排名第一， PRESENCE 網(wǎng)站信息量世界排名第 6， IMPACT 網(wǎng)站信息影響力世界排名第 1， OPENNESS 數(shù)字資料檔案數(shù)量世界排名第 34， EXCELLENCE 學(xué)術(shù)文章發(fā)表 4 情況 世界排名第 1； 麻省理工學(xué)院（ 2， PRESENCE 網(wǎng)站信息量世界排名第 8， IMPACT 網(wǎng)站信息影響力世界排名第 1， OPENNESS 數(shù)字資料檔案數(shù)量世界排名第 14， EXCELLENCE 學(xué)術(shù)文章發(fā)表情況世界排名第 10； 耶魯大學(xué)（ 16， PRESENCE 網(wǎng)站信息量世界排名第 27， IMPACT 網(wǎng)站信息影響力世界排名第 16， OPENNESS 數(shù)字資料檔案數(shù)量世界排名第 246， EXCELLENCE 學(xué)術(shù)文章發(fā)表情況世界排名第 22； 劍橋大學(xué)（ 20， PRESENCE 網(wǎng)站信息量世界排名第 43， IMPACT 網(wǎng)站信息影響力世界排名第 35， OPENNESS 數(shù)字資料檔案數(shù)量世界排名第 94， EXCELLENCE 學(xué)術(shù)文章發(fā)表情況世界排名第 12； 牛津大學(xué)（ 25， PRESENCE 網(wǎng)站信息量世界排名第 109， IMPACT 網(wǎng)站信息影響力世界排名第 37， OPENNESS 數(shù)字資料檔案數(shù)量世界排名第 64， EXCELLENCE 學(xué)術(shù)文章發(fā)表情況世界排名第 13； 東京大學(xué)（ 42， PRESENCE 網(wǎng)站信息量世界排 名第 96， IMPACT 網(wǎng)站信息影響力世界排名第 103， OPENNESS 數(shù)字資料檔案數(shù)量世界排名第 52， EXCELLENCE 學(xué)術(shù)文章發(fā)表情況世界排名第 20； 從網(wǎng)站建設(shè)情況來(lái)看，國(guó)內(nèi)關(guān)于校園網(wǎng)站建設(shè)較多，雖然起步較國(guó)外晚，但是發(fā)展的速度很快， 我國(guó)高校網(wǎng)站的建設(shè)還有很多不盡如人意的地方，其主要在于網(wǎng)站互動(dòng)性的缺失，內(nèi)容方面沒(méi)有國(guó)外院校網(wǎng)站那么多，是因?yàn)閲?guó)內(nèi)采取的形式較國(guó)外的不同?？傮w來(lái)說(shuō)，國(guó)內(nèi)的各排名口碑評(píng)價(jià)不一，而“訪問(wèn)流量監(jiān)控”類的排名也會(huì)受到諸多因素干擾，不容易作為客觀評(píng)價(jià)網(wǎng)站的依據(jù)。 高校門戶網(wǎng)站的訪問(wèn)量，一定程度上反映了各高校的信息化程度和水平。 英國(guó)的學(xué)習(xí)網(wǎng)站建設(shè)得比較完備，無(wú)論從資源建設(shè)方面，還是從學(xué)習(xí)支持服務(wù)等方面都做 得較好，商業(yè)性比較強(qiáng)。有效地降低教研成本，提高效率。數(shù)字媒體技術(shù)系網(wǎng)站允許不同的學(xué)生沿著自己的途徑，按自己的速度接受教育與學(xué)習(xí)，學(xué)生將有機(jī)會(huì)享受最佳的教育機(jī) 會(huì)，充分發(fā)掘自己的內(nèi)在潛力，培植獨(dú)特的個(gè)性和人格。 (4) 數(shù)字媒體技術(shù)系網(wǎng)站能夠提供個(gè)性化的學(xué)習(xí)平臺(tái)，不同的學(xué)生理解世界的方式各不相同，認(rèn)知世界有諸多方式。它可以使不同的學(xué)院同處一室，共同討論， 共同提高。 (2) 數(shù)字媒體技術(shù)系網(wǎng)站巨大的教育資源， 網(wǎng)站是實(shí)現(xiàn)教育資源分配的橋梁，它使每一位教師和學(xué)生都能均等的得到培訓(xùn)和受教育的機(jī)會(huì)，能極大的提高教學(xué)效率。在這個(gè)高度信息化的社會(huì)里，建立數(shù)字媒體技術(shù)系自己的網(wǎng)站是最直接的宣傳手端。在進(jìn)行開(kāi)發(fā)前，需要對(duì)這些概念弄清楚，弄明白，這樣在開(kāi)發(fā)的過(guò)程中才會(huì)得心應(yīng)手。前端的開(kāi)發(fā)中，在頁(yè)面的布局時(shí)， HTML 將元素進(jìn)行定義， CSS 對(duì)展示的元素進(jìn)行定位，再通過(guò) JavaScript 實(shí)現(xiàn)相應(yīng)的效果和交互。 2 我們要?jiǎng)?chuàng)建我們本專業(yè)的網(wǎng)站數(shù)字媒體技術(shù)系的專業(yè)網(wǎng)站，網(wǎng)站前端設(shè)計(jì)最基本的三個(gè)技能： HTML， CSS， JavaScript， PS 矢量圖像編輯技術(shù) 。 這些都促進(jìn)了各個(gè)機(jī)構(gòu)組織的信息化建設(shè)，隨著高校信 息化建設(shè)的不斷推進(jìn)，網(wǎng)站的作用超越了傳統(tǒng)的信息獲取，交流它更能體現(xiàn)組織機(jī)構(gòu)的風(fēng)采，性質(zhì)。但不外乎以一下幾部分：學(xué)校介紹，新聞發(fā)布，招生信息，就業(yè)信息，師資力量，科研成果，機(jī)構(gòu)設(shè)置，教學(xué)素材等。 高校網(wǎng)站正是以這些特點(diǎn)為基礎(chǔ)，發(fā)揮了自己本身的資源整合，信息傳播，多方交流互動(dòng)等方面的獨(dú)特功能，成為一座溝通橋梁。大量的信息使得高校網(wǎng)站成為一個(gè)巨大的數(shù)據(jù)庫(kù)。不同板塊的信息相互獨(dú)立，共同構(gòu)成網(wǎng)站的內(nèi)容。網(wǎng)絡(luò)具有的海量存儲(chǔ)特性，網(wǎng)絡(luò)能形成一個(gè)巨大無(wú)比的數(shù)據(jù)庫(kù)，世界上任何時(shí)間任何地點(diǎn)的任何一件事都能成為網(wǎng)絡(luò)的信息被廣泛傳播。超時(shí)空性的形成正式由于在網(wǎng)絡(luò)在時(shí)間層面，空間層面上的開(kāi)放性帶來(lái)的。網(wǎng)絡(luò)具有超時(shí)空性。網(wǎng)站的作用眾所周知人們通過(guò)網(wǎng)站快速獲取，發(fā)布和傳遞信息。 Website Landscaping。 User login。 (5) The establishment of a plete campus site, testing and analysis。 analysis of the particularity, the difficulty and key system。s most popular and most convenient media are increasingly accepted by people. Along with the information development, website functions beyond the traditional information acquisition, munication which can better reflect the organization style， properties. So universities establish the departments, professional appearance, easy maintenance and management of the site has been imperative. This thesis mainly focuses on digital media technology major portal for the development of the theme, the three most basic and necessary skills. Development of the front, in the layout of the page, HTML will define the elements, positioning CSS to display elements, and then through the JavaScript to achieve the corresponding effect and interaction. Although the surface looks like these are very simple, but it needs to grasp things never. In the development, the need for these concepts clear, understand, so in the development process will be handy. The main work done in this article is as follows: (1) Introduces the background and general principle of JSP + Javascript + MySQL system personalized pages。 該網(wǎng)站有效地實(shí)現(xiàn)用戶通過(guò) JSP 頁(yè)面訪問(wèn)來(lái)進(jìn)行用戶注冊(cè)，登陸，并對(duì)網(wǎng)站內(nèi)容進(jìn)行有效的管理，提升了后期添加和刪除信息的有效性，具有一定的應(yīng)用價(jià)值 關(guān)鍵字 ： JSP；用戶登錄； javascript；網(wǎng)站美化；交互設(shè)計(jì)。 分析并解決實(shí)現(xiàn)中的若干技術(shù)問(wèn)題；介紹了個(gè)性化頁(yè)面的背景及 jsp + javascr