【正文】 這些問題和功能有待于進(jìn)一步學(xué)習(xí)和添加。前端的開發(fā)中，在頁面的布局時(shí)， HTML將元素進(jìn)行定義， CSS 對(duì)展示的元素進(jìn)行定位，再通 過 JavaScript 實(shí)現(xiàn)相應(yīng)的效果和交互 [19]。 })。, slideshow_window_height: 39。 closetimer = null。hidden39。它的出現(xiàn)彌補(bǔ)了 HTML 語 言的缺陷 [17]。 height: 103px。該系統(tǒng)也可經(jīng)后繼開發(fā)，使之生成 JS 代碼，在一個(gè)主機(jī)上維護(hù)新聞文章，在其他靜態(tài)網(wǎng)頁中插入代碼后顯示相應(yīng)的新聞文章。 網(wǎng)站中部：網(wǎng)站信息；站點(diǎn)數(shù)據(jù)；網(wǎng)站導(dǎo)航條；圖文信息。所體現(xiàn)的內(nèi)容不同。本系概況當(dāng)中介紹數(shù)字媒體技術(shù)系的近期情況 如圖 317 所示 。能起到調(diào)節(jié)整個(gè)網(wǎng)站的內(nèi)容平衡。 發(fā)表各種有關(guān)教務(wù)類的信息 E 區(qū)網(wǎng)站最新動(dòng)態(tài)區(qū)域。導(dǎo)航欄 跟頂端 logo 的顏 色基本上一直用戶瀏覽網(wǎng)頁時(shí)不會(huì)產(chǎn)生視覺疲勞。如下圖 314 所示： 圖 314 網(wǎng)站整體結(jié)構(gòu)圖 主題鮮明，富有特色 在目標(biāo)明確的基礎(chǔ)上， 完成網(wǎng)站的構(gòu)思 創(chuàng)意即總體設(shè)計(jì)方案。 數(shù)字媒體技術(shù)系網(wǎng)站主要用來進(jìn)行教學(xué)信息的發(fā)布與顯示。 ”div style=“width:100px。上右下左 div style=width:100px。 違紀(jì)一點(diǎn)禁止大面積使用白色文字， 特別是較深的背景下，禁止大面積使用加粗文字 如圖 37 所示： 圖 37 字體顏色變換 CSS 元素 CSS 塊元素 (block) 總是另起一行開始； 高度，行高以及頂，底邊距都可控制 常用的有： div p table h1 ul dl 等等。下面是以任由設(shè)計(jì)師發(fā)揮，不是這樣死板，要運(yùn)用層次感的原理去設(shè)計(jì) 如圖 35,36 所示： 15 正確的層次布局 錯(cuò)誤的布局 圖 35 布局對(duì)比圖 在數(shù)字媒體技術(shù)系網(wǎng)站中 UI 層次感的體現(xiàn) 圖 36 數(shù)字媒體 技術(shù)系頁面布局圖 顏色配置 產(chǎn)生豐富色彩的三原色是紅，綠，藍(lán) ，也就是 RGB，十六進(jìn)制是 00 00 00， 例如經(jīng)常寫的 red， color:FF0000； 縮寫 color:F00； color:gray(808080)；是比較深的灰色。在此同時(shí)也強(qiáng)調(diào)規(guī)范和模塊化的重要性，正所謂無規(guī)矩不成方圓，這樣能便于后期維護(hù)，減少維護(hù)成本。降低開發(fā)成 本，提高開發(fā)效率。擁有這些錯(cuò)誤腳本知識(shí)的技術(shù)人員也能完成所有的開發(fā)工作，但是這樣的程序是不健壯的。 jQuery 則通過統(tǒng)一 event 對(duì)象，讓我們可以在所有瀏覽器中使用 event。 jQuery 并不能幫助我們解決腳本的引用管理和功能管理，這些都是腳本框架要做的事。 jQuery 其模塊化的使用方式使開發(fā)者可以很輕松的開發(fā)出功能強(qiáng)大的網(wǎng)頁特效。 JQuery JQuery[9]是繼 prototype 之后又一個(gè)優(yōu)秀的 Javascript 框架。比如按下鼠標(biāo)，移動(dòng)窗口，選擇菜單等都可以視為事件。因此，許多功能可以來自于腳本環(huán)境中對(duì)象的方法與腳本的相互作用 [7]。 從而基于 CGI 靜態(tài)的 HTML 頁面將被 可提供動(dòng)態(tài)實(shí)時(shí)信息，并對(duì)客戶操作進(jìn)行反應(yīng)的 Web 頁面的取代。 使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形，設(shè)計(jì)，更新和重組網(wǎng)頁。 前端開發(fā)工具 (1) MyEclipse 簡介 MyEclipse 企業(yè)級(jí)工作 平臺(tái)（ MyEclipse Enterprise Workbench ，簡稱 MyEclipse）是對(duì) EclipseIDE 的擴(kuò)展，利用它我們可以在數(shù)據(jù)庫和 JavaEE 的開發(fā)，發(fā)布以及應(yīng)用程序服務(wù)器的整合方面極大的提高工作效率。介紹了國外高校網(wǎng)站的發(fā)展現(xiàn)狀對(duì)比了目前國內(nèi)高校網(wǎng)站的現(xiàn)況了說明了建設(shè)數(shù)字媒體技術(shù) 系網(wǎng)站建設(shè)的總體規(guī)劃思想。使用這種設(shè)計(jì)的，設(shè)計(jì)出的網(wǎng)站也是比較搶眼的， 特別是如果你有一個(gè)好的圖片選擇，不只是圖像的形式，它應(yīng)該與其網(wǎng)站更好的搭配。 一旦我們擁有了一個(gè)網(wǎng)站之后，我們會(huì)一定會(huì)看到它擁有專業(yè)的設(shè)計(jì)，它可以實(shí)現(xiàn)我們的目的。 高校網(wǎng) 站，其頁面應(yīng)簡潔明了，一方面不要過于呆板， 另一方面也要避免過于花哨，做到實(shí)用與美觀的有機(jī)結(jié)合。有些部門的網(wǎng)站，時(shí)隔一年半載 ，其網(wǎng)頁界面和內(nèi)容仍是老樣子。由于網(wǎng)絡(luò)內(nèi)容建設(shè)工作幾 乎全部下放到各部門， 長期以來基本上一直處于一種各自為政的狀態(tài)。 加拿大學(xué)習(xí)網(wǎng)站的網(wǎng)絡(luò)學(xué)習(xí)導(dǎo)航做得比較形象，趣味性較強(qiáng)，分類明確，專題資源集中。地理上的界限在這里模糊和消失了，數(shù)字媒體技術(shù)系網(wǎng)站是真正沒有圍墻的系網(wǎng)站。雖然表面看起來這些很簡單，但這里面需要掌握 的東西絕對(duì)不會(huì)少。 很多高校網(wǎng)站內(nèi)容多姿多彩，板塊，內(nèi)容爭妍斗艷。網(wǎng)絡(luò)的超時(shí)空性使得高校網(wǎng)站對(duì)學(xué)校本身和外界社會(huì)表現(xiàn)特定的功能，表現(xiàn)在網(wǎng)站有助于改變 教育資源的分散性和分布不均衡性，有效的將教育資源進(jìn)行整合，從而使得教育資源使用意義上的無限增長。 JavaScript。 ABSTRACT The twentyfirst Century is the rapid development of information age, work as the world39。所以高校院系建立本院系美觀，專業(yè)，易于維護(hù)管理的網(wǎng)站已經(jīng)勢(shì)在必行。如出現(xiàn)以上違反知識(shí)產(chǎn)權(quán)的情況，本人愿意承擔(dān)相應(yīng)的責(zé)任。 分析并解決實(shí)現(xiàn)中的若干技術(shù)問題；介紹了個(gè)性化頁面的背景及 jsp + javascript + mysql 系統(tǒng)的一般原理；闡述整個(gè)個(gè)性化頁面生成系統(tǒng)的系統(tǒng)結(jié)構(gòu)及工作原理；分析了系統(tǒng)實(shí)現(xiàn)中的特殊性 ，難點(diǎn)和重點(diǎn)；設(shè)計(jì)實(shí)現(xiàn)用戶注冊(cè)，用戶登錄，用戶管理等 jsp 頁面。 (5) The establishment of a plete campus site, testing and analysis。網(wǎng)絡(luò)具有超時(shí)空性。大量的信息使得高校網(wǎng)站成為一個(gè)巨大的數(shù)據(jù)庫。 2 我們要?jiǎng)?chuàng)建我們本專業(yè)的網(wǎng)站數(shù)字媒體技術(shù)系的專業(yè)網(wǎng)站，網(wǎng)站前端設(shè)計(jì)最基本的三個(gè)技能： HTML， CSS， JavaScript， PS 矢量圖像編輯技術(shù) 。 (2) 數(shù)字媒體技術(shù)系網(wǎng)站巨大的教育資源， 網(wǎng)站是實(shí)現(xiàn)教育資源分配的橋梁，它使每一位教師和學(xué)生都能均等的得到培訓(xùn)和受教育的機(jī)會(huì)，能極大的提高教學(xué)效率。有效地降低教研成本，提高效率。 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è)情況來看，國內(nèi)關(guān)于校園網(wǎng)站建設(shè)較多，雖然起步較國外晚，但是發(fā)展的速度很快， 我國高校網(wǎng)站的建設(shè)還有很多不盡如人意的地方，其主要在于網(wǎng)站互動(dòng)性的缺失，內(nèi)容方面沒有國外院校網(wǎng)站那么多，是因?yàn)閲鴥?nèi)采取的形式較國外的不同。內(nèi)容單薄可以說是很大的硬傷。 (4) 整個(gè)網(wǎng)站結(jié)構(gòu)， 層次不夠清晰，使用不便。 在創(chuàng)建時(shí)也有不同的設(shè)計(jì)趨勢(shì)。 (2) 圖片的切換效果研究 大圖的使用也是一種趨勢(shì)。 導(dǎo)航設(shè)計(jì)，導(dǎo)航 設(shè)計(jì)是提供給用戶去某個(gè)地方的能力，是用戶能看到的網(wǎng)站結(jié)構(gòu)。另外，要對(duì)網(wǎng)站做一些相應(yīng)的更新，維護(hù)及優(yōu)化。 MyEclipse6。使用其眾多的編修與繪圖工具，可以更有效的進(jìn)行圖片編輯工作。因此，盡快掌握 java script 腳本語言編程方法是我國廣大用戶日益關(guān)心的問題。 9 (4) 動(dòng)態(tài)性 java script 是動(dòng)態(tài)的，它可以直接對(duì)用戶或客戶輸入做出響應(yīng)，無須經(jīng)過 Web服務(wù)程序。從樣式表插入的形式看可以分為 3 種。 0+， Opera 9。 NET 的類庫， 這些工具方法或?qū)ο蠓椒ǚ庋b在類庫中，方便用戶使用。 針對(duì)不同的瀏覽器編寫不同的腳本是一件痛苦的事情。 如今使用 jQuery 就可以幫助我們快速 11 完成此類應(yīng)用。 分層開發(fā) 在數(shù)字媒體技術(shù)系網(wǎng)站概要確定后就需要進(jìn)行分層開發(fā)的劃分， 根據(jù)項(xiàng)目內(nèi)容的不同，劃分工作。 前端 設(shè)計(jì) 樣式確定以 后，就進(jìn)行通用模塊樣式的設(shè)計(jì)（包括按鈕，分頁，默認(rèn)字體顏色，連接顏色等），完成后并提交給前端，統(tǒng)一的搭建。 雖然不是很完美，但是很適合我們現(xiàn)在開發(fā)的需要，好處也是顯而易見的， 遵循并使用它對(duì)我們的發(fā)開有很大的幫助，能更好的應(yīng)對(duì)高強(qiáng)度，高質(zhì) 量的開發(fā)需要。 首頁的頂端使用灰色標(biāo)題圖片下面用全景圖這兩個(gè)部分過度的很自然 。 padding:10px 5px 15px 20px。 當(dāng)然 一 定 要 固 定 寬 度 。 點(diǎn)的運(yùn)用 在內(nèi)容繁雜的網(wǎng)頁上為了可以讓瀏覽者更輕松的找到自己想要的信息 ，點(diǎn)的引導(dǎo)作用必不可少 如圖 312 所示： 19 圖 312 點(diǎn)的應(yīng)用 線的運(yùn)用 線不但起到了頁面的分割作用 ，很好的運(yùn)用線條還使網(wǎng)頁錦上添花 如圖 313： 圖 313 線的應(yīng)用 網(wǎng)站結(jié)構(gòu)布局及設(shè)計(jì) 網(wǎng)站首頁結(jié)構(gòu) 實(shí)際內(nèi)容占據(jù)網(wǎng)頁的大部分空間， 為 50%～ 80% ，導(dǎo)航部分不超過 20%。各個(gè)子頁面都可正常返回主頁以及正確連接到各個(gè)子頁面。 站點(diǎn)設(shè)計(jì)簡單有序，主次關(guān)系分明，將零亂頁面的組織過程 ， 混雜的內(nèi)容 ， 依整體 的 布局的需要進(jìn)行分組歸納，經(jīng)過進(jìn)行具有內(nèi)在聯(lián)系的組織排列， 反復(fù)推敲文字，圖形與空間的關(guān)系，使瀏覽者有一個(gè)流暢的視覺體驗(yàn) ，如圖 316 所示： 圖中的 A 區(qū)域是數(shù)字媒體技術(shù)系網(wǎng)站的大 logo 以及網(wǎng)站名稱，能展現(xiàn)網(wǎng)站的主題。使用全景 22 圖給人一種舒服的視覺感受。插入中間的圖片就好比中間挖了一條河一樣既能解決網(wǎng)站過于枯燥，也提升網(wǎng)站的美觀度。主頁包括的內(nèi)容主要有：網(wǎng)站的域名，導(dǎo)航條， LOGO，版權(quán) 。 系內(nèi)新聞 系內(nèi)新聞分成 3 個(gè) 2 級(jí)菜單，行業(yè)資訊，院系動(dòng)態(tài)，系內(nèi)新聞。網(wǎng)站的整體顏色：灰白色為導(dǎo)航顏色；主體顏色：黑色色；字體：宋體；行距： 150%。如顯示欄目導(dǎo)航，顯示某欄目的最新 N 條新聞等。然后設(shè)計(jì)網(wǎng)頁的表現(xiàn)框架，建立頁面模型。 26 應(yīng)用 JavaScript 設(shè)計(jì)網(wǎng)頁 JavaScript 是一種基于對(duì)象 (Object)和事件驅(qū)動(dòng) (Event Driven)并具有安全性能的腳本語言。它是眾多腳本語言中較為優(yōu)秀的一種 ，與 WWW 的結(jié)合有效地實(shí)現(xiàn)了網(wǎng)絡(luò)計(jì)算和網(wǎng)絡(luò)計(jì)算機(jī)的藍(lán)圖。hidden39。202039。999 solid 2px39。說明了在頁面設(shè)計(jì)過程的具體實(shí)現(xiàn)，說明了網(wǎng)站修飾風(fēng)格，可視化的重要概念。以信息網(wǎng)站為核心的 Web信息系統(tǒng)建設(shè) 方興未艾，運(yùn)用新技術(shù)進(jìn)行創(chuàng)新的應(yīng)用開發(fā)，提高網(wǎng)絡(luò)系統(tǒng)應(yīng)用成效將是一個(gè)不竭的課題。Ajax 應(yīng)用開發(fā) [J] . 機(jī)械工業(yè)出版社 .2020, 7(5): 35~36 [8] 林小 . CSS 那些事 掌握網(wǎng)絡(luò)樣式 CSS 樣式布局 [J] . 電子工業(yè)出版社 .2020, 4(5): 11~14 [9] 單東飛 , 張曉菲 , 魏然 . 鋒利的 JQuery[M] . 人民郵電出版社 .2020 ,28(5): 91~94 [8] 林小 . CSS 那些事 掌握網(wǎng)絡(luò)樣式 CSS 樣式布局 [J] . 電子工業(yè)出版社 .2020, 4(5): 11~14 [11] Graffam, J. D. CSS for Print Desig。 JSP 雖然提供了功能強(qiáng)大的 Web 應(yīng)用程序開發(fā)環(huán)境 ,但和其它技術(shù)一樣 ,它也存在著某些缺點(diǎn)。照片動(dòng)態(tài)切換效果，可以直接涉及到網(wǎng)站是否有活力，也是整個(gè)網(wǎng)站集聚吸引力的地方，所以在使用 JS 調(diào)用的時(shí)候一般不在同一時(shí)間使用多次，以減輕服務(wù)器和數(shù)據(jù)庫讀寫的負(fù)擔(dān)。FFF39。Mosaic,Wipe_from_horizontal_blind,Wipe_from_vertical_blind,