【正文】 以定義一些輔助信息，這些信息不會(huì)顯示在瀏覽器頁面的正文中。 (b)格式標(biāo)簽：在 HTML 文件中文字的位置、文字之間的回車換行和空格等都不會(huì)被最終顯示到瀏覽器上，要控制 HTML 文檔中的文字最終如何在瀏覽器中布局，需要使用 HTML 的格式標(biāo)簽。 (c)表格：表格是 HTML 中使用最多也是最重要的一種技巧，通常大部分網(wǎng)頁設(shè)計(jì)師用 表格控制頁面內(nèi)容在整個(gè)頁面中的分布，并且可以通過使用嵌套的表格將頁面進(jìn)行任意的劃分?？梢允褂帽砀駚斫M織表單中的組件。 Shell 腳本程序具有一定的控制結(jié)構(gòu)，可以帶參數(shù)，由系統(tǒng)解釋執(zhí)行。無法利用客戶計(jì)算機(jī)的計(jì)算能力，也就無法在客戶端處理與用戶的交互，從而無法構(gòu)造出客戶端的交互式動(dòng)態(tài)頁面。 本文所介紹的腳本語言是指用于 Web 頁面及程序設(shè)計(jì)的腳本語言，它們通常是嵌入式（嵌入到 HTML 文件中）的、具有解釋執(zhí)行的特征。 JavaScript 語言 JavaScript 是一種嵌入在 HTML 文件中的腳本語言，它是基于對象和事件驅(qū)動(dòng)的，能對諸如鼠標(biāo)單擊、表單輸入、頁面瀏覽等用戶事件做出反應(yīng)并進(jìn)行處理。 (2)基于對象。在大多數(shù)瀏覽器上， JavaScript 腳本程序可以不經(jīng)過修改而直接運(yùn)行。雖然它們在命名。 (3)Java 程序可以單獨(dú)執(zhí)行，但是 JavaScript 程序只能嵌入 HTML 文件中，不能單獨(dú)運(yùn)行。首先要根據(jù)建站的目的和定位進(jìn)行策劃與定義，確定網(wǎng)站風(fēng)格、欄目、布局方式等；接下來要進(jìn)行頁面設(shè)計(jì)和后臺程序開發(fā)。但是現(xiàn)在，人們不僅需要瀏覽 Web 提供的信息，而且還需要進(jìn)行信息搜索，開展電子商務(wù)等，這些目標(biāo)是靜態(tài)網(wǎng)頁技術(shù)不能達(dá)到的，而動(dòng)態(tài)網(wǎng)頁卻可以按照訪問者的需要，對訪問者輸入的信息做出不同的響應(yīng)，提供響應(yīng)信息。之所以稱其為“動(dòng)態(tài)”，是因?yàn)榇朔N網(wǎng)頁 的部分甚至全部內(nèi)容都是未確定的。 CSS（ Cascading Style Sheets）是W3C 協(xié)會(huì)為彌補(bǔ) HTML 在顯示屬性設(shè)定上的不足而制定的一套擴(kuò)展樣式標(biāo)準(zhǔn)。 CSS 還允許將樣式定義 單獨(dú)存儲(chǔ)在樣式文件中，這樣把要顯示的內(nèi)容和顯示樣式的定義分離開，便于多個(gè) HTML 文件共享樣式定義。需要注意的是， CSS 樣式文件不包含 style標(biāo)記， 因?yàn)樗?HTML 標(biāo)記，而不是 CSS 樣式。 HREF 屬性指出 CSS 樣式文件。格式為： style import URL(“外部樣式文件名 ”)； ?? /style 引入外部樣式表方式（簡稱引入方式）與鏈接到外部樣式表（簡稱鏈接方式）很相似，都是將樣式定義單獨(dú)保存為文件，在需要使用的 HTML 文件中進(jìn)行說明。 (4)內(nèi)聯(lián)樣式 這種方式是在 HTML 標(biāo)記中引用樣式定義，方法是將標(biāo)記的 style 屬性值賦為所定義的樣式規(guī)則。 1. 類選擇符和 class 屬性 在樣式引用的 4 種方式中，除了內(nèi)聯(lián)方式外，其他三種方式下，樣式表中的樣式定義在整個(gè)頁面范圍內(nèi)都是有效的。 2. id 選擇符和 id 屬性 id 選擇符（ ID Selector）定義一個(gè)元素特有的樣式。 當(dāng)一個(gè)樣式只 需要在任何文檔中應(yīng)用一次時(shí)，使用 id 選擇符是很合適的。例如： h2 em{color： darkred} 指明 HTML 文件中出現(xiàn)嵌套標(biāo)記 h2… em… /em… /h2之處將引用該樣式 。 5. span 標(biāo)記 span標(biāo)記是隨 CSS 的產(chǎn)生而被新加入到 HTML 語言中的，增加該標(biāo)記的目的是允許我們給出樣式而不必將樣式附加在一個(gè) HTML 的原有標(biāo)記（稱為結(jié)構(gòu)元素）上。 div和 /div之間可以包含段落、標(biāo)題、表格等其他塊級元素。 CSS1 屬性可以分 為字體屬性。 字體屬性包括字體（ fontfamily）、字號（ fontsize）、字體風(fēng)格（ fontstyle）、字體加粗（ fontweight）、字體變化（ fontvariant）及字體綜合設(shè)置（ font）等屬性。 5 jQuery 開發(fā) jQuery 概述 認(rèn)識 jQuery jQuery 是由美國人 John Resig 于 2021 年創(chuàng)建的一個(gè)開源項(xiàng)目，隨著人們的熟知， 越來越多的程序高手加入其中，完善并壯大其項(xiàng)目內(nèi)容，如今已發(fā)展成為集 JavaScript、 CSS、 DOM、 Ajax 于一體的強(qiáng)大的框架體系。 display 等的改變，達(dá)到視覺的效果，對于 AJAX 方面，也是取到數(shù)據(jù)在頁面的某元素里面去添充內(nèi)容。它解決大部分的瀏覽器的兼容問題。使用 jQuery 就是使用 jQuery 對象。在查詢器的基礎(chǔ)還提供對查找到的元素進(jìn)行操作的功能。 2. 控制頁面樣式 通過引入 jQuery，程序開發(fā)人員可以很便捷的控制頁面的 CSS 文件。 4. 大量插件在頁面中的運(yùn)用 在引入 jQuery 庫后，還可以使用大量的插件來完善頁面的功能和效果，這些插件的使用極大地豐富了頁面的展示效果，使原來使用 JavaScript 代碼遙不可及的功能通過插件的引入而輕松的實(shí)現(xiàn)。假設(shè)該文件下載后保存在項(xiàng)目文件夾 Jscript 中，那么，在頁面的 head/head中加入如下代碼： 需要注意的是， src 后面的代碼中寫的是 jQuery 框架文件的路徑，其中 是 jQuery 框架文件的版本號。 21 jQuery 的動(dòng)畫與特效 如何能最大化的優(yōu)化頁面的用戶體驗(yàn)度，是每個(gè)前端頁面開發(fā)人員在設(shè)計(jì)頁面時(shí)需要考 慮的一個(gè)重要問題。 如果想隱藏該元素，則可以通過下列代碼： (“p1”).=”none”。 使用 hide()隱藏頁面中的元素，與前面 show()的方法剛好相反，代碼如下： $(“p1”).css(“display”:”none”)。該方法有三種調(diào)用方式，代碼如下所示。 滑動(dòng) 在 jQuery 中，還有一種華東的動(dòng)畫效果改變元素的高度，即“拉窗簾”的效果。 圖 52 滑動(dòng)效果圖 如圖是滑動(dòng)的效果圖，當(dāng)鼠標(biāo)放置在圖片上是，使圖片放大。再利用層疊樣式表 CSS，對內(nèi)容元素進(jìn)行屬性定義，進(jìn)行了插圖和顏色的調(diào)整，是整個(gè)頁面變得更加美觀。具體代碼相見附錄 。當(dāng)前使用 CSS（層疊樣式表） +DIV（層）對頁面進(jìn)行排版布局已經(jīng)成為標(biāo)準(zhǔn)的方式。具體代碼相見附錄 。在本地文件系統(tǒng)中建立一個(gè) Web 應(yīng)用，如果不將其部署到 Tomcat 中，那么該 Web 應(yīng)用是無法被訪問到的。所以對于 localhost而言， Tomcat 會(huì)自動(dòng)將 ${TOMCAT_HOME}\webapps 中所有的子目錄自動(dòng)加載作為 localhost 的 Web 應(yīng)用。 結(jié)論 通過對 Web 程序設(shè)計(jì)中頁面設(shè)計(jì)的學(xué)習(xí)，我知道了網(wǎng)頁是如何設(shè)計(jì)出來的，并且了解了網(wǎng)頁設(shè)計(jì)的基本流程。但是隨著科學(xué)技術(shù)的發(fā)展，如今的 Web 已經(jīng)具有更加豐富的功能，而動(dòng)態(tài)網(wǎng)頁的設(shè)計(jì)更是滿足了人們的需求。在這次設(shè)計(jì)過程中，雖然用到了 jQuery 中的顯示與隱藏特效，但是其他的主要還是應(yīng)用 HTML 語言、腳本程序設(shè)計(jì)以及 CSS 樣式表，所以頁面整體的用戶體驗(yàn)度仍需提高。 二、 畢業(yè)設(shè)計(jì)（論文）的 基本要求 （一）按照各專業(yè)“ 畢業(yè)設(shè)計(jì)（論文） 教學(xué)大綱”的要求進(jìn)行； （二）要具有學(xué)術(shù)性，要對自然科學(xué)或社會(huì)科學(xué)內(nèi)某一領(lǐng)域進(jìn)行專門、系統(tǒng)的研究，并表達(dá)其研究成果； （三）要具有創(chuàng)見性，要對學(xué)術(shù)或工程的某個(gè)問題有新的發(fā)現(xiàn)、新的構(gòu)想或新的發(fā)展和完善； （四）要具有科學(xué)性，要求論述系統(tǒng)而完整，首尾一貫而不前后矛盾，實(shí)事求是而不主觀臆造； （五）要具應(yīng)用性，要能解決生產(chǎn)實(shí)際問題，在技術(shù)改造、生產(chǎn)管理等通過方面有所創(chuàng)造； （六）應(yīng)做到觀點(diǎn)正確、論據(jù)充分、推理嚴(yán)密、計(jì)算準(zhǔn)確，層次分明、條理清楚、 語言精煉，有必要的圖表和相關(guān)資料等； （七）應(yīng)參閱一定數(shù)量的外文資料，并要求在畢業(yè)設(shè)計(jì)（論文）中反映出來。 （一） 教務(wù)處畢業(yè)設(shè)計(jì)（論文）管理工作職責(zé) ： 匯總各 院（部） 畢業(yè)設(shè)計(jì)（論文）題目和指導(dǎo)教師安排，協(xié)調(diào)有關(guān)問題； 做好 畢業(yè)設(shè)計(jì)（論文）前期、中期、后期檢查 工作 ，對未達(dá)到各階段進(jìn)度、質(zhì)量要求或違反有關(guān)規(guī)定的 院（部）提出整改要求 ； 開展學(xué)校畢業(yè)設(shè)計(jì)（論文）工作評估和研究工作。 （三） 畢業(yè)設(shè)計(jì)（論文）指導(dǎo)教師職責(zé) ： 指導(dǎo)學(xué)生選題，擬定任務(wù)書，安排學(xué)生 做 開題報(bào)告，編寫指導(dǎo)方案，制定計(jì)劃和工作程序； 對學(xué)生提出具體要求，指定主要參考資料和社會(huì)調(diào)查內(nèi)容，規(guī)定 學(xué)生 應(yīng)完成的查閱中外文資料、文獻(xiàn)綜述、開題報(bào)告、各項(xiàng)實(shí)驗(yàn)數(shù)據(jù)、計(jì)算工作（包括上機(jī)）、 設(shè)計(jì)（論文）等； 30 采取多種方式檢查學(xué)生的工作進(jìn)度和工作質(zhì)量，及時(shí)解答和處理學(xué)生提出的有關(guān)問題，并認(rèn)真填寫畢業(yè)設(shè)計(jì)（論文）指導(dǎo)記錄表； 做好學(xué)生外文翻譯的評閱工作，指導(dǎo)學(xué)生按規(guī)范要求正確撰寫畢業(yè)設(shè)計(jì)（論文）； 在學(xué)生答辯前對畢業(yè)設(shè)計(jì)（論文）（包括設(shè)計(jì)說明書、計(jì)算資料、實(shí)驗(yàn)報(bào)告、圖紙或論文等）進(jìn)行審查，認(rèn)真填寫畢業(yè)設(shè)計(jì)（論文）評語，指導(dǎo)學(xué)生參加答辯； 根據(jù)院（部）安排參加答辯工作。畢業(yè)設(shè)計(jì) (論文 )在實(shí)驗(yàn)、實(shí)習(xí)、工程實(shí)踐和社會(huì)調(diào)查等社會(huì)實(shí)踐中完成的比例要 31 在 50%以上。選題和指導(dǎo)教師一經(jīng)確定，不得隨意更改 ； 各院（部） 應(yīng)不遲于第七學(xué)期 第十四周 結(jié)束前完成選題工作，畢業(yè)設(shè)計(jì)（論文）任務(wù)書不遲于第七學(xué)期第十 五 周前下達(dá)給學(xué)生 ，院（部） 應(yīng)將畢業(yè)設(shè)計(jì)（論文）選題匯總表于第 七學(xué)期 第 十 六 周結(jié)束前報(bào)教務(wù)處 ； 畢業(yè)設(shè)計(jì)（論文） 開題工作應(yīng)在 第七學(xué)期結(jié)束前 完成，包括文獻(xiàn) 調(diào)研 、文獻(xiàn)綜述、開題報(bào)告等， 院（部）應(yīng) 根據(jù)本院（部） 畢業(yè)設(shè)計(jì)（論文）工作的具體計(jì)劃，安排學(xué)生在指導(dǎo)小組范圍內(nèi)作開題報(bào)告 ； 七 、畢業(yè)設(shè)計(jì)（論文）任務(wù)書 （一） 畢業(yè)設(shè)計(jì)（論文）任務(wù)書是學(xué)生進(jìn)行畢業(yè)設(shè)計(jì)（論文）的指導(dǎo)性文件，每個(gè)學(xué)生都必須有自己的任務(wù)書； （二） 任務(wù)書的內(nèi)容包括： 設(shè)計(jì)（論文）研究的背景和依據(jù)、任務(wù)和基本要求、 進(jìn)程安排等 ； （三） 任務(wù)書由指導(dǎo)教師填寫，交教研室審查，經(jīng) 院（部）批準(zhǔn)后方可實(shí)施； （四） 畢業(yè)設(shè) 計(jì)（論文）結(jié)束后，任務(wù)書要與畢業(yè)設(shè)計(jì)（論文）一起送交 院（部） 保存。 指導(dǎo)教師對每個(gè)學(xué)生的指導(dǎo)每個(gè)環(huán)節(jié)不得少于 1 次，總計(jì)不得少于 3 次。 對通過畢業(yè)設(shè)計(jì)（論文）答辯 并 達(dá)到畢業(yè)基本要求的學(xué)生 方可 發(fā)給畢業(yè)證書。要求優(yōu)秀與良好比例之和控制在 70%以內(nèi)，優(yōu)秀率 在 15%左右 （最多不超過 20%） 。 附件 1： **本科畢業(yè)設(shè)計(jì)（論文）撰寫規(guī)范 附件 2： **本科畢業(yè)設(shè)計(jì)（論文）量化評分參考標(biāo)準(zhǔn) 附件 3： **本科畢業(yè)設(shè)計(jì)（論文）答辯程序和實(shí)施辦法 附件 4： **本科畢業(yè)設(shè)計(jì)（論文）工作評估辦法 二 ○○ 七年 十一月十三 日 34 附件 1： **本科生畢業(yè)論文撰寫規(guī)范 為進(jìn)一步規(guī) 范本科生畢業(yè)論文的撰寫工作，提高論文撰寫質(zhì)量，加強(qiáng)論文的管理工作，特制定本規(guī)范。論文題目一般中文字?jǐn)?shù)不超過 25 個(gè)字，外文題目不超過 15 個(gè)實(shí)詞，不使用標(biāo)點(diǎn)符號，中外文題名應(yīng)一致。中文摘要一般為200 字左右。 緒論是說明論文工作的選題目的和意義，國內(nèi)外文獻(xiàn)綜述以及論文所要研究的內(nèi)容。 正文字?jǐn)?shù)原則上文科 （除外語）不少于 10000 字 ，理工科及 外語、 藝術(shù)類 不少于 6000 字 。 參考文獻(xiàn)不少于 10 篇，其中外文文獻(xiàn)不少于 2 篇 。 頁眉：宋體、五號，居中排列；頁眉內(nèi)容為： **本科畢業(yè)論文； 頁碼在頁下居中放置，用五號字體。 目錄 目錄應(yīng)包括論文中全部章節(jié)的標(biāo)題及頁碼，含摘要與關(guān)鍵詞（中、外文）、正文章、節(jié) 題目（可視論文需要進(jìn)行，編寫到 2～ 3 級標(biāo)題）、參考文獻(xiàn)、附錄、致謝等。摘要、關(guān)鍵詞題頭均用小四號黑體字排寫，內(nèi)容文字用五號宋體字，英文用 Times New Roman。正文除章節(jié)條款的標(biāo)題外均用五號宋體。 表 21 自然科學(xué)類論文層次代號及說明 章 1 頂格， 小三 號黑體 節(jié) 頂格，四號黑體 條 頂格，小四號黑體 款 （ 1） 頂格，五號黑體 首行空兩格，五號宋體 項(xiàng) ① 頂格，五號宋體 首行空兩格，五號宋體 37 表 22 社會(huì)科學(xué)類論文層次代號及說明 章 一、 頂格，小三號黑體 節(jié) （一） 頂格，四號黑體 條 1． 頂格，小四號黑體 空兩格，五號宋體（正文） 款 （ 1） 頂格，五號黑體 空兩格，五號宋體（正文） 項(xiàng) ① 頂格，五號宋體 首行空兩格，五號宋體（正文） 注釋與參考文獻(xiàn) 注釋 一律采用尾