序論：好文章的創(chuàng)作是一個(gè)不斷探索和完善的過程，我們?yōu)槟扑]十篇網(wǎng)頁設(shè)計(jì)論文范例，希望它們能助您一臂之力，提升您的閱讀品質(zhì)，帶來更深刻的閱讀感受。

篇（1）

2突出實(shí)踐能力，部分內(nèi)容實(shí)行協(xié)同教學(xué)

2.1設(shè)計(jì)學(xué)習(xí)任務(wù)，激發(fā)學(xué)生的學(xué)習(xí)興趣

興趣是最好的老師。在進(jìn)行入門教學(xué)的時(shí)候，如何激發(fā)學(xué)生的學(xué)習(xí)興趣，使得學(xué)生在主觀上由“要我學(xué)”轉(zhuǎn)變?yōu)?ldquo;我要學(xué)”，是個(gè)關(guān)鍵問題。以講授網(wǎng)頁美工設(shè)計(jì)的內(nèi)容為例，在開始幾節(jié)課，要結(jié)合國內(nèi)外的幾個(gè)知名網(wǎng)站的整體結(jié)構(gòu)進(jìn)行分析，介紹知名網(wǎng)站在版面設(shè)計(jì)方面如何布局，在色彩搭配方面如何合理地統(tǒng)一網(wǎng)站的風(fēng)格、網(wǎng)站Logo和Banner的設(shè)計(jì)理念，以及如何對(duì)網(wǎng)頁圖片進(jìn)行處理才能更加吸引網(wǎng)民的眼球等，讓學(xué)生意識(shí)到網(wǎng)頁世界的豐富多彩，從而激發(fā)他們的學(xué)習(xí)興趣。與此同時(shí)，在每個(gè)學(xué)習(xí)階段結(jié)束的時(shí)候，都要求學(xué)生獨(dú)立完成一個(gè)任務(wù)，從最基本的圖片處理、Logo設(shè)計(jì)到整個(gè)網(wǎng)站結(jié)構(gòu)的布局和色彩搭配，這樣學(xué)生就會(huì)在自己心里形成一個(gè)風(fēng)格，這也是學(xué)生學(xué)習(xí)好網(wǎng)頁設(shè)計(jì)課程的基礎(chǔ)和前提。

2.2舉一反三，培養(yǎng)學(xué)生學(xué)習(xí)能動(dòng)性

網(wǎng)頁設(shè)計(jì)是一門專業(yè)技能，非常注重學(xué)生實(shí)際動(dòng)手能力的培養(yǎng)。在實(shí)際教學(xué)中，教師要充分準(zhǔn)備大量的具體案例，采用提問法、任務(wù)驅(qū)動(dòng)教學(xué)法、講練結(jié)合法等方法對(duì)學(xué)生進(jìn)行教學(xué)。在開始教授一個(gè)新的內(nèi)容時(shí)，要提出一個(gè)問題，讓學(xué)生帶著疑問去學(xué)習(xí)，這樣才能有的放矢。教師可以先在教師機(jī)上演示操作一個(gè)具體案例，在演示的過程中，采用邊講邊練的方式，讓學(xué)生在“做中學(xué)”，然后布置一個(gè)與此案例類似的任務(wù)，讓學(xué)生獨(dú)立完成，在任務(wù)結(jié)束的時(shí)候，根據(jù)學(xué)生的完成質(zhì)量情況，讓做得比較好的學(xué)生在教師機(jī)演示自己的成果，談?wù)勛约涸谧龅倪^程中的心得體會(huì)。這樣，在課堂上，大部分的時(shí)間就交給了學(xué)生，讓學(xué)生始終處于動(dòng)手的狀態(tài)。作為教師，在學(xué)生實(shí)施任務(wù)的過程中，不要過多干涉學(xué)生，而是多給學(xué)生以引導(dǎo)，讓學(xué)生自己思考、設(shè)計(jì)、完善，讓學(xué)生在實(shí)踐中自我摸索，不斷提高。通過這種方式，不僅起到了舉一反三的教學(xué)效果，而且充分發(fā)揮了學(xué)生的學(xué)習(xí)能動(dòng)性，使得學(xué)生學(xué)得扎實(shí)，記得牢固，也進(jìn)一步提高學(xué)生的分析問題和解決問題的能力。

2.3部分內(nèi)容協(xié)同教學(xué)，明確分工

組內(nèi)成員的分工，首先是角色分工。每個(gè)合作小組要選定小組長，以分配任務(wù)，監(jiān)督進(jìn)度情況，協(xié)調(diào)組內(nèi)成員等。對(duì)于小組內(nèi)的成員，要明確分工職責(zé)。以網(wǎng)頁設(shè)計(jì)綜合實(shí)訓(xùn)為例，面對(duì)一個(gè)完整的網(wǎng)站系統(tǒng)任務(wù)，需要3個(gè)小組成員，其中，一個(gè)負(fù)責(zé)網(wǎng)頁圖片素材、動(dòng)態(tài)效果的處理，一個(gè)負(fù)責(zé)整體網(wǎng)站的布局、色彩搭配，以及切片導(dǎo)入Dreamweaver的工作，一個(gè)負(fù)責(zé)數(shù)據(jù)庫設(shè)計(jì)和后臺(tái)服務(wù)器行為的實(shí)現(xiàn)。當(dāng)然，為了讓每個(gè)學(xué)生都能夠全面掌握網(wǎng)頁設(shè)計(jì)的技術(shù)，每次合作時(shí)的角色也是應(yīng)該輪換的，而非固定不變，特別是小組長的輪換，體現(xiàn)了人人平等的精神，讓每個(gè)學(xué)生都體會(huì)到自己在小組中的重要性，從而激發(fā)他們內(nèi)在的能力。在任務(wù)實(shí)現(xiàn)過程中，通過協(xié)同合作，明確分工的方式，可以逐步培養(yǎng)學(xué)生的組織能力、交流能力、協(xié)調(diào)能力、相互尊重的態(tài)度等，以期學(xué)生在不同的學(xué)習(xí)任務(wù)中發(fā)展不同的能力，從而可以大大提高學(xué)習(xí)效率。

3教師要及時(shí)指導(dǎo)，將德育教育融入教學(xué)過程

在學(xué)生的學(xué)習(xí)過程中，無論是獨(dú)立學(xué)習(xí)還是合作學(xué)習(xí)，教師絕不能是旁觀者，而應(yīng)該是學(xué)生的合作伙伴和指導(dǎo)者。特別是在學(xué)生以小組為單位的合作學(xué)習(xí)過程中，教師不是更清閑了，而是擔(dān)負(fù)起了更大的職責(zé)。在合作學(xué)習(xí)中，教師要針對(duì)班級(jí)、小組的具體情況，在宏觀層面給學(xué)生以指導(dǎo)，涉及整個(gè)任務(wù)的管理，調(diào)控和引導(dǎo)，要充分展示各種問題的形成過程和解決過程。實(shí)踐證明，在合作學(xué)習(xí)過程中，如果有教師的及時(shí)指導(dǎo)，如指導(dǎo)學(xué)生一些合作學(xué)習(xí)的步驟，明確合作學(xué)習(xí)的規(guī)則，有利于學(xué)生順利開展學(xué)習(xí)，充分發(fā)揮小組協(xié)同合作的作用。與此同時(shí)，要將德育教育融入到教學(xué)過程中?，F(xiàn)階段，作為網(wǎng)絡(luò)信息承載者的網(wǎng)頁是一把雙刃劍，各種信息充斥其中，對(duì)于這些正處于青春期的中職生，如何正確對(duì)待這些信息，將對(duì)他們的成長發(fā)揮重要作用。因此要將網(wǎng)頁作為德育教育的載體，通過制作以“健康、向上”為主題的網(wǎng)站，在搜集素材的過程中多接觸先進(jìn)人物、先進(jìn)事跡，無形中讓學(xué)生，逐步樹立正確的人生觀和價(jià)值觀，讓學(xué)生學(xué)會(huì)做人做事。

篇（2）

1系統(tǒng)設(shè)計(jì)目標(biāo)和使用的主要技術(shù)……………………………….4

1．1設(shè)計(jì)目標(biāo)………………………………………………………4

1．2主要技術(shù)………………………………………………………4

1．2．1模板技術(shù)………………………………………………….4

1．2．2標(biāo)簽庫技術(shù)……………………………………………….4

2系統(tǒng)的組成和實(shí)現(xiàn)……………………………………………….6

2．1系統(tǒng)組成………………………………………………………6

2．2系統(tǒng)的實(shí)現(xiàn)……………………………………………………7

2．2．1模板庫和標(biāo)簽庫的實(shí)現(xiàn)………………………………….7

2．2．2系統(tǒng)開發(fā)環(huán)境…………………………………………….11

3結(jié)束語…………………………………………………………….11

引言

隨著WWW（WorldWideWeb）的普及，動(dòng)態(tài)網(wǎng)頁技術(shù)也急速發(fā)展。從原來的CGI（CommonGatewayIn－terface）到ASP（ActiveServerPage），都從某種程度上滿足了網(wǎng)頁開發(fā)人員對(duì)動(dòng)態(tài)網(wǎng)頁開發(fā)技術(shù)的需求論文。但是不管是CGI還是ASP都存在一定的局限性，如CGI對(duì)服務(wù)器資源的耗費(fèi)，ASP只能同MicrosoftIIS一起使用等，這些都限制了這些技術(shù)的使用范圍，極大地阻礙了它們的推廣。廣大的頁面開發(fā)人員都熱切地盼望一種統(tǒng)一的頁面開發(fā)技術(shù)，該技術(shù)應(yīng)該具有的特點(diǎn)：①與操作平臺(tái)無關(guān)，能夠在任何Web或應(yīng)用程序服務(wù)器上運(yùn)行；②將應(yīng)用程序邏輯和頁面顯示分離；③提供代碼重用，簡化開發(fā)基于Web的交互式應(yīng)用程序的過程。

JSP（JavaServerPage）技術(shù)就是被設(shè)計(jì)用來滿足這樣的要求的。JSP是由SunMicroSystem公司于1999年6月推出的新的網(wǎng)頁開發(fā)技術(shù)，它是基于JavaServ－let以及整個(gè)Java體系的Web開發(fā)技術(shù)，是Servlet2．1API的擴(kuò)展。利用這一技術(shù)，可以建立先進(jìn)、安全和跨平臺(tái)的動(dòng)態(tài)網(wǎng)站。

Java是未來的主流開發(fā)技術(shù)，具有很多優(yōu)勢。JSP則是Java在Internet／IntranetWeb上的重要應(yīng)用技術(shù)，得到了廣泛的支持和承認(rèn)，它可以和各種Java技術(shù)完好地結(jié)合在一起，從而實(shí)現(xiàn)非常復(fù)雜的應(yīng)用。

作為一種基于文本的、以顯示為中心的開發(fā)技術(shù)，JSP提供了JavaServlet的所有好處。為了做到邏輯功能和顯示功能分開，JSP已經(jīng)可以和JavaBeans、EnterpriseJavaBeans（EJB）和Servlet一起工作。JSP的開發(fā)人員可以通過使用JavaBeans、EJB和Servlet來完成大部分與網(wǎng)站邏輯相關(guān)的工作，而僅僅把顯示的工作交給JSP頁面來完成。內(nèi)容和顯示邏輯分開的好處在于，更新頁面外觀的人員不必懂得Java代碼，而更新Java類的人員也不必是設(shè)計(jì)網(wǎng)頁的行家。這就可以用帶Java類的JSP頁面來定義Web模板，以建立一個(gè)具有相似外觀的頁面組成的網(wǎng)站。Java類完成數(shù)據(jù)提供，在模板中就沒有Java代碼，這意味著這些模板可以由一個(gè)HTML編寫人員來維護(hù)。

JSP作為當(dāng)前主流的網(wǎng)頁開發(fā)技術(shù)，具有如下特點(diǎn)。

1）將內(nèi)容的生成和顯示進(jìn)行分離：使用JSP技術(shù)，Web頁面開發(fā)人員可以使用HTML或者XML標(biāo)識(shí)來設(shè)計(jì)和格式化最終的頁面。使用JSP標(biāo)識(shí)或者小腳本來生成頁面上的動(dòng)態(tài)內(nèi)容（內(nèi)容是根據(jù)請求來變化的）。生成內(nèi)容的邏輯被封裝在標(biāo)識(shí)和JavaBeans組件中，并且捆綁在小腳本中，所有的腳本在服務(wù)器端運(yùn)行。如果核心邏輯被封裝在標(biāo)識(shí)和JavaBeans中，那么其他人，如Web管理人員和頁面設(shè)計(jì)者，能夠編輯和使用JSP頁面，而不影響內(nèi)容的生成。

2）強(qiáng)調(diào)可重用的組件：絕大多數(shù)JSP頁面依賴于可重用的、跨平臺(tái)的組件來完成應(yīng)用程序所要求的更為復(fù)雜的處理。得益于Java的操作平臺(tái)無關(guān)性，開發(fā)人員能夠很方便共享和交流執(zhí)行普通操作的組件，或者使得這些組件為更多的使用者所使用?；诮M件的方法加速了總體的開發(fā)過程，極大地提高了項(xiàng)目整體開發(fā)的效率。

雖然JSP功能強(qiáng)大，但是它要求網(wǎng)頁開發(fā)人員對(duì)Java要相當(dāng)熟悉。而現(xiàn)在Java程序員還比較少，對(duì)一般的網(wǎng)頁開發(fā)人員來說，JSP的語法還是比較難于掌握的。所以，就需要有一種網(wǎng)頁開發(fā)工具，為一般的網(wǎng)頁開發(fā)人員提供常用的JSP應(yīng)用，讓只懂得一般頁面開發(fā)技術(shù)（HTML）的開發(fā)人員也能夠使用JSP的強(qiáng)大功能。

1系統(tǒng)設(shè)計(jì)目標(biāo)和使用的主要技術(shù)

1．1設(shè)計(jì)目標(biāo)

本系統(tǒng)的設(shè)計(jì)目標(biāo)是為只懂得HTML但完全不了解JSP的一般網(wǎng)頁開發(fā)人員提供一個(gè)網(wǎng)頁開發(fā)工具，使他們能夠根據(jù)系統(tǒng)文檔，通過標(biāo)簽使用JSP的常用功能，最后生成一個(gè)只包含靜態(tài)HTML和JSP標(biāo)簽的動(dòng)態(tài)JSP網(wǎng)頁。

1．2主要技術(shù)

本系統(tǒng)在設(shè)計(jì)時(shí)，主要考慮使用模板和JSP標(biāo)簽的技術(shù)來實(shí)現(xiàn)。

1．2．1模板技術(shù)

模板技術(shù)被廣泛地應(yīng)用于各種開發(fā)和應(yīng)用系統(tǒng)中。它預(yù)先生成一些常用的框架結(jié)構(gòu)，使用戶可以根據(jù)自己的需要方便地從模板庫中選擇模板，而不用自己重新去搭建，節(jié)省了用戶的開發(fā)時(shí)間，方便了用戶的使用。在本系統(tǒng)中，將頁面按照功能類型進(jìn)行分類，歸納出常用的頁面類型，生成模板庫。

1．2．2標(biāo)簽庫技術(shù)

在JSP中，動(dòng)作是可以創(chuàng)造與訪問程序語言對(duì)象和影響輸出流的元素。JSP定義了六個(gè)標(biāo)準(zhǔn)的動(dòng)作。除了這六個(gè)標(biāo)準(zhǔn)動(dòng)作以外，用戶可以定義自己的動(dòng)作來完成特定的功能。這些動(dòng)作被稱為客戶化動(dòng)作，它們是可重用的程序模塊。通過這些動(dòng)作，程序員就可以在JSP頁面中把頁面的顯示功能也部分地封裝起來，使整個(gè)頁面更加簡潔和易于維護(hù)。在一個(gè)JSP頁面中，這些客戶化動(dòng)作是通過客戶化標(biāo)簽來調(diào)用的。而標(biāo)簽庫（TagLibrary）就是客戶化標(biāo)簽的集合。

JSP標(biāo)簽庫是一種通過JavaBeans生成基于XML的腳本的方法。它是JSP的最大特點(diǎn)之一。通過標(biāo)簽庫，能夠無限制地?cái)U(kuò)展JSP應(yīng)用，完成任何復(fù)雜的應(yīng)用需求。

JSP標(biāo)簽庫具有以下特點(diǎn)。

1）易于使用：JSP中的標(biāo)簽和一般的HTML標(biāo)記外表上是完全一樣的，使用起來和普通的HTML標(biāo)記一樣方便。

2）易于代碼重用：標(biāo)簽庫中的每一個(gè)標(biāo)簽都能完成一定的功能。一旦定義好了一個(gè)標(biāo)簽庫，只需要把這個(gè)標(biāo)簽庫包裝成一個(gè)Jar文件，那么以后只要在別的系統(tǒng)中使用這個(gè)標(biāo)簽庫就行了，而不用重新開發(fā)代碼，極大地提高了系統(tǒng)開發(fā)效率，降低了開發(fā)成本。

3）易于代碼維護(hù)：所有的應(yīng)用邏輯都封裝在標(biāo)簽處理器和JavaBeans中，所有的標(biāo)簽都集中在一個(gè)標(biāo)簽庫中。如果需要更新代碼或者需要修改一個(gè)網(wǎng)頁上的功能，只需要修改相應(yīng)的標(biāo)簽即可。通過這種統(tǒng)一維護(hù)方式，不用在每個(gè)網(wǎng)頁上去作修改，極大地減少了維護(hù)的工作量，節(jié)約了維護(hù)成本。

4）易于系統(tǒng)擴(kuò)充：如果需要向系統(tǒng)中添加新的功能，只需要定義一個(gè)新的標(biāo)簽來完成這一功能即可，無需對(duì)系統(tǒng)的其它方面作任何改動(dòng)。標(biāo)簽庫可以繼承JSP規(guī)范各方面的特性。這樣就可以無限制地?cái)U(kuò)展和增加JSP的功能，而不需要等待下一版本JSP的出現(xiàn)。

2系統(tǒng)的組成和實(shí)現(xiàn)

2．1系統(tǒng)組成

本系統(tǒng)主要由四個(gè)部分組成，見圖1。

1）數(shù)據(jù)庫連接部分：本系統(tǒng)支持常用的幾個(gè)數(shù)據(jù)庫，包括Oracle、Sybase、MSSQLServer、MySQL和DB2，根據(jù)用戶選擇的數(shù)據(jù)庫類型和用戶提供的數(shù)據(jù)庫名稱、用戶名、密碼使用JDBC同數(shù)據(jù)庫相連。

2）系統(tǒng)基本表生成部分：和數(shù)據(jù)庫連接以后，根據(jù)同數(shù)據(jù)庫相連的用戶名生成兩個(gè)系統(tǒng)基本表TC－Tables和TC－Columns，TC－Tables表包含在該數(shù)據(jù)庫中屬于該用戶的所有的表的英文名稱、中文名稱和一些屬性，如是否可修改、是否可查詢等；TC－Columns表包含在該數(shù)據(jù)庫中屬于該用戶的所有的表的所有列的中英文名稱和其它一些屬性。如是否可顯示、是否可查詢等。這兩個(gè)系統(tǒng)基本表在整個(gè)系統(tǒng)的開發(fā)過程中提供用戶所使用數(shù)據(jù)庫的基本信息。

3）模板選擇和網(wǎng)頁生成部分：該部分是系統(tǒng)的核心部分。它包含了兩個(gè)子模塊。

①模板選擇部分：系統(tǒng)為用戶提供模板選擇界面，讓用戶根據(jù)需要從模板庫中選擇所要使用的模板。

②模板處理部分：根據(jù)用戶選擇的模板，系統(tǒng)調(diào)用指定的模板處理模塊對(duì)這個(gè)模板進(jìn)行處理。當(dāng)處理程序遇到模板中的標(biāo)簽時(shí)，就為用戶提供交互界面，讓用戶為指定的標(biāo)簽輸入?yún)?shù)，并由系統(tǒng)驗(yàn)證用戶輸入的標(biāo)簽的有效性。最后由系統(tǒng)完成JSP頁面的生成。

4）網(wǎng)頁預(yù)覽和修改部分：網(wǎng)頁生成出來以后，系統(tǒng)為用戶提供了一個(gè)網(wǎng)頁預(yù)覽窗口和代碼查看修改窗口。通過這個(gè)預(yù)覽窗口，用戶可以預(yù)覽一下生成出來的JSP頁面的效果。如果用戶對(duì)頁面的靜態(tài)方面的效果不太滿意，用戶可以通過代碼查看修改窗口修改代碼中的HTML代碼。如果用戶對(duì)頁面的靜態(tài)效果有進(jìn)一步的要求，系統(tǒng)還為用戶提供了一個(gè)調(diào)用DreamWeaver編輯器的接口，用戶可以使用它來對(duì)生成出來的JSP頁面的靜態(tài)效果進(jìn)行進(jìn)一步的修改和完善。

2．2系統(tǒng)的實(shí)現(xiàn)

2．2．1模板庫和標(biāo)簽庫的實(shí)現(xiàn)

標(biāo)簽庫的規(guī)劃和設(shè)計(jì)在整個(gè)系統(tǒng)設(shè)計(jì)中至關(guān)重要，它關(guān)系到了代碼重用的程度和系統(tǒng)運(yùn)行的效率。它的規(guī)劃應(yīng)該遵循以下原則。

1）在標(biāo)簽中應(yīng)該盡量少的包含靜態(tài)的HTML。對(duì)于一般用戶來說，標(biāo)簽是透明的。用戶不能夠查看和修改標(biāo)簽。如果在標(biāo)簽中包含了過多的靜態(tài)HT－ML語句，將影響用戶對(duì)頁面的靜態(tài)效果的修改和完善，限制標(biāo)簽的使用。

2）盡量提高代碼的重用度。在對(duì)JSP應(yīng)用進(jìn)行分類是盡量把公用的JSP應(yīng)用提取出來，形成標(biāo)簽。而不用在每個(gè)標(biāo)簽中都重復(fù)實(shí)現(xiàn)該應(yīng)用。這樣在以后要對(duì)該應(yīng)用進(jìn)行修改和完善時(shí)，只需對(duì)這一個(gè)標(biāo)簽進(jìn)行修改即可，易于代碼的維護(hù)。

3）方便用戶的使用。在設(shè)計(jì)標(biāo)簽庫時(shí)，應(yīng)該充分考慮到用戶的使用情況，使用戶能夠很容易和方便地理解和使用標(biāo)簽。

①標(biāo)簽庫的定義：定義一個(gè)標(biāo)簽庫，必須首先定義一個(gè)標(biāo)簽庫描述文件（TLD）。這是一個(gè)基于XML的腳本文件，在這個(gè)文件中定義了XML的版本、所使用的編碼、標(biāo)簽庫的版本、所使用的JSP的版本、標(biāo)簽庫的名稱和這個(gè)庫中所包含的所有的標(biāo)簽的定義和參數(shù)描述，包括標(biāo)簽的名稱，標(biāo)簽所對(duì)應(yīng)的Java類，標(biāo)簽的描述信息等。

②標(biāo)簽的實(shí)現(xiàn)：一個(gè)標(biāo)簽就是一個(gè)特殊的Java

類，這個(gè)類必須繼承TagSupport類，這個(gè)類是在javax．servlet．jsp．tagext包中定義的。在標(biāo)簽類中，包含了這個(gè)標(biāo)簽的參數(shù)初始化方法（Set／Get）、標(biāo)簽的主體處理方法（Handler）以及供下一級(jí)標(biāo)簽調(diào)用的方法等。

③模板的實(shí)現(xiàn)：一個(gè)模板就是一個(gè)含有標(biāo)簽引用的JSP文件。為了在模板中引用所定義的標(biāo)簽，必須首先引入標(biāo)簽庫。

＜％＠tagliburi＝“tag．tld”prefix＝“ctag”％＞

其中uri指定標(biāo)簽庫描述文件的路徑；prefix指定引用標(biāo)簽時(shí)所使用的前綴。

在模板中引用指定的標(biāo)簽時(shí)，使用引入標(biāo)簽庫時(shí)所指定的前綴，指定標(biāo)簽的名稱；為標(biāo)簽的參數(shù)賦值。

2．2．2系統(tǒng)開發(fā)環(huán)境

本系統(tǒng)主體程序開發(fā)使用的是Borland公司的JBuilder6．0，模板開發(fā)使用是Microsoft公司的Front－Page2000，標(biāo)簽庫開發(fā)使用的是UltraEdit編輯器，JDK采用的是JDK1．4。系統(tǒng)測試環(huán)境是JRun3．0。

3結(jié)束語

Java是未來開發(fā)語言的主流，而Java在Web上的主要應(yīng)用JSP也必將成為未來Web開發(fā)的主流技術(shù)。本系統(tǒng)采用了JSP的最大特點(diǎn)之一的標(biāo)簽庫，使一般的Web開發(fā)人員也能夠方便地使用JSP強(qiáng)大的動(dòng)態(tài)頁面功能，開發(fā)出技術(shù)先進(jìn)的JSP動(dòng)態(tài)Web頁面。由于本系統(tǒng)采用Java語言進(jìn)行開發(fā)，所以可以在任何支持圖形化界面的操作系統(tǒng)下運(yùn)行，實(shí)現(xiàn)了完全的與平臺(tái)無關(guān)。本系統(tǒng)易于擴(kuò)充和完善。在以后可以考慮為用戶提供接口，使用戶可以自己擴(kuò)充模板庫和標(biāo)簽庫，進(jìn)一步增強(qiáng)系統(tǒng)的功能。

參考文獻(xiàn)

［1］CayS．Horstmann，GaryCornell．Java2核心技術(shù)（CoreJava2）［M］．北京：機(jī)械工業(yè)出版社．

篇（3）

1.1案例教學(xué)法案

例教學(xué)法是一種具有啟發(fā)性、實(shí)踐性,能開發(fā)學(xué)生思維能力,提高學(xué)生判斷能力、決策能力和綜合素質(zhì)的新型教學(xué)方——“分析案例”——“制作案例”的過程，培養(yǎng)學(xué)生分析問題，解決問題的能力，達(dá)到學(xué)習(xí)知識(shí)技能，靈活應(yīng)用的目的。例如，在講解ASP中的Request對(duì)象時(shí),教師先展示一個(gè)表單提交的案例，然后引領(lǐng)學(xué)生分析我們在點(diǎn)擊提交按鈕后，如何在另外一個(gè)頁面中，得到提交頁面相應(yīng)的屬性值呢？學(xué)生在老師的啟發(fā)下動(dòng)腦思考，引出Request對(duì)象的作用，接著教師講授Request對(duì)象的各種方法的使用。學(xué)生在深入理解后，運(yùn)用知識(shí)制作此案例。

1.2任務(wù)驅(qū)動(dòng)法

任務(wù)驅(qū)動(dòng)法在課堂教學(xué)中，教師為學(xué)生布置上機(jī)操作任務(wù)，通過實(shí)際任務(wù)展開教學(xué)。學(xué)生通過親自動(dòng)手操作，主動(dòng)建構(gòu)探究，培養(yǎng)了學(xué)生創(chuàng)新精神和實(shí)踐能力，提高了學(xué)生的綜合運(yùn)用知識(shí)的能力。例如在學(xué)習(xí)表單制作時(shí)，以現(xiàn)實(shí)生活中注冊電子郵件為例，提出表單的概念，然后講解其實(shí)現(xiàn)理論，接著布置實(shí)際任務(wù)——投票系統(tǒng)，讓學(xué)生用知識(shí)去解決任務(wù)，進(jìn)一步加深理解知識(shí)。

1.3分層教學(xué)法

成人的學(xué)習(xí)能力差異大，存在個(gè)體差異，因此，教學(xué)中采用分層教學(xué)法。在實(shí)際教學(xué)中，教師根據(jù)學(xué)生現(xiàn)有的知識(shí)、能力水平和潛力傾向把學(xué)生科學(xué)地分成水平各自相近的幾組，如A、B、C三組，A組是按大綱基本要求進(jìn)行教學(xué)的學(xué)生；B組是按略高于基本要求進(jìn)行教學(xué)的學(xué)生；C組是按較高要求（能發(fā)揮學(xué)生數(shù)學(xué)特長）進(jìn)行教學(xué)的學(xué)生。學(xué)生分組不是固定的，而是隨著學(xué)習(xí)情況及時(shí)調(diào)整。每組布置知識(shí)程度不同的學(xué)習(xí)任務(wù)，并且在教師恰當(dāng)?shù)闹笇?dǎo)下，讓全體學(xué)生從各自的層面體驗(yàn)成功的愉悅。

2模擬化網(wǎng)絡(luò)教學(xué)

開放教育是傳統(tǒng)教育與網(wǎng)絡(luò)教學(xué)相互融合的產(chǎn)物。網(wǎng)絡(luò)教學(xué)以其獨(dú)特的魅力在開放教育中發(fā)揮著越來越重要的作用。學(xué)習(xí)已經(jīng)不再局限于課堂，學(xué)生只要有上網(wǎng)條件，無論何時(shí)何地，都可以方便的學(xué)習(xí)，打破了時(shí)間和空間的限制，因此，網(wǎng)上資源的好壞直接影響學(xué)生的學(xué)習(xí)效果。因此，筆者充分利用網(wǎng)絡(luò)資源，以教學(xué)大綱為依據(jù)，遵循厚基礎(chǔ)、重能力的原則，開發(fā)了此門課的模擬化網(wǎng)絡(luò)教學(xué)系統(tǒng)。此系統(tǒng)有“教學(xué)大綱”、“課程教案”、“模擬實(shí)驗(yàn)”、“經(jīng)典案例”、“自我測試”、“課程討論”等欄目。分層次，多模塊，手段直觀、豐富有趣的一系列實(shí)驗(yàn)教學(xué)單元。制作文字、圖像、聲音、動(dòng)畫于一體的豐富多彩的模擬實(shí)驗(yàn)教學(xué)內(nèi)容。模擬實(shí)驗(yàn)教學(xué)的指導(dǎo)效率更高。使理論教學(xué)與實(shí)驗(yàn)教學(xué)、基礎(chǔ)與前沿、經(jīng)典與現(xiàn)代、實(shí)驗(yàn)內(nèi)容與實(shí)際應(yīng)用有機(jī)結(jié)合，更有利于學(xué)生學(xué)習(xí)，并且可以反復(fù)閱讀，是面授課堂一種好的補(bǔ)充與強(qiáng)化手段。

3多樣化互動(dòng)教學(xué)

3.1課堂互動(dòng)

成人有豐富的社會(huì)閱歷和人生體驗(yàn),有更為強(qiáng)烈的對(duì)話意識(shí)和平等意識(shí)，因此,師生活動(dòng)主要體現(xiàn)在，放下身段，深入到學(xué)生們之中，和他們們交朋友，交流心得，平等對(duì)話，互相學(xué)習(xí)。鼓勵(lì)學(xué)生大膽地表達(dá)自己的想法，暢所欲言，和學(xué)生共去探索知識(shí)的世界。所謂生生互動(dòng)，就是學(xué)生和學(xué)生之間可以互相討論，交流心得。在實(shí)際操作中將學(xué)生分組，合作學(xué)習(xí)，這樣促使小組成員積極參與，培養(yǎng)學(xué)生團(tuán)結(jié)合作意識(shí)，集體榮譽(yù)感。人機(jī)互動(dòng)是學(xué)習(xí)《動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)》這門課必不可少的環(huán)節(jié)。只懂理論，不會(huì)應(yīng)用，猶如紙上談兵，完全失去了學(xué)習(xí)的意義。所以，課上學(xué)生必須上機(jī)實(shí)踐，在實(shí)踐中掌握知識(shí)，消化知識(shí)，融會(huì)貫通。

篇（4）

二、平面規(guī)劃基本思路首要

在拿到規(guī)劃項(xiàng)目以后，首要要對(duì)客戶進(jìn)行系統(tǒng)性的分析，比方能夠公司布景、客戶公司形象、客戶商品形象，充沛把握客戶公司或商品的詳細(xì)信息，使平面規(guī)劃作業(yè)能夠有針對(duì)性，斷定規(guī)劃定位。當(dāng)規(guī)劃有關(guān)資料聯(lián)系完畢以后，就需求針對(duì)這一項(xiàng)目展開適當(dāng)?shù)乃伎己蛿喽?，斷定平面?guī)劃個(gè)性，斷定體現(xiàn)手法。這是一個(gè)對(duì)比艱難的進(jìn)程，由于平面規(guī)劃的規(guī)劃空間所限，致使平面規(guī)劃的主題一定要凸顯出來，且內(nèi)容要飽滿但不能負(fù)擔(dān)，這就需求規(guī)劃者進(jìn)行仔細(xì)的思考和研討，以佳的體現(xiàn)手法進(jìn)行詳細(xì)出現(xiàn)，一起，這一進(jìn)程也需求做好有關(guān)資料的搜集作業(yè)，以便于有關(guān)創(chuàng)造作業(yè)的展開。在斷定規(guī)劃個(gè)性和體現(xiàn)手法以后，便能夠展開詳細(xì)的平面規(guī)劃作業(yè)。平面規(guī)劃作業(yè)能夠憑借傳統(tǒng)規(guī)劃資料展開，比方繪圖筆和紙張，也能夠憑借領(lǐng)先的繪圖軟件展開，詳細(xì)情況能夠依據(jù)規(guī)劃者的習(xí)氣來斷定，但規(guī)劃進(jìn)程中必須要保證規(guī)劃的全面性和方向的精確性，要保證色彩的一致，也要保證滿足的視覺沖擊力，保證規(guī)劃著作能夠?qū)е骂櫩蛺酆?，招引顧客眼球?/p>

三、頁面規(guī)劃與平面規(guī)劃之間的差異以及彼此之間的聯(lián)絡(luò)

1、體現(xiàn)規(guī)模的不一樣

體現(xiàn)規(guī)模是兩者之間十分重要的差異。頁面規(guī)劃即是局限于網(wǎng)絡(luò)環(huán)境中的，經(jīng)過優(yōu)異的頁面規(guī)劃，使得網(wǎng)站全體的作用得到大幅度地進(jìn)步，然后把網(wǎng)站的主題反映給客戶，然后客戶就能夠經(jīng)過公司或許是商品在網(wǎng)站上體現(xiàn)出來的東西對(duì)其做好了解。進(jìn)而為公司或許是商品做宣揚(yáng)，進(jìn)步競賽力度，推進(jìn)經(jīng)濟(jì)效益的進(jìn)步?？墒瞧矫嬉?guī)劃體現(xiàn)的規(guī)模還要更廣，而且其影響力度也是對(duì)比的大的。平面規(guī)劃的著作比頁面規(guī)劃的著作使用規(guī)模愈加寬廣一點(diǎn)，可是在另一個(gè)視點(diǎn)來講，頁面規(guī)劃比平面規(guī)劃在媒體介質(zhì)上具有更大的展開空間。

2、束縛性的不一樣

束縛性也即是進(jìn)行藝術(shù)創(chuàng)造時(shí)分的束縛條件，此種束縛性的條件是表如今許多的方面的，就像創(chuàng)造東西，傳達(dá)的方式以及創(chuàng)造的平面，字體字號(hào)以及色彩標(biāo)準(zhǔn)等等。頁面規(guī)劃，通常情況下是只是能在電腦設(shè)備上進(jìn)行創(chuàng)造的，而且也只能是在憑借電腦設(shè)備的前提下才干夠展現(xiàn)出實(shí)在的創(chuàng)造作用。頁面中規(guī)劃的著作作用會(huì)遭到網(wǎng)速的影響，遭到客觀的要素影響對(duì)比大。可是平面規(guī)劃相對(duì)來講就不會(huì)受那么多的束縛，不行是在創(chuàng)造空間上沒有太多的束縛，而且創(chuàng)造的商品也能夠在任何時(shí)分任何的場合中進(jìn)行展現(xiàn)，沒有嚴(yán)厲的規(guī)定。在進(jìn)行平面規(guī)劃的時(shí)分不管是觸及的字體、字號(hào)仍是色彩都是十分的具有隨意性的，能夠依據(jù)規(guī)劃者的實(shí)踐需求以及規(guī)劃師心思的狀況進(jìn)行創(chuàng)造。

3、技能上實(shí)踐的不一樣

頁面規(guī)劃是對(duì)比依靠于互聯(lián)網(wǎng)的，頁面規(guī)劃關(guān)于領(lǐng)先的軟件具有十分強(qiáng)的依懶性，可是平面規(guī)劃則不是這樣的，它關(guān)于軟件的依靠對(duì)比小，相對(duì)來講愈加依靠于打印的技能。在進(jìn)行頁面規(guī)劃的時(shí)分通常情況下都是憑借于繪圖東西的，只有強(qiáng)壯的軟件才干保證頁面規(guī)劃順暢的進(jìn)行?？墒瞧矫嬉?guī)劃優(yōu)化經(jīng)濟(jì)以及科學(xué)技能的展開，不僅能靠畫圖東西來進(jìn)行創(chuàng)造，而且也能憑借有關(guān)的繪圖軟件來實(shí)現(xiàn)終究的作用，再即是平面規(guī)劃關(guān)于打印技能的要求是對(duì)比高的，此也是兩者之間十分顯著的差異。

四、頁面規(guī)劃與平面規(guī)劃之間的聯(lián)系

頁面規(guī)劃與平面規(guī)劃之間是有著十分親近的聯(lián)絡(luò)的，可是兩者之間也是存在著差異的。頁面的規(guī)劃與平面的規(guī)劃都?xì)w于具有現(xiàn)代化特征的藝術(shù)方式，在如今社會(huì)中這兩種藝術(shù)方式都是能夠經(jīng)過電腦技能來輔佐或許直接完結(jié)的，而且能夠發(fā)生十分好的作用。頁面規(guī)劃與平面規(guī)劃之間存在的差異也是對(duì)比的大的，其主要差異是它們的體現(xiàn)規(guī)模的不一樣。體現(xiàn)規(guī)模是兩者之間十分重要的差異。頁面規(guī)劃即是局限于網(wǎng)絡(luò)環(huán)境中的，經(jīng)過優(yōu)異的頁面規(guī)劃，使得網(wǎng)站全體的作用得到大幅度地進(jìn)步，然后把網(wǎng)站的主題反映給客戶，然后客戶就能夠經(jīng)過公司或許是商品在網(wǎng)站上體現(xiàn)出來的東西對(duì)其做好了解。進(jìn)而為公司或許是商品做宣揚(yáng)，進(jìn)步競賽力度，推進(jìn)經(jīng)濟(jì)效益的進(jìn)步?？墒瞧矫嬉?guī)劃體現(xiàn)的規(guī)模還要更廣，而且其影響力度也是對(duì)比的大的。其是依據(jù)二維空間的一種藝術(shù)性創(chuàng)造，而且也不需求十分嚴(yán)厲的體現(xiàn)手法，不遭到東西或許是宣揚(yáng)路徑的束縛，著作成形以后，能夠憑借雜志還有周刊或許是廣告等任何的方式進(jìn)行宣揚(yáng)，然后到達(dá)進(jìn)步影響力的方針。平面規(guī)劃的著作比頁面規(guī)劃的著作使用規(guī)模愈加寬廣一點(diǎn)，可是在另一個(gè)視點(diǎn)來講，頁面規(guī)劃比平面規(guī)劃在媒體介質(zhì)上具有更大的展開空間。

篇（5）

網(wǎng)頁設(shè)計(jì)是指利用標(biāo)識(shí)語言，經(jīng)過一系列的建模、設(shè)計(jì)、執(zhí)行等過程，將數(shù)字化格式的信息通過網(wǎng)絡(luò)傳播，最終以圖形或者視頻形式被用戶瀏覽。因?yàn)榫W(wǎng)頁設(shè)計(jì)是一種能夠充分利用各種信息化手段的設(shè)計(jì)過程，所以它既能夠像平面設(shè)計(jì)一樣對(duì)主題進(jìn)行完美詮釋，還能夠細(xì)致地描述目標(biāo)。在某種程度上來說，創(chuàng)作網(wǎng)頁設(shè)計(jì)的過程中，主要使用的手法，技巧都是延伸平面設(shè)計(jì)，有些甚至是一樣的。因此將網(wǎng)頁設(shè)計(jì)和網(wǎng)絡(luò)技術(shù)緊密結(jié)合起來，是將來網(wǎng)頁設(shè)計(jì)的一個(gè)必然方向。

2.網(wǎng)頁設(shè)計(jì)是平面設(shè)計(jì)在網(wǎng)絡(luò)時(shí)代的延伸

伴隨著網(wǎng)絡(luò)時(shí)代的迅速發(fā)展，人們和網(wǎng)絡(luò)的聯(lián)系也越來越密切，人們利用網(wǎng)絡(luò)技術(shù)改革以往工作方式。在平面設(shè)計(jì)領(lǐng)域也不例外，設(shè)計(jì)師們利用鮮明的色彩，精心的網(wǎng)頁布局想方設(shè)法地吸引人們?yōu)g覽自己的網(wǎng)站。完美的網(wǎng)頁設(shè)計(jì)一定是有著完美的網(wǎng)頁風(fēng)格。基于網(wǎng)頁設(shè)計(jì)和平面設(shè)計(jì)有著很大程度上的相似性，加上網(wǎng)頁設(shè)計(jì)的發(fā)展背景，我們不能將兩者孤立起來看待，而要清楚地認(rèn)識(shí)到，網(wǎng)頁設(shè)計(jì)是平面設(shè)計(jì)在互聯(lián)網(wǎng)時(shí)代的一種獨(dú)特表現(xiàn)形式，是平面設(shè)計(jì)在新時(shí)期新環(huán)境下的一種延續(xù)，一種創(chuàng)新發(fā)展。

3.網(wǎng)頁設(shè)計(jì)和平面設(shè)計(jì)在技術(shù)上的區(qū)別

網(wǎng)頁設(shè)計(jì)顧名思義就是依賴于互聯(lián)網(wǎng)進(jìn)行創(chuàng)作，對(duì)于先進(jìn)的軟件那無法擺脫的依賴性是網(wǎng)頁設(shè)計(jì)的短板，但是平面設(shè)計(jì)卻不是這樣，它對(duì)于這類軟件依賴性小，因?yàn)榭梢岳檬掷L來代替。網(wǎng)頁設(shè)計(jì)一般工作都是借助繪圖工具，只有在這么強(qiáng)大先進(jìn)的軟件配合下才能完成設(shè)計(jì)。但是平面設(shè)計(jì)伴隨著經(jīng)濟(jì)和科學(xué)技術(shù)的發(fā)展，能夠不只依靠繪圖工具還可以利用畫筆，顏料等傳統(tǒng)工具來工作。

篇（6）

1.1從編寫代碼到創(chuàng)建實(shí)際任務(wù)。傳統(tǒng)的網(wǎng)頁教學(xué)總是以編寫HTML超文本標(biāo)記語言、CSS層疊樣式表文件、JavaScript為基礎(chǔ)，通過Dreamweaver工具的拆分模式實(shí)現(xiàn)可視化的實(shí)際效果與基礎(chǔ)理論的結(jié)合來展開。這樣的教學(xué)方式與網(wǎng)頁的實(shí)際應(yīng)用聯(lián)系較少。使得學(xué)生在學(xué)完網(wǎng)頁之后難以解決具體的實(shí)際問題。采用任務(wù)驅(qū)動(dòng)的教學(xué)方法，通過實(shí)際項(xiàng)目，引入真實(shí)情境，如玩具銷售店、我的大學(xué)生活、學(xué)科資源網(wǎng)站等。讓學(xué)們從單純的學(xué)生角色轉(zhuǎn)化為網(wǎng)站構(gòu)建者，成為一個(gè)生產(chǎn)者。這樣大大激發(fā)了學(xué)生的學(xué)習(xí)動(dòng)力，并肩負(fù)責(zé)任感和成就感去學(xué)習(xí)。學(xué)生在構(gòu)建實(shí)際網(wǎng)站過程中直接、頻繁地接觸計(jì)算思維的概念，如網(wǎng)頁結(jié)構(gòu)的搭建，樣式美化的屬性設(shè)置等，并不斷提升系統(tǒng)性的思考能力和創(chuàng)意思維能力。構(gòu)建網(wǎng)站時(shí)系統(tǒng)性的思考力是指學(xué)生需要在設(shè)計(jì)諸如導(dǎo)航條或鏈接中從設(shè)計(jì)網(wǎng)站、解決問題和理解用戶需求的角度去“仔細(xì)思考用戶與網(wǎng)站的互動(dòng)方式以及根據(jù)意圖實(shí)現(xiàn)功能的方式解決問題”[1]。構(gòu)建網(wǎng)站中的創(chuàng)意思維是指學(xué)生可以把網(wǎng)頁設(shè)計(jì)學(xué)習(xí)融入到創(chuàng)作具有實(shí)際意義和真實(shí)內(nèi)容及富有個(gè)性的網(wǎng)站構(gòu)建過程中，將學(xué)科學(xué)習(xí)與實(shí)際生活相統(tǒng)一。

1.2從獨(dú)立開發(fā)到小組合作、組間協(xié)作。網(wǎng)頁設(shè)計(jì)與網(wǎng)站開發(fā)的工作不是一個(gè)人獨(dú)立完成的，而是需要團(tuán)隊(duì)的合作共同完成，當(dāng)前的信息產(chǎn)業(yè)的工作都不是一個(gè)人獨(dú)立能夠完成的，而需要與他人合作完成。因此，獨(dú)立思考和學(xué)習(xí)確實(shí)能促進(jìn)學(xué)生知識(shí)掌握能力、而通過合作構(gòu)建網(wǎng)站可以分解復(fù)雜任務(wù)。利用這種協(xié)作模式可以培養(yǎng)計(jì)算思維能力中除知識(shí)技能方面的其他方面——過程與方法、情感態(tài)度與價(jià)值觀。

2考核評(píng)價(jià)

根據(jù)《網(wǎng)頁設(shè)計(jì)與網(wǎng)站開發(fā)課程》的三維教學(xué)目標(biāo)（知識(shí)技能、過程與方法、情感態(tài)度三方面）制定考核方法及評(píng)價(jià)標(biāo)準(zhǔn)。考核評(píng)價(jià)改變傳統(tǒng)的單一的總結(jié)性評(píng)價(jià)的方法，采用平時(shí)的過程評(píng)價(jià)、階段評(píng)價(jià)和綜合評(píng)價(jià)相結(jié)合的評(píng)價(jià)方法。過程評(píng)價(jià)是指學(xué)生平時(shí)的學(xué)習(xí)過程，根據(jù)精心設(shè)計(jì)的學(xué)習(xí)情境對(duì)學(xué)生的學(xué)習(xí)過程進(jìn)行記錄和評(píng)分。這其中包括學(xué)生出勤情況、學(xué)習(xí)態(tài)度、單元情境的完成情況；階段評(píng)價(jià)即是期中評(píng)價(jià)，通過期初時(shí)提出主題網(wǎng)站任務(wù)，學(xué)生在學(xué)習(xí)過程中著手規(guī)劃、設(shè)計(jì)、實(shí)施并完成任務(wù)，在學(xué)期中期進(jìn)行集中評(píng)價(jià)[2]，起到貫穿始終、承前啟后的作用；期末考試采用上機(jī)考試，題型包括根據(jù)給定素材及代碼截圖拼出網(wǎng)頁頁面，根據(jù)給定模板和主題要求，在現(xiàn)有素材的基礎(chǔ)上實(shí)現(xiàn)網(wǎng)站規(guī)劃及網(wǎng)頁設(shè)計(jì)。

篇（7）

首先，移動(dòng)搜索具有可用性特點(diǎn)。移動(dòng)設(shè)備可用性包括：界面可視性、導(dǎo)航、內(nèi)容等。網(wǎng)頁界面可用性表現(xiàn)為同一窗口中內(nèi)容要精簡，按內(nèi)容的重要性排列顯示；網(wǎng)頁版面布局要方便用戶更容易地接收信息等。其次，移動(dòng)搜索具有可訪問性特點(diǎn)。移動(dòng)搜索用戶與桌面搜索用戶相比，對(duì)搜索結(jié)果的關(guān)注度更高。移動(dòng)用戶更多的是搜索能解決身邊的問題，諸如餐飲、旅游、公交等，主要關(guān)注生活服務(wù)類、健康保健類、教育培訓(xùn)類這三類信息，因此移動(dòng)SEO的需求主要是針對(duì)這些網(wǎng)站的搜索引擎優(yōu)化。

2根據(jù)移動(dòng)搜索特點(diǎn)的網(wǎng)頁移動(dòng)化策略網(wǎng)頁移動(dòng)化策略有兩個(gè)

(1)響應(yīng)式網(wǎng)頁設(shè)計(jì)。

(2)搜索引擎開放適配服務(wù)，抓取移動(dòng)資源。響應(yīng)式網(wǎng)頁設(shè)計(jì)(Responsivewebdesign)是一種網(wǎng)頁設(shè)計(jì)的方法，該設(shè)計(jì)可使網(wǎng)站從桌面電腦顯示器到移動(dòng)設(shè)備上適合閱讀和導(dǎo)航。響應(yīng)式網(wǎng)頁設(shè)計(jì)就是能夠用一套樣式，使網(wǎng)站的頁面能夠在不同分辨率的屏幕下都有很好的表現(xiàn)形式。百度的移動(dòng)資源有兩種抓取方式，一是通過傳統(tǒng)的蜘蛛(spider)抓取，另一種是通過百度提供的“開放適配”服務(wù)。目前百度開放適配服務(wù)共提供三種方案：自主適配、標(biāo)注Meta聲明、提交對(duì)應(yīng)關(guān)系Sitemap。按照百度官方的定義用“開放適配”的抓取速度會(huì)優(yōu)于傳統(tǒng)的網(wǎng)頁抓取。

二移動(dòng)端網(wǎng)站優(yōu)化的規(guī)則和策略

1百度移動(dòng)搜索結(jié)果的排名標(biāo)準(zhǔn)百度鼓勵(lì)mobile資源，根據(jù)百度移動(dòng)搜索結(jié)果的排名標(biāo)準(zhǔn)

(1)檢索友好性，其友好性判斷標(biāo)準(zhǔn)是網(wǎng)站有沒有可以匹配移動(dòng)設(shè)備的HTML5結(jié)構(gòu)。

(2)有完整的功能/服務(wù)滿足用戶需求，保證內(nèi)容/服務(wù)的穩(wěn)定可用，保證訪問速度及到達(dá)率。

(3)移動(dòng)化交互體驗(yàn)，符合移動(dòng)終端特性。

(4)使用規(guī)范的html5/xhtml協(xié)議語言。

2移動(dòng)端搜索結(jié)果的排名策略

移動(dòng)端網(wǎng)站優(yōu)化打破傳統(tǒng)網(wǎng)站的優(yōu)化方式，移動(dòng)端搜索結(jié)果的排名策略主要由基礎(chǔ)相關(guān)性、資源質(zhì)量、檢索友好性三個(gè)部分組成。手機(jī)頁面進(jìn)行適配，移動(dòng)網(wǎng)站的DOCTYPE聲明有助于搜索引擎識(shí)別該頁面是否適合手機(jī)瀏覽，mobile頁面協(xié)議編寫如果不規(guī)范，會(huì)造成百度無法正常識(shí)別。<!DOCTYPE>聲明應(yīng)該位于文檔中的最前面的位置，處于<html>標(biāo)簽之前，其聲明格式。

三基于移動(dòng)搜索的網(wǎng)頁優(yōu)化

面對(duì)移動(dòng)搜索市場，移動(dòng)用戶需求與標(biāo)準(zhǔn)的桌面搜索需求是不同的，移動(dòng)用戶更傾向于即時(shí)需求，移動(dòng)搜索與桌面搜索相比，具有：

(1)在移動(dòng)設(shè)備上的小屏幕，可能只能出現(xiàn)5個(gè)搜索結(jié)果。

(2)移動(dòng)搜索查詢往往極短，查詢的關(guān)鍵詞也比傳統(tǒng)桌面搜索更少。

(3)移動(dòng)搜索查詢結(jié)果受到字?jǐn)?shù)限制。例如，PC端和移動(dòng)端搜索結(jié)果,PC端30多個(gè)中文漢字才截?cái)?，移?dòng)端不到20個(gè)字就截?cái)唷?/p>

1移動(dòng)端網(wǎng)站樣式表的優(yōu)化

制作的一個(gè)移動(dòng)樣式表單，稱之為“handheld.css”，這個(gè)CSS可以把傳統(tǒng)網(wǎng)頁格式化為移動(dòng)設(shè)備可以瀏覽的網(wǎng)頁。<linkrel="stylesheet"href="css/handheld.css"type="text/css"media="handheld"/>如果客戶端是手機(jī)等移動(dòng)設(shè)備時(shí)，就會(huì)載入這個(gè)css樣式表。

2移動(dòng)端網(wǎng)頁標(biāo)簽的優(yōu)化

(1)meta標(biāo)簽優(yōu)化，使用標(biāo)注meta聲明開放適配協(xié)議。站長在站點(diǎn)PC頁的源代碼頭部嵌入一行或多行Meta信息，由Meta信息來指明該P(yáng)C頁對(duì)應(yīng)的手機(jī)頁的URL。Meta聲明的格式：<metahttp-equiv="mobile-agent"content="format=[wml|xhtml|html5];url=url">

(2)描述標(biāo)簽(description)的優(yōu)化，使用description目的是用來說明頁面的主體內(nèi)容。描述標(biāo)簽也會(huì)被顯示在搜索結(jié)果當(dāng)中被用戶所見。

(3)jquery標(biāo)簽的優(yōu)化，提升移動(dòng)用戶的使用體驗(yàn)。例如，滑動(dòng)切換圖片相比于自動(dòng)切換和點(diǎn)擊切換，滑動(dòng)切換增強(qiáng)了用戶操作的主動(dòng)性、隱藏標(biāo)簽和顯示標(biāo)簽實(shí)現(xiàn)動(dòng)畫效果，同時(shí)提升了切換的便捷性。

3移動(dòng)端頁面結(jié)構(gòu)的優(yōu)化

使用三層的頁面結(jié)構(gòu)。由于移動(dòng)端是直接用手指操作，需要響應(yīng)元素點(diǎn)擊區(qū)域要相對(duì)明顯，布局上可以多上下排列。移動(dòng)網(wǎng)站的頁面加載速度要比普通網(wǎng)頁加載速度慢，所以減少頁面數(shù)量非常重要。用戶是不會(huì)有耐心不斷打開網(wǎng)頁上的，所以盡可能簡化網(wǎng)站的布局也是很重要。一個(gè)標(biāo)準(zhǔn)的移動(dòng)站應(yīng)該包含首頁、列表頁和詳情頁三種類型，頁面類型及層級(jí)不超過三個(gè)，保證簡單、高效的用戶體驗(yàn)。使用盡量淺的頁間結(jié)構(gòu)，減少用戶點(diǎn)擊次數(shù)，提升瀏覽體驗(yàn)，

4移動(dòng)端網(wǎng)頁導(dǎo)航的優(yōu)化

網(wǎng)頁導(dǎo)航可用性表現(xiàn)為用戶能快速地找到所需的信息，是用戶體驗(yàn)的重要實(shí)現(xiàn)方式。移動(dòng)網(wǎng)站可以采用的導(dǎo)航種類較PC端要少，按照范圍的不同，可以分為三大類：結(jié)構(gòu)性導(dǎo)航、關(guān)聯(lián)性導(dǎo)航和公用程序?qū)Ш剑话闶醉搶?dǎo)航可以分為導(dǎo)航式和內(nèi)容式兩種，導(dǎo)航式因其風(fēng)格簡潔可起到快速傳達(dá)品牌形象的作用；內(nèi)容式因其豐富的內(nèi)容，可快速傳遞信息，F(xiàn)ig.3Thehomepagenavigationandcontenttypestructure通過導(dǎo)航，用戶可以知道所在頁面在整個(gè)網(wǎng)站中的位置，在移動(dòng)端導(dǎo)航中盡量使用文字鏈接，不要使用復(fù)雜的js或者flash。使用圖片做導(dǎo)航時(shí)，可以使用Alt告訴搜索引擎所指向的網(wǎng)頁內(nèi)容。

5移動(dòng)端網(wǎng)頁屏幕分辨率的自適應(yīng)

移動(dòng)端網(wǎng)站的頁面需做到以下三點(diǎn)：一是頁面隨屏幕寬度變化，無橫向滾動(dòng)條；二是屏幕不放大時(shí)，能清晰瀏覽內(nèi)容，文字大小不低于12像素；三是屏幕不放大時(shí)，按鈕、鏈接等點(diǎn)擊方便，按鈕尺寸不能過大或過小。

篇（8）

這里圖形元素的輕重不是色調(diào)的輕重，是形式的輕和重，形式的輕重和內(nèi)容相呼應(yīng)，網(wǎng)頁設(shè)計(jì)的一大趨勢就是越來越“輕”。除了對(duì)圓角效果和高光效果等效果的審美疲勞之外，網(wǎng)頁設(shè)計(jì)師開始意識(shí)到好的網(wǎng)頁設(shè)計(jì)更注重的是將網(wǎng)頁內(nèi)容與網(wǎng)頁形式結(jié)合起來，而非形式的堆砌。所以設(shè)計(jì)師在應(yīng)用那些較“重”的圖形設(shè)計(jì)時(shí)，一定要慎重思考，考慮到該圖形的應(yīng)用是否有必要以及該設(shè)計(jì)是否與受眾的氣質(zhì)相契合。

2.內(nèi)容和形式的分離

對(duì)于一些比較強(qiáng)調(diào)視覺效果的特殊產(chǎn)品，也可以利用圖片格式和一些前端知識(shí)對(duì)網(wǎng)頁設(shè)計(jì)進(jìn)行優(yōu)化，比如內(nèi)容和形式的分離。一些國外比較流行的設(shè)計(jì)風(fēng)格都是通過大幅的背景圖進(jìn)行氣氛的渲染和意境的傳達(dá)。這樣做的一個(gè)好處就是能把需要用到圖片的視覺元素進(jìn)行集中的壓縮優(yōu)化，同時(shí)因?yàn)榍岸藢?shí)現(xiàn)時(shí)一般會(huì)用相近的背景色先進(jìn)行填充，然后在逐步顯示背景圖，就不會(huì)因?yàn)榧虞d太慢而拖慢用戶的訪問速度。

3.通過較小的視覺犧牲換取較大的性能提升

有時(shí)候?yàn)榱颂嵘撁娴募虞d速度達(dá)到更好的用戶體驗(yàn)，不得不對(duì)設(shè)計(jì)進(jìn)行優(yōu)化，這個(gè)時(shí)候就需要犧牲一部分視覺效果利用網(wǎng)頁設(shè)計(jì)師掌握的圖片格式知識(shí)更有目的性的優(yōu)化設(shè)計(jì)網(wǎng)頁。例如著名的淘寶“雙十一”大促銷活動(dòng)的宣傳網(wǎng)頁網(wǎng)頁，由于雙十一期間，該網(wǎng)頁的訪問量非常大并且為了配合商家的宣傳活動(dòng)需要在網(wǎng)頁上加載非常多的商品圖片，這時(shí)候就需要網(wǎng)頁設(shè)計(jì)師對(duì)雙十一的促銷活動(dòng)網(wǎng)頁的圖形進(jìn)行優(yōu)化以達(dá)到提升網(wǎng)頁性能的目的。網(wǎng)頁設(shè)計(jì)師可以去掉一些不太重要的高光、漸變和陰影效果，從而降低圖片文件的大小，提高圖片文件的加載速度。

4.圖形藝術(shù)的界面處理

新穎的網(wǎng)頁圖形藝術(shù)設(shè)計(jì)可以牢牢地吸引住瀏覽者的注意力，設(shè)計(jì)具有創(chuàng)意、布局合理、設(shè)計(jì)規(guī)范的網(wǎng)頁也是提高網(wǎng)頁瀏覽量的的重中之重。一個(gè)圖形運(yùn)用恰當(dāng)、設(shè)計(jì)人性化的網(wǎng)頁可以讓瀏覽者對(duì)網(wǎng)站心生好感，極大地提高瀏覽者瀏覽該網(wǎng)頁的欲望。所以，網(wǎng)頁設(shè)計(jì)者要注重運(yùn)用一切科學(xué)技術(shù)手段來設(shè)計(jì)圖形藝術(shù)，保證頁面效果給人以眼前一亮或是舒適的感覺，讓圖形首先在視覺上給予客戶一種沖擊，給客戶一個(gè)良好的第一印象。

篇（9）

二、什么樣的設(shè)計(jì)更適合web頁面

1.慎用較“重”的圖形元素這里圖形元素的輕重不是色調(diào)的輕重，是形式的輕和重，形式的輕重和內(nèi)容相呼應(yīng)，網(wǎng)頁設(shè)計(jì)的一大趨勢就是越來越“輕”。除了對(duì)圓角效果和高光效果等效果的審美疲勞之外，網(wǎng)頁設(shè)計(jì)師開始意識(shí)到好的網(wǎng)頁設(shè)計(jì)更注重的是將網(wǎng)頁內(nèi)容與網(wǎng)頁形式結(jié)合起來，而非形式的堆砌。所以設(shè)計(jì)師在應(yīng)用那些較“重”的圖形設(shè)計(jì)時(shí)，一定要慎重思考，考慮到該圖形的應(yīng)用是否有必要以及該設(shè)計(jì)是否與受眾的氣質(zhì)相契合。

2.內(nèi)容和形式的分離對(duì)于一些比較強(qiáng)調(diào)視覺效果的特殊產(chǎn)品，也可以利用圖片格式和一些前端知識(shí)對(duì)網(wǎng)頁設(shè)計(jì)進(jìn)行優(yōu)化，比如內(nèi)容和形式的分離。一些國外比較流行的設(shè)計(jì)風(fēng)格都是通過大幅的背景圖進(jìn)行氣氛的渲染和意境的傳達(dá)。這樣做的一個(gè)好處就是能把需要用到圖片的視覺元素進(jìn)行集中的壓縮優(yōu)化，同時(shí)因?yàn)榍岸藢?shí)現(xiàn)時(shí)一般會(huì)用相近的背景色先進(jìn)行填充，然后在逐步顯示背景圖，就不會(huì)因?yàn)榧虞d太慢而拖慢用戶的訪問速度。

3.通過較小的視覺犧牲換取較大的性能提升有時(shí)候?yàn)榱颂嵘撁娴募虞d速度達(dá)到更好的用戶體驗(yàn)，不得不對(duì)設(shè)計(jì)進(jìn)行優(yōu)化，這個(gè)時(shí)候就需要犧牲一部分視覺效果利用網(wǎng)頁設(shè)計(jì)師掌握的圖片格式知識(shí)更有目的性的優(yōu)化設(shè)計(jì)網(wǎng)頁。例如著名的淘寶“雙十一”大促銷活動(dòng)的宣傳網(wǎng)頁網(wǎng)頁，由于雙十一期間，該網(wǎng)頁的訪問量非常大并且為了配合商家的宣傳活動(dòng)需要在網(wǎng)頁上加載非常多的商品圖片，這時(shí)候就需要網(wǎng)頁設(shè)計(jì)師對(duì)雙十一的促銷活動(dòng)網(wǎng)頁的圖形進(jìn)行優(yōu)化以達(dá)到提升網(wǎng)頁性能的目的。網(wǎng)頁設(shè)計(jì)師可以去掉一些不太重要的高光、漸變和陰影效果，從而降低圖片文件的大小，提高圖片文件的加載速度。

4.圖形藝術(shù)的界面處理新穎的網(wǎng)頁圖形藝術(shù)設(shè)計(jì)可以牢牢地吸引住瀏覽者的注意力，設(shè)計(jì)具有創(chuàng)意、布局合理、設(shè)計(jì)規(guī)范的網(wǎng)頁也是提高網(wǎng)頁瀏覽量的的重中之重。一個(gè)圖形運(yùn)用恰當(dāng)、設(shè)計(jì)人性化的網(wǎng)頁可以讓瀏覽者對(duì)網(wǎng)站心生好感，極大地提高瀏覽者瀏覽該網(wǎng)頁的欲望。所以，網(wǎng)頁設(shè)計(jì)者要注重運(yùn)用一切科學(xué)技術(shù)手段來設(shè)計(jì)圖形藝術(shù)，保證頁面效果給人以眼前一亮或是舒適的感覺，讓圖形首先在視覺上給予客戶一種沖擊，給客戶一個(gè)良好的第一印象。

篇（10）

點(diǎn)、線、面是視覺構(gòu)成的基本要素，網(wǎng)頁的所有信息都是通過點(diǎn)、線、面的合理搭配出來的效果，因此，要提高網(wǎng)頁的視覺效果，首先就要從這三者的結(jié)合上來分析。例如：在點(diǎn)的運(yùn)用中，工作者可以通過將點(diǎn)聚合或者離散使用，從而達(dá)到動(dòng)靜態(tài)結(jié)合的效果，滿足用戶的需求。另外，通過點(diǎn)的有效結(jié)合形成線，線之間交叉使用，虛實(shí)線的結(jié)合、線的明暗漸變等，讓整個(gè)網(wǎng)頁的版面形成大概的輪廓，達(dá)到版面的基本效果。

（二）圖文、色彩的合理搭配

在網(wǎng)頁設(shè)計(jì)中，圖文、色彩也是必不可少的視覺構(gòu)成因素，不同的圖文、色彩搭配達(dá)到的網(wǎng)頁效果就會(huì)千差萬別。所以，設(shè)計(jì)者要想提高網(wǎng)頁的視覺效果，還需要將更多的精力放在圖文與色彩的合理搭配上。在選擇網(wǎng)頁的圖片、文字、色彩等信息時(shí)需要與網(wǎng)頁的主題結(jié)合起來。所選的文字、圖片要具有代表性，能夠體現(xiàn)出網(wǎng)頁的主題，選擇的色彩更應(yīng)該科學(xué)合理，對(duì)于比較柔情的網(wǎng)站可以選擇淡粉色，而對(duì)于某些具有科技研究性能的網(wǎng)站要選用藍(lán)色、綠色等有生機(jī)的色調(diào)來渲染。另外，所選的色彩還需要合理搭配才能體現(xiàn)出網(wǎng)站的主題，同色調(diào)的搭配、相似色調(diào)的搭配、反差大的色調(diào)搭配以及主色調(diào)的選擇、輔色調(diào)的選擇等都要設(shè)計(jì)者仔細(xì)掂量，并將網(wǎng)站的主題結(jié)合進(jìn)來，才能讓網(wǎng)頁的視覺效果吸引用戶的眼球。

（三）將用戶的認(rèn)知習(xí)慣合理的結(jié)合起來

不同的用戶具有不同的思維習(xí)慣，他們的審美觀也各不相同，要想讓用戶對(duì)網(wǎng)頁的設(shè)計(jì)效果滿意，還需要將他們的認(rèn)知習(xí)慣科學(xué)合理地結(jié)合到網(wǎng)頁設(shè)計(jì)的過程中。設(shè)計(jì)者不僅要具有良好的專業(yè)素質(zhì)，還要具有明確用戶需求、了解用戶認(rèn)知習(xí)慣的能力，才能將各種網(wǎng)頁設(shè)計(jì)中的視覺構(gòu)成要素科學(xué)系統(tǒng)地結(jié)合起來，達(dá)到設(shè)計(jì)網(wǎng)頁的效果，達(dá)到用戶的需求。