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