時(shí)間：2023-04-01 10:29:24
序論：在您撰寫網(wǎng)頁設(shè)計(jì)論文時(shí)，參考他人的優(yōu)秀作品可以開闊視野，小編為您整理的7篇范文，希望這些建議能夠激發(fā)您的創(chuàng)作熱情，引導(dǎo)您走向新的創(chuàng)作高度。
1、大多數(shù)教師的教學(xué)內(nèi)容主要為以下幾種類型：
（1）上課主要講解Dreamweaver軟件的使用，主要介紹如何使用這個(gè)工具進(jìn)行網(wǎng)站的開發(fā)。
（2）介紹fireworks如何繪圖，并將繪圖的內(nèi)容切片，將網(wǎng)頁展現(xiàn)出來。
（3）將Dreamweaver、Flash和Fireworks分別教給學(xué)生。由于課時(shí)的原因，學(xué)生每種都會點(diǎn)，但沒有一樣能精通。
2、存在的不足：
經(jīng)過與現(xiàn)從事網(wǎng)站建設(shè)相關(guān)工作的學(xué)生調(diào)研，我發(fā)現(xiàn)上面的任何一種教學(xué)內(nèi)容，都無法在實(shí)踐中得到充分的應(yīng)用，原因如下：首先，從事網(wǎng)站設(shè)計(jì)的企業(yè)，一般都有專門的美工，負(fù)責(zé)網(wǎng)頁界面的設(shè)計(jì)，他們的美術(shù)功底及設(shè)計(jì)能力遠(yuǎn)非計(jì)算機(jī)專業(yè)的學(xué)生能達(dá)到。其次，現(xiàn)在的網(wǎng)站基本采用DIV+CSS進(jìn)行設(shè)計(jì)，原先采用表格設(shè)計(jì)網(wǎng)頁的技術(shù)已處于淘汰階段。而在目前的教學(xué)中，DIV+CSS在中職學(xué)校中根本沒有開展教學(xué)。于是就出現(xiàn)了這樣的現(xiàn)象：計(jì)算機(jī)專業(yè)的學(xué)生在網(wǎng)頁設(shè)計(jì)的崗位上美工做不好，頁面也不會設(shè)計(jì)，教學(xué)內(nèi)容和實(shí)際需求的能力脫節(jié)。
3、當(dāng)前計(jì)算機(jī)專業(yè)的網(wǎng)頁設(shè)計(jì)課程教學(xué)內(nèi)容的組織
首先，在學(xué)習(xí)Dreamweaver的基礎(chǔ)上，講解HTML語言。其次，好的網(wǎng)頁需要有新的技術(shù)支持?，F(xiàn)在主流的網(wǎng)站都采用了DIV+CSS結(jié)構(gòu),DIV+CSS是網(wǎng)頁美工必須了解和掌握的一門技術(shù),DIV+CSS采用樣式和結(jié)構(gòu)分離的方式,利于搜索引擎讀取網(wǎng)站頁面,方便管理和網(wǎng)站維護(hù)。
二、教學(xué)方法和教學(xué)思路探索改善
針對上述提出的實(shí)際問題，我對中職網(wǎng)頁設(shè)計(jì)教學(xué)的教學(xué)思路和教學(xué)方法提出以下的見解：
1、提高教師實(shí)踐能力水平，改進(jìn)教學(xué)方法。
作為網(wǎng)頁設(shè)計(jì)課程教學(xué)的教師來說必須關(guān)注互聯(lián)網(wǎng)應(yīng)用的實(shí)時(shí)趨勢，走出課堂、走出校園、深入到企業(yè)了解就業(yè)市場需求。學(xué)校可以加強(qiáng)校企合作，從政策上引導(dǎo)和鼓勵(lì)教師利用寒暑假深入到企業(yè)進(jìn)行實(shí)踐。深入了解一個(gè)完整的網(wǎng)站的創(chuàng)建過程，從規(guī)劃到素材的搜集與處理，到網(wǎng)站制作，再到網(wǎng)站維護(hù)。教師把企業(yè)中的項(xiàng)目拿到課堂教學(xué)中，學(xué)生從完成項(xiàng)目的過程中，明確地知道自己學(xué)習(xí)了網(wǎng)頁設(shè)計(jì)這門課程，以后能做什么工作，在工作中怎么去應(yīng)用課堂上的知識。
2、多種教學(xué)方法并用，優(yōu)化課堂教學(xué)。
(1)分層次教學(xué)法
傳統(tǒng)的課程設(shè)計(jì)對所有學(xué)生都制定統(tǒng)一的標(biāo)準(zhǔn)和要求,這樣影響了基礎(chǔ)好、動手能力較高的學(xué)生,抑制了他們的發(fā)展。“分層教學(xué)”就是進(jìn)行有層次的教學(xué)，針對于每堂課程給每個(gè)層次學(xué)生制定不同的標(biāo)準(zhǔn),根據(jù)學(xué)生掌握的水平和對這門課學(xué)習(xí)的興趣、智力水平及內(nèi)在潛力等一些軟指標(biāo)來區(qū)分學(xué)生層次,讓同學(xué)們在正確認(rèn)識自己、評價(jià)自己的基礎(chǔ)上進(jìn)行自我選擇。教學(xué)對象的分層有利于教學(xué)目標(biāo)的分層,可以更好地調(diào)動每一個(gè)學(xué)生的學(xué)習(xí)積極性、主動性。
(2)個(gè)性化教學(xué)法
網(wǎng)頁設(shè)計(jì)教學(xué)有別于其他軟件的教學(xué),它具有較強(qiáng)的實(shí)踐性。所以在教學(xué)中應(yīng)充分體現(xiàn)學(xué)生的主體作用,雖然很多教師都注意到了這一點(diǎn),教師利用較短時(shí)間操作演示,讓學(xué)生用大量時(shí)間去實(shí)踐,但是學(xué)生出現(xiàn)了模仿、記憶的操作過程,往往按部就班的學(xué)習(xí),知識沒有經(jīng)過自己思維的深加工而一知半解。為了避免該問題發(fā)生,教師在綜合訓(xùn)練時(shí)可以提供給學(xué)生一些優(yōu)秀的網(wǎng)頁作品供學(xué)生參考,讓他們在某一特定主題下自己動手制作。這樣才有利于學(xué)生探究知識、自我學(xué)習(xí)能力的培養(yǎng),也能充份體驗(yàn)出學(xué)生的個(gè)性，從而保護(hù)了每個(gè)學(xué)生的創(chuàng)造力。
(3)案例教學(xué)法
案例教學(xué)法對于這門課程是非常重要的，要求學(xué)生做出高水平、高質(zhì)量的網(wǎng)頁，首先要開闊學(xué)生的視野，開拓學(xué)生的思路，見多才能識廣，教師在上課的過程中，一定要精心設(shè)計(jì)案例，案例應(yīng)該由易到難，不能讓學(xué)生產(chǎn)生畏難情緒，而降低積極性。案例教學(xué)的著眼點(diǎn)在于學(xué)生創(chuàng)造能力以及實(shí)際解決問題的能力的培養(yǎng)，不僅僅是獲得那些固定的原理、規(guī)則，而是如何用更有效的方式獲得知識。案例教學(xué)是一種“做中學(xué)”的形式，它是從經(jīng)驗(yàn)與活動中獲取知識，增進(jìn)才干。通過案例教學(xué)，學(xué)生不僅可以從中獲得認(rèn)知的知識，而且有助于提高表達(dá)、討論的技能，增強(qiáng)面對困難的自信心。
（4）任務(wù)驅(qū)動法
任務(wù)驅(qū)動法是以完成具體任務(wù)為目的而展開教學(xué)活動，使學(xué)生緊緊圍繞任務(wù)進(jìn)行探索學(xué)習(xí)，由淺入深，由簡及繁，循序漸進(jìn)地完成特定的教學(xué)任務(wù)。在整個(gè)過程中，學(xué)生是學(xué)習(xí)的主體，教師只起到引導(dǎo)的作用，從而使學(xué)生逐漸養(yǎng)成發(fā)現(xiàn)問題、思考問題、分析問題、解決問題的習(xí)慣。同時(shí)“任務(wù)”的完成使學(xué)生有成就感，激發(fā)學(xué)生學(xué)習(xí)興趣，從而使學(xué)生由傳統(tǒng)的“被動學(xué)習(xí)”狀態(tài)轉(zhuǎn)化為“主動學(xué)習(xí)”狀態(tài)。本課程期末考核可以通過設(shè)計(jì)一個(gè)覆蓋網(wǎng)頁設(shè)計(jì)與制作所需要掌握的知識和技術(shù)的總?cè)蝿?wù)，然后再將總?cè)蝿?wù)進(jìn)行細(xì)分為一個(gè)個(gè)小的任務(wù)，做到具體小任務(wù)的完成推動總?cè)蝿?wù)的完成。通過任務(wù)的完成，學(xué)生能夠在一個(gè)學(xué)期內(nèi)有效的掌握相關(guān)知識和技能，提高了學(xué)生學(xué)習(xí)效率和實(shí)際操作能力。因此，任務(wù)驅(qū)動法在網(wǎng)頁設(shè)計(jì)教學(xué)中是非常有效的。
3、教學(xué)手段，以啟發(fā)和體會為主
在網(wǎng)頁設(shè)計(jì)教學(xué)中，理論知識講得再多，如果學(xué)生不會靈活運(yùn)用，一點(diǎn)用處也沒有。在教學(xué)中，不必太拘束于理論，應(yīng)讓學(xué)生結(jié)合實(shí)踐，去理解和體會知識。如在學(xué)習(xí)網(wǎng)頁的布局和頁面色彩時(shí)，教師應(yīng)找各種各樣的典型網(wǎng)頁或網(wǎng)站，讓學(xué)生在上網(wǎng)或觀察中體會。學(xué)生在觀察和研究這些不同的網(wǎng)站設(shè)計(jì)的時(shí)候，教師可以讓學(xué)生評選出自己喜歡的或者是覺得最好的和最差的，讓學(xué)生說說它們的差異。通過這樣的觀察和體會，讓學(xué)生明白網(wǎng)頁設(shè)計(jì)過程中，需要注意什么，怎么做才會更好。學(xué)生結(jié)合自己的實(shí)際體會，歸納總結(jié)出自己能理解和掌握的知識。
4、實(shí)踐環(huán)節(jié)重引導(dǎo)
中職計(jì)算機(jī)教學(xué)更重視實(shí)踐，重視動手操作，否則理論知識再豐富，如果不會動手實(shí)踐，也不能保證學(xué)生能夠更好地就業(yè)。實(shí)踐環(huán)節(jié)不但要重視，還要高效，有些學(xué)校在課程的實(shí)踐方面，分配了足夠的課時(shí)，但實(shí)踐的效果并不好。在網(wǎng)頁設(shè)計(jì)這種相對比較開放和自由的實(shí)踐課上，可讓學(xué)生充分發(fā)揮自己的想象力和創(chuàng)造力。值得注意的是，在學(xué)生的實(shí)踐過程中，教師要對學(xué)生進(jìn)行適當(dāng)?shù)膸椭鸵龑?dǎo)，如果任由學(xué)生自己去摸索，那么很可能在上機(jī)實(shí)踐這段有限的時(shí)間內(nèi)，學(xué)生很難做出點(diǎn)東西來。這個(gè)階段并不是學(xué)生探索的階段，重要的是鼓勵(lì)學(xué)生把設(shè)想變?yōu)楝F(xiàn)實(shí)。
三、考核、評價(jià)方法的改變
網(wǎng)頁設(shè)計(jì)課程的實(shí)踐性非常強(qiáng)，我們要檢驗(yàn)的是學(xué)生的設(shè)計(jì)能力、綜合應(yīng)用能力和創(chuàng)新能力，那么單純靠最后的期末考試，是不能確切的評價(jià)一個(gè)學(xué)生的真實(shí)水平，而要將平時(shí)的作業(yè)、練習(xí)都納入學(xué)生評價(jià)中。對于網(wǎng)頁這門課程，我認(rèn)為比較合理的評價(jià)方法應(yīng)該是平時(shí)的作業(yè)占50%，期末考試占50%。平時(shí)的作業(yè)就是一次次的案例，檢查學(xué)生平時(shí)學(xué)習(xí)的態(tài)度和知識的掌握情況。對于期末考試，我認(rèn)為應(yīng)該以要求學(xué)生設(shè)計(jì)一個(gè)完整的網(wǎng)站來結(jié)束本課程，而不是要求在給定時(shí)間內(nèi)完成任務(wù)，本身一個(gè)網(wǎng)站的建設(shè)在短短的兩三個(gè)小時(shí)內(nèi)是無法完成的，包括素材的收集、版面的布局、內(nèi)容的充實(shí)等，何況學(xué)生可以利用互聯(lián)網(wǎng)來收集相關(guān)的資料，參考引用他人模板來完成任務(wù)，所以應(yīng)該以上交作品的形式完成本課程的期末考試，在作品完成的過程中，老師進(jìn)行巡視、評價(jià)，也就是我們考核的不僅僅是最后的作品，而是將完成作品的過程也作為我們評價(jià)的一個(gè)依據(jù)。最后，上交的作品可以讓全班同學(xué)互相點(diǎn)評、互相評價(jià)，在評價(jià)別人作品的同時(shí)以提高自己的水平。
四、總結(jié)
在用戶獲取信息的方式上，網(wǎng)頁有別于紙質(zhì)媒介，網(wǎng)頁是以瀏覽為主，而紙質(zhì)媒介是以閱讀為主。所謂瀏覽，按照字面意思就是粗略、大致地看一遍，其主要目的是大致了解，搜尋是否有感興趣的信息線索；閱讀比瀏覽更具有主動性和目的性，是有目的地讀，其目標(biāo)是理解。克魯格在《別讓我動腦筋——網(wǎng)頁設(shè)計(jì)效果優(yōu)化藝術(shù)》一書中提出了設(shè)計(jì)出好網(wǎng)頁必須面對的三個(gè)事實(shí)：一是“我們不是閱讀網(wǎng)頁，而是瀏覽”；二是“我們不做最佳選擇，而是滿意而止”；三是“我們不深究原理或本質(zhì)，而是想當(dāng)然地使用”。我們?yōu)槭裁磳W(wǎng)頁是瀏覽呢？克魯格的分析認(rèn)為有三個(gè)原因：一是因?yàn)榇颐Γ褂镁W(wǎng)絡(luò)的目的多半是想節(jié)約時(shí)間，這樣用戶就會不停地運(yùn)動；二是用戶知道不必全部閱讀，通常一個(gè)網(wǎng)頁里面只有很少一部分是他們感興趣的；三是用戶擅長瀏覽，瀏覽是人們?nèi)粘Ｉ钪兴褜ば畔⒌膽T用方法?；谶@樣一些原因，用戶使用網(wǎng)站就是瀏覽、滿意、再瀏覽、再滿意這樣一個(gè)循環(huán)往復(fù)的過程，直至滿意而歸。如果中間出現(xiàn)了不滿意，這個(gè)過程就會終止，用戶就帶著不滿意而離開。所以，在設(shè)計(jì)網(wǎng)頁時(shí)，哲學(xué)家威廉提出的奧卡姆剃刀原理“如無必要，勿增實(shí)體”和建筑大師密斯•凡•德•羅提出的“少即是多”原則是我們檢驗(yàn)設(shè)計(jì)的兩面鏡子。在確定網(wǎng)頁的內(nèi)容時(shí)，突出那些重要的內(nèi)容，去掉那些不必要的圖案和文字，即使那些能夠讓你的網(wǎng)頁在視覺上產(chǎn)生更好的效果，但如果其干擾重要信息的瀏覽，仍然應(yīng)該果斷地去掉。在網(wǎng)頁中，只有那些有利于信息傳達(dá)目標(biāo)的美才是有價(jià)值的，美應(yīng)該符合于功能的需要，美和功能的和諧統(tǒng)一才是網(wǎng)頁設(shè)計(jì)追求的目標(biāo)。為了便于瀏覽，在網(wǎng)頁內(nèi)容的編排上必須尊重視覺習(xí)慣，我們在瀏覽時(shí)總是從左到右，由上而下地掃視，要根據(jù)內(nèi)容的重要性，進(jìn)行從左到右、由上而下地依次排列，使重要的內(nèi)容最先映入瀏覽者的眼簾。在文案的寫作上，為了便于快速瀏覽，一是對標(biāo)題、關(guān)鍵內(nèi)容加以強(qiáng)調(diào)；二是采用短的句子和段落；三是采用清晰的分區(qū)和列表；四是先總體后詳細(xì)的寫作順序。用戶在進(jìn)行瀏覽時(shí)首先是通過標(biāo)題和關(guān)鍵詞來初步判斷內(nèi)容是否符合自己的興趣，然后再通過總體的概述來決定是否有繼續(xù)瀏覽下去的必要。在瀏覽的過程中，短句和短的段落有利于減小理解的難度和縮短判斷的時(shí)間，清晰的分區(qū)和列表能夠讓人快速抓住其關(guān)注的興趣點(diǎn)，促進(jìn)人們繼續(xù)瀏覽。
二、網(wǎng)頁設(shè)計(jì)不應(yīng)打破慣例
前面已經(jīng)提到，網(wǎng)頁是一個(gè)要求即看即用的特殊“產(chǎn)品”，也就是一看我們就要知道如何使用。我們雖然使用了若干手機(jī)，但我們購買了一款新的手機(jī)時(shí)，我們還是得閱讀說明書后才能正常使用，網(wǎng)頁確不需要。那如何才能達(dá)到即看即用呢？使用慣例就是最好的武器，這也是提高所有產(chǎn)品易用性的重要法寶。慣例就是我們已經(jīng)習(xí)慣了的東西，我們一看就知道它的意思，就知道怎么去操作，因?yàn)閼T例是我們?nèi)粘Ｉ钪蟹e累起來的，已經(jīng)存入大腦的固有知識。唐納德•A•諾曼在《設(shè)計(jì)心理學(xué)》中將知識分為了存儲于外部的知識和存儲于頭腦內(nèi)部的知識，使用存儲于外部的知識不需要學(xué)習(xí)，但效率低；使用頭腦內(nèi)部的知識需要專門學(xué)習(xí)，但效率高。而慣例是已經(jīng)存儲在頭腦內(nèi)部的知識，具有外部知識的高易用性和頭腦內(nèi)部知識的高效率。在網(wǎng)頁設(shè)計(jì)中有很多慣例是不能輕易去打破的，一是重要導(dǎo)航在頁面的位置，按照慣例一般布置在頁面的上部、左上部或右上部，首頁的鏈接放置在最前面；二是網(wǎng)站的標(biāo)識放置在頁面的左上部，瀏覽者用其來判別是否到達(dá)了目標(biāo)網(wǎng)站；三是文字鏈接要加下劃線（也可以鼠標(biāo)放上去才出現(xiàn)），瀏覽者用其來判斷是否有超級鏈接；四是常用標(biāo)識符號，如在多頁文檔中，代表向上翻頁，代表向下翻頁；在視頻、音頻播放中■代表停止，代表暫停，代表播放。這些標(biāo)識符號在網(wǎng)頁中已經(jīng)具有特定的意義，是不能隨意改變的。
三、設(shè)計(jì)層面之間的邏輯聯(lián)系
在《用戶體驗(yàn)的要素——以用戶為中心的Web設(shè)計(jì)》一書中論述了網(wǎng)頁設(shè)計(jì)的五個(gè)層面，包括戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層和表現(xiàn)層，并確定了自下而上的建設(shè)流程，規(guī)定了設(shè)計(jì)的程序。自下而上的各個(gè)層面，從抽象逐漸變成具體，并且包含著密切的邏輯聯(lián)系。戰(zhàn)略層確定的網(wǎng)站目標(biāo)和用戶需求，是整個(gè)網(wǎng)站設(shè)計(jì)的基石，其決定范圍層的內(nèi)容選擇和功能設(shè)計(jì)；結(jié)構(gòu)層是對范圍層選擇的內(nèi)容進(jìn)行分類和組織，形成信息架構(gòu)，以及對確定的功能進(jìn)行交互設(shè)計(jì)，確定交互的過程和交互行為；框架層是在結(jié)構(gòu)層信息架構(gòu)的基礎(chǔ)上，根據(jù)完成任務(wù)的需要，利用超級鏈接設(shè)置來完成導(dǎo)航設(shè)計(jì)，以及規(guī)劃信息架構(gòu)在頁面空間中的位置關(guān)系，形成布局框架；表現(xiàn)層是對框架層進(jìn)行具體的視覺表現(xiàn)，包括圖形設(shè)計(jì)、色彩設(shè)計(jì)、信息圖表設(shè)計(jì)、動畫設(shè)計(jì)、視頻設(shè)計(jì)等。從上面的分析可以看出，下一層是上一層的設(shè)計(jì)依據(jù)或設(shè)計(jì)對象，上一層是下一層的進(jìn)一步深化和具體，相鄰層之間緊密聯(lián)系，既不能交換，也不能跨越，更不能缺少，具有嚴(yán)格的秩序，形成了完整的邏輯鏈條，理性思維貫穿在整個(gè)設(shè)計(jì)過程之中。
四、結(jié)語
在一個(gè)合理的課程體系的基礎(chǔ)之上，針對目前中職學(xué)生基礎(chǔ)差，學(xué)習(xí)積極性不高的特點(diǎn)，選擇一本好的教材，在一定程度上也影響了學(xué)生的學(xué)習(xí)興趣和教學(xué)效果。在選擇教材時(shí)，一定要堅(jiān)持少理論，多應(yīng)用實(shí)例的原則，如果條件允許，可以根據(jù)本校學(xué)生的實(shí)際情況編寫校本教材。比如，可以編寫一門《網(wǎng)頁美工設(shè)計(jì)》的教材，內(nèi)容分為Photoshop和Flash兩大部分，在Photoshop部分主要學(xué)習(xí)如何應(yīng)用該軟件處理網(wǎng)頁圖像以及設(shè)計(jì)網(wǎng)頁布局和對網(wǎng)頁進(jìn)行切片的技術(shù)，而在Flash部分主要是學(xué)習(xí)如何制作網(wǎng)頁的動態(tài)元素?？紤]到中職學(xué)生英語基礎(chǔ)差，對程序代碼的理解能力有限，在動態(tài)網(wǎng)頁制作教材的選擇中，要優(yōu)先選擇利用Dreamweaver軟件的服務(wù)器行為實(shí)現(xiàn)動態(tài)技術(shù)的教材，盡可能減少對程序代碼的過多講述，以提高學(xué)生學(xué)習(xí)的興趣和自信心。
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ì)理念，以及如何對網(wǎng)頁圖片進(jìn)行處理才能更加吸引網(wǎng)民的眼球等，讓學(xué)生意識到網(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é)生就會在自己心里形成一個(gè)風(fēng)格，這也是學(xué)生學(xué)習(xí)好網(wǎng)頁設(shè)計(jì)課程的基礎(chǔ)和前提。
2.2舉一反三，培養(yǎng)學(xué)生學(xué)習(xí)能動性
網(wǎng)頁設(shè)計(jì)是一門專業(yè)技能，非常注重學(xué)生實(shí)際動手能力的培養(yǎng)。在實(shí)際教學(xué)中，教師要充分準(zhǔn)備大量的具體案例，采用提問法、任務(wù)驅(qū)動教學(xué)法、講練結(jié)合法等方法對學(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ù)勛约涸谧龅倪^程中的心得體會。這樣，在課堂上，大部分的時(shí)間就交給了學(xué)生，讓學(xué)生始終處于動手的狀態(tài)。作為教師，在學(xué)生實(shí)施任務(wù)的過程中，不要過多干涉學(xué)生，而是多給學(xué)生以引導(dǎo)，讓學(xué)生自己思考、設(shè)計(jì)、完善，讓學(xué)生在實(shí)踐中自我摸索，不斷提高。通過這種方式，不僅起到了舉一反三的教學(xué)效果，而且充分發(fā)揮了學(xué)生的學(xué)習(xí)能動性，使得學(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)成員等。對于小組內(nèi)的成員，要明確分工職責(zé)。以網(wǎng)頁設(shè)計(jì)綜合實(shí)訓(xùn)為例，面對一個(gè)完整的網(wǎng)站系統(tǒng)任務(wù)，需要3個(gè)小組成員，其中，一個(gè)負(fù)責(zé)網(wǎng)頁圖片素材、動態(tài)效果的處理，一個(gè)負(fù)責(zé)整體網(wǎng)站的布局、色彩搭配，以及切片導(dǎo)入Dreamweaver的工作，一個(gè)負(fù)責(zé)數(shù)據(jù)庫設(shè)計(jì)和后臺服務(wù)器行為的實(shí)現(xiàn)。當(dāng)然，為了讓每個(gè)學(xué)生都能夠全面掌握網(wǎng)頁設(shè)計(jì)的技術(shù)，每次合作時(shí)的角色也是應(yīng)該輪換的，而非固定不變，特別是小組長的輪換，體現(xiàn)了人人平等的精神，讓每個(gè)學(xué)生都體會到自己在小組中的重要性，從而激發(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í)中，教師要針對班級、小組的具體情況，在宏觀層面給學(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é)過程中。現(xiàn)階段，作為網(wǎng)絡(luò)信息承載者的網(wǎng)頁是一把雙刃劍，各種信息充斥其中，對于這些正處于青春期的中職生，如何正確對待這些信息，將對他們的成長發(fā)揮重要作用。因此要將網(wǎng)頁作為德育教育的載體，通過制作以“健康、向上”為主題的網(wǎng)站，在搜集素材的過程中多接觸先進(jìn)人物、先進(jìn)事跡，無形中讓學(xué)生，逐步樹立正確的人生觀和價(jià)值觀，讓學(xué)生學(xué)會做人做事。
4結(jié)束語
通過《網(wǎng)頁設(shè)計(jì)與制作》多年的教學(xué)發(fā)現(xiàn)，應(yīng)用傳統(tǒng)的教學(xué)方式及考核方法學(xué)生只建立了的基礎(chǔ)的專業(yè)課程知識概念及單一的基本操作，并不能綜合應(yīng)用操作技能完成某主題網(wǎng)站的設(shè)計(jì)與制作。為了建立以網(wǎng)頁設(shè)計(jì)與制作技能考核為主線的開放式、全過程的考核體系，提高學(xué)生綜合項(xiàng)目實(shí)踐能力，更好的與社會需求接軌。有必要對傳統(tǒng)的考核方式進(jìn)行改革，同時(shí)經(jīng)過多年教學(xué)探索，結(jié)合人才培養(yǎng)方案制定了以下的考核方案。
二、考核方案
1.考核方案的制定
本考核采取學(xué)生小組合作（每組2-3名學(xué)生）完成一個(gè)規(guī)定主題網(wǎng)站項(xiàng)目的方式展開?？偝煽冇刹僮骺己顺煽儭㈨?xiàng)目報(bào)告成績兩部分組成，權(quán)重分別為70％、30％，每一項(xiàng)按百分制評分后依權(quán)重比例計(jì)入總成績，總成績不及格者必須重修本課程并重新參加考試。因本校的現(xiàn)有學(xué)期總評成績是由平時(shí)成績30%、期中成績30%、期末成績40%組成，為了與學(xué)校的評分要求接軌，將本次考試所得的總成績作為學(xué)校學(xué)期總評成績的期末成績部分。并在此說明平時(shí)成績30%部分是由學(xué)生本學(xué)期的課程作業(yè)完成情況、出勤及上課表現(xiàn)綜合評定。本考核方案中的操作考核、項(xiàng)目報(bào)告都有具體的考核方案，其中操作考核實(shí)施的具體要求以試卷形式展現(xiàn)，內(nèi)容要求以表“操作考核內(nèi)容”為中心，以考核學(xué)生綜合網(wǎng)站制作能力為基本思路，通過小組合作完成主題網(wǎng)站的設(shè)計(jì)與制作，具體要求在此省略。此外要求學(xué)生撰寫項(xiàng)目報(bào)告不僅讓學(xué)生明確各自的份內(nèi)工作，同時(shí)要求學(xué)生善于思考、總結(jié)，每做一個(gè)項(xiàng)目都有所收獲。項(xiàng)目報(bào)告實(shí)施的具體要求涉及以下幾個(gè)方面的內(nèi)容：
（1）項(xiàng)目實(shí)施過程。項(xiàng)目實(shí)施過程包括前期策劃、資料搜集、網(wǎng)頁制作。在前期策劃階段，要求小組共同確定網(wǎng)站名稱、網(wǎng)站風(fēng)格（列舉網(wǎng)頁采用主要色彩及網(wǎng)頁色調(diào)定位）、網(wǎng)站欄目、站點(diǎn)目錄結(jié)構(gòu)的內(nèi)容以形成完整的網(wǎng)站規(guī)劃，在此規(guī)劃的指導(dǎo)下進(jìn)行資料搜集、協(xié)作完成網(wǎng)頁制作。其中網(wǎng)頁制作中要求頁面美工設(shè)計(jì)階段介紹所用軟件及提供至少首頁效果圖截圖；靜態(tài)頁面制作階段要求繪制網(wǎng)頁布局的結(jié)構(gòu)圖及標(biāo)注尺寸；程序開發(fā)階段列舉所用的開發(fā)工具、對數(shù)據(jù)庫、表進(jìn)行截圖，以及繪制程序開發(fā)頁面流程圖。
（2）項(xiàng)目總結(jié)。對本項(xiàng)目完成情況進(jìn)行分析、總結(jié)，并介紹項(xiàng)目實(shí)施過程中的收獲及體會。在作品展示時(shí)要求各小組派出代表對作品進(jìn)行介紹，總結(jié)，便于相互交流經(jīng)驗(yàn)。
（3）項(xiàng)目組介紹。對該項(xiàng)目組成員進(jìn)行介紹及項(xiàng)目實(shí)施過程中的人員分工情況進(jìn)行報(bào)告。體現(xiàn)小組合作開發(fā)項(xiàng)目的工作模式，讓學(xué)生明白實(shí)際工作中不僅需要具備較高的技術(shù)能力，還要有合作意識，與合作者之間有效、和諧的溝通。
2.考核方式
作者在論文的寫作當(dāng)中難免要閱讀相關(guān)的學(xué)術(shù)資料，在論文引用的他人作品時(shí)不能全部都寫到論文當(dāng)中去，那么只要將其主要文獻(xiàn)標(biāo)注好后依次列在論文的最后面。下面是學(xué)術(shù)參考網(wǎng)的小編整理的關(guān)于網(wǎng)頁設(shè)計(jì)論文參考文獻(xiàn)，歡迎大家閱讀賞析。
網(wǎng)頁設(shè)計(jì)論文參考文獻(xiàn)：
[1]胡崧.HTML從入門到精通[M].北京：中國青年出版社，2007.
[2]知新文化.HTML完全手冊與速查辭典[M].北京：科學(xué)出版社，2007.
[3]楊選輝.網(wǎng)頁設(shè)計(jì)與制作教程[M].北京：清華大學(xué)出版社，2009.
[4]王誠君，劉振華，郭竑暉，高中山.Dreamweaver8網(wǎng)頁設(shè)計(jì)應(yīng)用教程[M].北京：清華大學(xué)出版社，2007.
[5]李光明，曹蕾，余輝.中文Dreamweaver8網(wǎng)頁設(shè)計(jì)與實(shí)訓(xùn)教程[M].北京：冶金工業(yè)出版社，2006.
[6]周德華，許銘霖.新編網(wǎng)頁設(shè)計(jì)教程[M].北京：冶金工業(yè)出版社，2006.
[7]趙銘建，趙慧，喬孟麗，康梅娟.網(wǎng)頁設(shè)計(jì)與制作[M].東營：中國石油大學(xué)出版社，2007.
[8]趙祖蔭，王云翔，胡耀芳.網(wǎng)頁設(shè)計(jì)與制作教程[M].北京：清華大學(xué)出版社，2008.
[9]陳季.Flash基礎(chǔ)與實(shí)例教程[M].北京：北京希望電子出版社，2005.
[10]丁海祥.計(jì)算機(jī)平面設(shè)計(jì)實(shí)訓(xùn)[M].北京：高等教育出版社，2005.
[11]曹雁青，楊聰.Photoshop經(jīng)典作品賞析[M].北京：北京海洋智慧圖書有限公司，2002.
[12]張怒濤.Photoshop平面設(shè)計(jì)圖像處理技法[M].北京：清華大學(xué)出版社，2003.
[13]陳笑.Dreamweaver8，PhotoshopCS2，F(xiàn)lash8網(wǎng)頁制作實(shí)用教程[M].北京：清華大學(xué)出版社，2006.
[14]孫強(qiáng)，李曉娜，黃艷.JavaScript從入門到精通[M].北京：清華大學(xué)出版社，2008.
[15]劉智勇.JavaScript開發(fā)技術(shù)大全[M].北京：清華大學(xué)出版社，2009.
[16]陳會安.JavaScript基礎(chǔ)與實(shí)例教程[M].北京：中國電力出版社，2007.
[17]常永英.ASP.NET程序設(shè)計(jì)教程(C#版)[M].北京：機(jī)械工業(yè)出版社，2009.
[18]肖金秀，馮沃輝，陳少涌.ASP.NET程序設(shè)計(jì)教程[M].北京：冶金工業(yè)出版社，2003.
[19]金旭亮.ASP.NET程序設(shè)計(jì)教程[M].北京：高等教育出版社，2009.
[20]劉培文，韓小祥.ASP.NET程序設(shè)計(jì)教程[M].北京：中國人民大學(xué)出版社，2009.
網(wǎng)頁設(shè)計(jì)論文參考文獻(xiàn)：
[1]安穎蓮，李秀，姚瑞霞，田榮牌.《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)設(shè)計(jì)與實(shí)踐.中國教育信息化，2007(17).
[2]沈志剛，于曉霞.“模塊項(xiàng)目化”教學(xué)法在網(wǎng)頁設(shè)計(jì)與制作課程中的應(yīng)用.福建電腦，2009(5).
[3]周娟.高職網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)的幾點(diǎn)改進(jìn).電腦知識與技術(shù)，2009(26).
[4]蔡北勤.模塊化基礎(chǔ)上的工作過程系統(tǒng)化教學(xué)模式探討.交通職業(yè)教育，2007(6).
[5]，馮永華.課堂教學(xué)變革的反思與重建———“慕課”背景下課堂教學(xué)變革的思考[J].教師教育學(xué)報(bào)，2014，11(3)：53-63.
[6]孫曉娟.基于“慕課”的高職課程改革及教學(xué)評價(jià)的研究[J].中國管理信息化，2016，1(4)：236-237.
[7]張琳.高職網(wǎng)頁設(shè)計(jì)課程的教學(xué)生態(tài)模式研究[J].教育現(xiàn)代化，2015，4(10)：99-101.
[8]鄭偉、薛嵐.高職院校圖形類專業(yè)實(shí)踐教學(xué)研究[J].科技資訊，2010(12)：248-248.
[9]鄭偉.高職院校非圖形類專業(yè)《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)改革的探討[J].福建電腦，2011，27(1)：205-206.
[10]鄭偉、薛嵐.高職院校圖形類專業(yè)《網(wǎng)頁設(shè)計(jì)與制作》課程建設(shè)改革的探討[J].藝術(shù)科技，2013，26(3)：283-283.
[11]李榮剛.視覺傳達(dá)專業(yè)中的網(wǎng)頁設(shè)計(jì)課程探索[J].美術(shù)學(xué)刊，2012，(10).
[12]何磊孫志宜.視覺傳達(dá)設(shè)計(jì)專業(yè)課程教學(xué)改革與創(chuàng)新[J].合肥師范學(xué)院學(xué)報(bào)，2015，(1)33期
[13]魏坤.視覺傳達(dá)設(shè)計(jì)專業(yè)發(fā)展現(xiàn)狀與教學(xué)對策——以漢江大學(xué)設(shè)計(jì)學(xué)院為例[J].中國藝術(shù)，2013，(4).
[14]戴士弘.職業(yè)教育課程教學(xué)改革[M].北京：清華大學(xué)出版社，2007：13-15
[15]梁景紅.網(wǎng)站設(shè)計(jì)與網(wǎng)頁配色[M].北京，人民郵電出版社，2008，(52).
網(wǎng)頁設(shè)計(jì)論文參考文獻(xiàn)：
[1]王寅田.基于Hadoop的交通物流大數(shù)據(jù)處理系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[D].上海交通大學(xué)2014
[2]滕勇.基于WMI的電信營業(yè)終端管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D].上海交通大學(xué)2013
[3]劉暢.模型驅(qū)動的飛機(jī)座艙顯示控制應(yīng)用軟件開發(fā)方法研究與實(shí)現(xiàn)[D].上海交通大學(xué)2014
[4]李巖.可調(diào)整時(shí)間自動機(jī)可達(dá)性算法的研究與實(shí)現(xiàn)[D].上海交通大學(xué)2014
[5]余啟鴻.物流企業(yè)信用評級技術(shù)研究及系統(tǒng)實(shí)現(xiàn)[D].上海交通大學(xué)2014
[6]張明銳.基于AOP的座艙顯示應(yīng)用軟件框架研究與實(shí)現(xiàn)[D].上海交通大學(xué)2014
[7]浦杰.券商門戶系統(tǒng)統(tǒng)一通訊平臺的研究和實(shí)現(xiàn)[D].上海交通大學(xué)2012
[8]陸志林.基于jBPM和SSH的電子政務(wù)開發(fā)平臺的研究和實(shí)現(xiàn)[D].上海交通大學(xué)2012
[9]鄭琦.基于OCM模型的在線計(jì)費(fèi)系統(tǒng)開發(fā)及應(yīng)用[D].上海交通大學(xué)2007
[10]華天.電子制造企業(yè)產(chǎn)品生命周期管理系統(tǒng)的研究與實(shí)現(xiàn)[D].上海交通大學(xué)2013
引言…………………………………………………………………..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）的普及，動態(tài)網(wǎng)頁技術(shù)也急速發(fā)展。從原來的CGI（CommonGatewayIn－terface）到ASP（ActiveServerPage），都從某種程度上滿足了網(wǎng)頁開發(fā)人員對動態(tài)網(wǎng)頁開發(fā)技術(shù)的需求論文。但是不管是CGI還是ASP都存在一定的局限性，如CGI對服務(wù)器資源的耗費(fèi)，ASP只能同MicrosoftIIS一起使用等，這些都限制了這些技術(shù)的使用范圍，極大地阻礙了它們的推廣。廣大的頁面開發(fā)人員都熱切地盼望一種統(tǒng)一的頁面開發(fā)技術(shù)，該技術(shù)應(yīng)該具有的特點(diǎn)：①與操作平臺無關(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)網(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è)計(jì)和格式化最終的頁面。使用JSP標(biāo)識或者小腳本來生成頁面上的動態(tài)內(nèi)容（內(nèi)容是根據(jù)請求來變化的）。生成內(nèi)容的邏輯被封裝在標(biāo)識和JavaBeans組件中，并且捆綁在小腳本中，所有的腳本在服務(wù)器端運(yùn)行。如果核心邏輯被封裝在標(biāo)識和JavaBeans中，那么其他人，如Web管理人員和頁面設(shè)計(jì)者，能夠編輯和使用JSP頁面，而不影響內(nèi)容的生成。
2）強(qiáng)調(diào)可重用的組件：絕大多數(shù)JSP頁面依賴于可重用的、跨平臺的組件來完成應(yīng)用程序所要求的更為復(fù)雜的處理。得益于Java的操作平臺無關(guān)性，開發(fā)人員能夠很方便共享和交流執(zhí)行普通操作的組件，或者使得這些組件為更多的使用者所使用?；诮M件的方法加速了總體的開發(fā)過程，極大地提高了項(xiàng)目整體開發(fā)的效率。
雖然JSP功能強(qiáng)大，但是它要求網(wǎng)頁開發(fā)人員對Java要相當(dāng)熟悉。而現(xiàn)在Java程序員還比較少，對一般的網(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)簽的動態(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中，動作是可以創(chuàng)造與訪問程序語言對象和影響輸出流的元素。JSP定義了六個(gè)標(biāo)準(zhǔn)的動作。除了這六個(gè)標(biāo)準(zhǔn)動作以外，用戶可以定義自己的動作來完成特定的功能。這些動作被稱為客戶化動作，它們是可重用的程序模塊。通過這些動作，程序員就可以在JSP頁面中把頁面的顯示功能也部分地封裝起來，使整個(gè)頁面更加簡潔和易于維護(hù)。在一個(gè)JSP頁面中，這些客戶化動作是通過客戶化標(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)簽來完成這一功能即可，無需對系統(tǒ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)用指定的模板處理模塊對這個(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頁面的效果。如果用戶對頁面的靜態(tài)方面的效果不太滿意，用戶可以通過代碼查看修改窗口修改代碼中的HTML代碼。如果用戶對頁面的靜態(tài)效果有進(jìn)一步的要求，系統(tǒng)還為用戶提供了一個(gè)調(diào)用DreamWeaver編輯器的接口，用戶可以使用它來對生成出來的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。對于一般用戶來說，標(biāo)簽是透明的。用戶不能夠查看和修改標(biāo)簽。如果在標(biāo)簽中包含了過多的靜態(tài)HT－ML語句，將影響用戶對頁面的靜態(tài)效果的修改和完善，限制標(biāo)簽的使用。
2）盡量提高代碼的重用度。在對JSP應(yīng)用進(jìn)行分類是盡量把公用的JSP應(yīng)用提取出來，形成標(biāo)簽。而不用在每個(gè)標(biāo)簽中都重復(fù)實(shí)現(xiàn)該應(yīng)用。這樣在以后要對該應(yīng)用進(jìn)行修改和完善時(shí)，只需對這一個(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)簽所對應(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）以及供下一級標(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)大的動態(tài)頁面功能，開發(fā)出技術(shù)先進(jìn)的JSP動態(tài)Web頁面。由于本系統(tǒng)采用Java語言進(jìn)行開發(fā)，所以可以在任何支持圖形化界面的操作系統(tǒng)下運(yùn)行，實(shí)現(xiàn)了完全的與平臺無關(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è)出版社．
［2］BruceEckel．Java編程思想（ThinkinginJava）［M］．北京：機(jī)械工業(yè)出版社．
一、網(wǎng)站整體規(guī)劃，要做網(wǎng)頁的第一步便是做網(wǎng)站的整體規(guī)劃這主要包括四個(gè)方面的內(nèi)容。
1.討論網(wǎng)站的主題。
網(wǎng)站整體規(guī)劃是做網(wǎng)頁的第一步也是制作網(wǎng)頁最關(guān)鍵的一步它決定了你要表答的信息，因此我選擇了我選擇我最喜愛的服飾來為它做網(wǎng)頁。在平時(shí)我也對服裝的網(wǎng)頁比較關(guān)心，無論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁。
2.定位網(wǎng)站的CI形象?！耙追啤敝哺袊幕?，汲取自然稟賦之靈性，形成一個(gè)既有濃厚文化底蘊(yùn)，又有現(xiàn)代自然人文氣息的特色品牌。“易”即是容，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對人性寬度的一種拓展?！胺啤蓖ǚ?，是生機(jī)、是個(gè)性、是春意盎然、是自強(qiáng)不息，是對人性深度的一種挖掘?！吧钊缁ǎ栽诳鞓贰笔荵IFINI易菲的設(shè)計(jì)理念，倡導(dǎo)一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網(wǎng)站的CI形象。
3.確定欄目和板塊。
于時(shí)間的關(guān)系在本次我準(zhǔn)備做四張網(wǎng)頁：一張主頁三張二級頁面。分別設(shè)計(jì)了“時(shí)尚首頁、時(shí)尚衣秀、推薦產(chǎn)品、潮流信息”等四個(gè)欄目。在這四張頁面中我打算都用淡藍(lán)色做背景顏色來映襯我網(wǎng)頁的主打色綠色。
2.網(wǎng)站的整體風(fēng)格和創(chuàng)意。
整個(gè)網(wǎng)站的創(chuàng)意就在于顏色的搭配，與各種圖片的搭配，它們相互輝映，相互襯托。以便達(dá)到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍(lán)色和綠色為我網(wǎng)站的主打色主要是因?yàn)槲业漠a(chǎn)品特性。在設(shè)計(jì)上，YIEINI易菲推崇“自然美”，將帶表女性氣質(zhì)的花卉和自然元素融入設(shè)計(jì)之中，充分體現(xiàn)設(shè)計(jì)師和顧客所追求的一種灑脫、舒適的生活氛圍，力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達(dá)這張自然之美、和諧之美。
二、網(wǎng)頁制作的前期策劃與準(zhǔn)備，在本階級主要有兩方面的工作。
1.資料的搜集。
在做網(wǎng)頁我上網(wǎng)收集了許多方面的資料主要是有關(guān)網(wǎng)站的布局與服飾品牌方面的資料，我首先進(jìn)它的企業(yè)網(wǎng)站找了一些關(guān)于“易菲”服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去瀏覽了許多的網(wǎng)頁觀察其網(wǎng)頁的布局、顏色搭配、欄目、板塊等方面的內(nèi)容，同時(shí)也搜集了一些對我有用的資料。在搜索資料最困難的便是動態(tài)圖片的搜集，動態(tài)圖片其gif格式的還是好保存，但是要搜集flash動態(tài)圖片就相對較難了。我用了一天的時(shí)間來搜集我的flash都不太成功，不過還搜到了可以換自己圖片的代碼。在開始時(shí)我根本就不知道flash是怎樣搜索，不過經(jīng)過三次像老實(shí)詢問我終于懂得一些關(guān)于代碼的搜索。在搜集資料的過程之中我發(fā)現(xiàn)了自己的許多不足之處，最關(guān)鍵就是平時(shí)對知識的掌握不夠，連最基本的資料搜尋都覺得困難。也是我平時(shí)不夠認(rèn)真和努力的表現(xiàn)。通過這次的教訓(xùn)在以后我一定會做得更好，爭取不范類似錯(cuò)誤。
2.熟悉制作軟件。
做網(wǎng)頁主要用的工具便是Dremweaver、Photoshop、Flash軟件。在這些軟件我對Dremweaver、Photoshop相對比較熟悉，因?yàn)樵谄綍r(shí)上課是老師帶領(lǐng)我們運(yùn)用過。所以我還可以正常的運(yùn)用，但是出現(xiàn)的問題還是有很多。有很多不懂如何操作，只有通過在次去看書才能夠了解，這也體現(xiàn)了我學(xué)習(xí)方面的缺點(diǎn)，它是我平時(shí)不夠認(rèn)真的具體表現(xiàn)。
三、網(wǎng)頁制作，這便進(jìn)入我該次的主題了具體制作流程如下。
1.構(gòu)建站點(diǎn)框架。
在我打開Dremweaver后第一步便是新建站點(diǎn)，我把我的站點(diǎn)建立在F\儀下面。并將我搜集的全部資料都保存在其文件夾中，以便網(wǎng)頁制作時(shí)可以方便的使用。
2.設(shè)計(jì)主頁及二級頁面。
在主頁我設(shè)首頁制作時(shí)，時(shí)刻考慮著網(wǎng)頁的基本原則：統(tǒng)一，連貫，分割，對比及和諧的原則，內(nèi)容統(tǒng)一，都是為了主題服務(wù)，美容美體，一個(gè)網(wǎng)站強(qiáng)調(diào)的就是一個(gè)整體，只有圍繞一個(gè)統(tǒng)一的目標(biāo)所做的設(shè)計(jì)才是成功的；連貫，頁面之間關(guān)系連貫，統(tǒng)成一體；每版內(nèi)容都自成一體，顏色各異，便于瀏覽；整個(gè)網(wǎng)頁有動有靜，色彩呼應(yīng)，搭配協(xié)調(diào)，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且制作過程中，不忘以下原則：
簡潔實(shí)用：這是非常重要的，網(wǎng)絡(luò)特殊環(huán)境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便：同第一個(gè)是相一致的，滿足使用者的要求，網(wǎng)頁做得越適合使用，就越顯示出其功能美；頁面用色協(xié)調(diào)，布局符合形式美的要求：布局有條理，充分利用美的形式，是網(wǎng)頁富有可欣賞性，提高檔次。當(dāng)然雅俗共賞是人人都追求的。
交互式強(qiáng)：發(fā)揮網(wǎng)絡(luò)的優(yōu)勢，是每個(gè)使用者都參與到其中來，這樣的設(shè)計(jì)才能算成功的設(shè)計(jì)。這樣的網(wǎng)頁才算真正的美的設(shè)計(jì)。每個(gè)子頁都設(shè)有上導(dǎo)航欄，便于瀏覽和跳轉(zhuǎn)。3個(gè)二級網(wǎng)頁制作時(shí)，使用的是表格，每一個(gè)頁面都用表格為它布局好，然后在插入圖片文字及其他，這樣有一定的規(guī)劃性，體現(xiàn)了連貫統(tǒng)一性，不同的內(nèi)容根據(jù)各自的特色建立了不同的表格，突出各自的主題，增強(qiáng)了對比性。在做這些網(wǎng)頁的時(shí)候我就進(jìn)行了如上所述的方法。但我所以網(wǎng)頁的背景顏色及主題顏色都是相同的以便突出我每一個(gè)網(wǎng)頁都是為凸顯我主題而服務(wù)。
3.實(shí)現(xiàn)網(wǎng)頁間的鏈接。
我的鏈接按鈕主要有四個(gè)“時(shí)尚首頁、時(shí)尚衣秀、推薦產(chǎn)品、潮流信息”它分別鏈接到我所做的四個(gè)網(wǎng)頁。鏈接的過程其實(shí)很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。
4.向靜太網(wǎng)頁插入動態(tài)效果。
在這一階段我遇到了許多的問題，主要是我在主頁插入我的flash的時(shí)候，開是我將帶碼粘貼到我的網(wǎng)頁上可是在瀏覽網(wǎng)頁的時(shí)候flash卻不能夠顯示。最后我向老師的請教后終于在老師的幫助下我成功的在我的主頁插入了flash。而在其它的二級網(wǎng)頁我主頁插入的是一些gif格式的動態(tài)圖片。
