前言：想要寫(xiě)出一篇令人眼前一亮的文章嗎？我們特意為您整理了5篇網(wǎng)頁(yè)制作論文范文，相信會(huì)為您的寫(xiě)作帶來(lái)幫助，發(fā)現(xiàn)更多的寫(xiě)作思路和靈感。

網(wǎng)頁(yè)制作論文范文第1篇

論文摘要：項(xiàng)目教學(xué)法是師生為共同實(shí)施一個(gè)完整項(xiàng)目而進(jìn)行的教學(xué)活動(dòng)。文章介紹了將項(xiàng)目教學(xué)法應(yīng)用到《網(wǎng)頁(yè)制作技術(shù)》課程中的經(jīng)驗(yàn)及收獲。在整個(gè)教學(xué)過(guò)程中，著重培養(yǎng)學(xué)生的“四種能力”，以實(shí)現(xiàn)培養(yǎng)網(wǎng)站構(gòu)建人才的課程教學(xué)目標(biāo)。

項(xiàng)目教學(xué)法簡(jiǎn)介

項(xiàng)目教學(xué)法的前提是“項(xiàng)目”，是一個(gè)人人參與的集學(xué)習(xí)、創(chuàng)作于一體的過(guò)程。

項(xiàng)目教學(xué)法就是在教學(xué)中，組織學(xué)生真實(shí)地參加項(xiàng)目設(shè)計(jì)、實(shí)施和管理的全過(guò)程，在項(xiàng)目實(shí)施過(guò)程中完成教學(xué)任務(wù)。項(xiàng)目教學(xué)法的開(kāi)始階段，主要采用獨(dú)立作業(yè)的方式。項(xiàng)目教學(xué)法更多采用小組工作的方式，共同制定計(jì)劃、共同或分工完成整個(gè)項(xiàng)目。一般而言，項(xiàng)目教學(xué)法的實(shí)施過(guò)程可以分五個(gè)階段：

確定項(xiàng)目任務(wù)通常由教師提出一個(gè)或幾個(gè)項(xiàng)目的任務(wù)設(shè)想，與學(xué)生一起討論，最終確定項(xiàng)目的目標(biāo)和任務(wù)。制定計(jì)劃由學(xué)生制定項(xiàng)目工作計(jì)劃，確定工作步驟和程序，得到教師的認(rèn)可后實(shí)施。

實(shí)施計(jì)劃學(xué)生確定各自在小組中的分工以及小組成員的合作形式，然后按照已確立的工作步驟和程序開(kāi)展工作。

評(píng)價(jià)考核通過(guò)項(xiàng)目的完成情況對(duì)學(xué)生的學(xué)習(xí)效果進(jìn)行考查，包括教師評(píng)價(jià)、學(xué)習(xí)小組評(píng)價(jià)和自評(píng)三部分?？煞秩齻€(gè)級(jí)別進(jìn)行考核：第一級(jí)，由教師對(duì)各小組項(xiàng)目完成情況進(jìn)行評(píng)定，如能否共同協(xié)作，是否實(shí)現(xiàn)預(yù)期功能，是否具有創(chuàng)新意識(shí)等；第二級(jí)，由各小組成員根據(jù)每個(gè)組員對(duì)本小組的貢獻(xiàn)情況及參與意識(shí)進(jìn)行互評(píng)；第三級(jí)，由學(xué)生本人進(jìn)行自評(píng)，如自己是否在原有基礎(chǔ)上有所提高，是否已經(jīng)掌握本課程的知識(shí)點(diǎn)并熟練應(yīng)用。最后，綜合三級(jí)評(píng)定情況確定每名學(xué)生的學(xué)習(xí)成績(jī)。對(duì)于有企業(yè)參與的項(xiàng)目，必要時(shí)可由企業(yè)做出最終評(píng)價(jià)。

歸檔或結(jié)果應(yīng)用項(xiàng)目應(yīng)盡可能具有實(shí)際應(yīng)用價(jià)值，應(yīng)盡可能將項(xiàng)目的完成結(jié)果應(yīng)用到企業(yè)和學(xué)校的生產(chǎn)教學(xué)實(shí)踐中。

《網(wǎng)頁(yè)制作技術(shù)》課引入項(xiàng)目教學(xué)法

《網(wǎng)頁(yè)制作技術(shù)》是我院計(jì)算機(jī)應(yīng)用技術(shù)、計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)、軟件技術(shù)等專(zhuān)業(yè)的主干課程，具有實(shí)用性強(qiáng)，應(yīng)用面廣，操作性強(qiáng)、與崗位聯(lián)系密切等特點(diǎn)。為了更好地講授《網(wǎng)頁(yè)制作技術(shù)》課，我們進(jìn)行了大膽的教學(xué)改革，打破了傳統(tǒng)的教學(xué)模式，將實(shí)際項(xiàng)目引入課堂教學(xué)，改革教學(xué)方法、教學(xué)手段及考核形式，較好地實(shí)現(xiàn)了課程教學(xué)目標(biāo)?！毒W(wǎng)頁(yè)制作技術(shù)》的課程目標(biāo)《網(wǎng)頁(yè)制作技術(shù)》的課程目標(biāo)是結(jié)合職業(yè)崗位的需要，培養(yǎng)出能夠從事網(wǎng)頁(yè)平面設(shè)計(jì)或網(wǎng)站構(gòu)建的人才，提高學(xué)生的學(xué)習(xí)能力、協(xié)作能力和綜合能力。

將項(xiàng)目教學(xué)法引入《網(wǎng)頁(yè)制作技術(shù)》課本課程的傳統(tǒng)教學(xué)方式是先由教師在多媒體教室授課，然后安排學(xué)生在實(shí)驗(yàn)室上機(jī)驗(yàn)證教師所講內(nèi)容。這種方式忽略了學(xué)生的積極性、主動(dòng)性，學(xué)生學(xué)到的知識(shí)比較零碎，很難開(kāi)發(fā)實(shí)際項(xiàng)目。隨著課程內(nèi)容的深入，很多學(xué)生逐漸失去了學(xué)習(xí)興趣，喪失了主動(dòng)參與的意識(shí)，以致課程結(jié)束時(shí)，幾乎沒(méi)有學(xué)生能夠設(shè)計(jì)出具有一定水平的網(wǎng)站。為打破傳統(tǒng)的教學(xué)模式，突出學(xué)生的主體地位，讓學(xué)生成為教學(xué)的中心。我們分析了該課程的特點(diǎn)，并結(jié)合任課教師為企業(yè)開(kāi)發(fā)網(wǎng)站的經(jīng)驗(yàn)，讓教師將所承擔(dān)的網(wǎng)站建設(shè)項(xiàng)目引入課堂教學(xué)，引導(dǎo)學(xué)生共同開(kāi)發(fā)項(xiàng)目，讓學(xué)生既能學(xué)到知識(shí)，又能積累項(xiàng)目開(kāi)發(fā)經(jīng)驗(yàn)，從而體現(xiàn)出“教、學(xué)、做是一件事，不是三件事”。

項(xiàng)目教學(xué)法提高了學(xué)生的能力和素質(zhì)將項(xiàng)目教學(xué)法引入《網(wǎng)頁(yè)制作技術(shù)》后，學(xué)生成為了學(xué)習(xí)的主體，教師在教學(xué)過(guò)程中起引導(dǎo)協(xié)助作用。學(xué)生在項(xiàng)目的驅(qū)動(dòng)下自主學(xué)習(xí)，邊學(xué)邊做。有些能力突出的學(xué)生在學(xué)習(xí)過(guò)程中主動(dòng)與外界聯(lián)系，承接小型網(wǎng)站建設(shè)項(xiàng)目。在完成項(xiàng)目的過(guò)程中，他們主動(dòng)與其他同學(xué)和教師進(jìn)行交流，討論問(wèn)題，促進(jìn)了項(xiàng)目教學(xué)法的發(fā)展。項(xiàng)目完成后所帶來(lái)的成功的愉悅和滿(mǎn)足感，不但提高了學(xué)生的學(xué)習(xí)興趣和學(xué)習(xí)積極性，同時(shí)也培養(yǎng)了學(xué)生自主學(xué)習(xí)的能力。

《網(wǎng)頁(yè)制作技術(shù)》課實(shí)施項(xiàng)目教學(xué)法的過(guò)程

筆者在擔(dān)任《網(wǎng)頁(yè)制作技術(shù)》課的教學(xué)過(guò)程中，結(jié)合學(xué)生的特點(diǎn)以及環(huán)境，將教學(xué)過(guò)程劃分成以下五個(gè)階段。（一）網(wǎng)站項(xiàng)目的確定

確立實(shí)用、優(yōu)秀的項(xiàng)目是項(xiàng)目教學(xué)法能否成功實(shí)施的關(guān)鍵。因此，在實(shí)施項(xiàng)目教學(xué)法時(shí)，首先，應(yīng)選擇切實(shí)可行的項(xiàng)目。在教學(xué)正式開(kāi)始之前，可先對(duì)學(xué)生進(jìn)行分組，盡量使每一組學(xué)生的能力都比較均衡。同時(shí)，結(jié)合相應(yīng)的崗位能力要求，將選用的項(xiàng)目分為兩種：一種是選用已通過(guò)驗(yàn)收的項(xiàng)目，另一種是選用正在進(jìn)行中的項(xiàng)目。其次，應(yīng)針對(duì)學(xué)生的實(shí)際水平確定項(xiàng)目的難易程度。對(duì)于首次接觸這門(mén)課程的學(xué)生，由教師負(fù)責(zé)選取項(xiàng)目，講解知識(shí)點(diǎn)。所選取的項(xiàng)目必須簡(jiǎn)單、典型，并且最好選擇已經(jīng)完成的項(xiàng)目，以便學(xué)生進(jìn)行知識(shí)的遷移。對(duì)于具有一定基礎(chǔ)的學(xué)生，可由教師和學(xué)生共同討論選定具有較高難度的項(xiàng)目，并且最好選擇正在進(jìn)行中的項(xiàng)目，讓學(xué)生身臨其境，參與創(chuàng)造實(shí)踐活動(dòng)，親身體驗(yàn)實(shí)踐的艱辛與樂(lè)趣。另外，應(yīng)注意根據(jù)學(xué)生具體的培養(yǎng)方向，確立最適合的項(xiàng)目。

（二）網(wǎng)站項(xiàng)目計(jì)劃

網(wǎng)站項(xiàng)目的計(jì)劃應(yīng)按照項(xiàng)目開(kāi)發(fā)的需求加以實(shí)施。確定項(xiàng)目以后，讓每一組學(xué)生針對(duì)該項(xiàng)目進(jìn)行需求分析，啟發(fā)學(xué)生主動(dòng)發(fā)現(xiàn)身邊的素材。對(duì)于已通過(guò)驗(yàn)收的項(xiàng)目，可由教師充當(dāng)企業(yè)的角色，由學(xué)生向教師匯報(bào)自己所進(jìn)行的關(guān)于項(xiàng)目需求的分析及收集到的資料；對(duì)于正在進(jìn)行中的項(xiàng)目，可由學(xué)生直接面對(duì)企業(yè)，與企業(yè)溝通，做出需求分析。教師在這一過(guò)程中，一方面，起到指導(dǎo)的作用，另一方面，在對(duì)已驗(yàn)收的項(xiàng)目實(shí)施的過(guò)程中，教師應(yīng)事先對(duì)該項(xiàng)目?jī)?nèi)容進(jìn)行定位，分析研究需要解決的問(wèn)題和完成的任務(wù)，確保學(xué)生進(jìn)行需求分析時(shí)，不會(huì)定位過(guò)高。完成項(xiàng)目需求分析后，教師應(yīng)根據(jù)學(xué)生所作的需求分析確定項(xiàng)目的能力模塊，并將每個(gè)能力模塊細(xì)分為一系列小項(xiàng)目，學(xué)生根據(jù)課程的時(shí)間安排，結(jié)合項(xiàng)目?jī)?nèi)容編寫(xiě)項(xiàng)目開(kāi)發(fā)計(jì)劃書(shū)。例如，根據(jù)我?！毒W(wǎng)頁(yè)制作技術(shù)》課的實(shí)際情況，將首次接觸這門(mén)課程的學(xué)生的能力模塊劃分如下（見(jiàn)下圖）。

（三）網(wǎng)站項(xiàng)目實(shí)施

項(xiàng)目教學(xué)法中最重要的環(huán)節(jié)是項(xiàng)目的具體實(shí)施過(guò)程。在該過(guò)程中，教師應(yīng)及時(shí)恰當(dāng)?shù)貙?duì)學(xué)生進(jìn)行引導(dǎo)，督促學(xué)生根據(jù)項(xiàng)目計(jì)劃書(shū)，按時(shí)按量完成相應(yīng)的功能模塊，保證項(xiàng)目順利進(jìn)行，實(shí)現(xiàn)課程教學(xué)目標(biāo)。對(duì)于首次接觸網(wǎng)頁(yè)制作的學(xué)生來(lái)說(shuō)，沒(méi)有一定的網(wǎng)頁(yè)制作軟件操作基礎(chǔ)，就無(wú)法進(jìn)行項(xiàng)目建設(shè)。因此，應(yīng)在《網(wǎng)頁(yè)制作技術(shù)》課程項(xiàng)目實(shí)施過(guò)程的第一階段講授學(xué)生網(wǎng)頁(yè)制作軟件的使用方法，為第二階段奠定基礎(chǔ)，第三階段的主要任務(wù)則是撰寫(xiě)網(wǎng)站開(kāi)發(fā)總結(jié)報(bào)告，鍛煉學(xué)生撰寫(xiě)文章的能力。

第一階段實(shí)施過(guò)程對(duì)應(yīng)上圖中的能力模塊劃分情況，在第一階段的實(shí)施過(guò)程中主要教授學(xué)生網(wǎng)頁(yè)制作軟件的使用方法，使其形成相應(yīng)的具體能力。具體做法是：教師首先通過(guò)簡(jiǎn)單的例子講解實(shí)際操作方法，然后，讓學(xué)生練習(xí)新知識(shí)、新操作，完成相應(yīng)的實(shí)驗(yàn)項(xiàng)目。通過(guò)這種雙教一體的教學(xué)模式、講練結(jié)合的教學(xué)手段讓學(xué)生掌握牢固的基礎(chǔ)知識(shí)。

第二階段實(shí)施過(guò)程結(jié)合第一階段學(xué)生具體能力的鍛煉情況，根據(jù)所要建設(shè)的項(xiàng)目，按照項(xiàng)目計(jì)劃書(shū)進(jìn)行開(kāi)發(fā)并完成設(shè)計(jì)。該階段是項(xiàng)目教學(xué)法實(shí)施的核心環(huán)節(jié)。在此階段，教師要根據(jù)各開(kāi)發(fā)小組的具體情況、具體要求及時(shí)恰當(dāng)?shù)剡M(jìn)行指導(dǎo)，解決學(xué)生開(kāi)發(fā)過(guò)程中遇到的難題，督促學(xué)生按時(shí)按量完成項(xiàng)目計(jì)劃書(shū)中的各個(gè)開(kāi)發(fā)環(huán)節(jié)，保證學(xué)生順利完成項(xiàng)目的開(kāi)發(fā)，實(shí)現(xiàn)教學(xué)目標(biāo)。在實(shí)際教學(xué)過(guò)程中，教師要重點(diǎn)做好指導(dǎo)監(jiān)督工作。如定期召開(kāi)各項(xiàng)目組長(zhǎng)會(huì)議，了解各項(xiàng)目組的開(kāi)發(fā)進(jìn)程；在項(xiàng)目開(kāi)發(fā)過(guò)程中進(jìn)行技術(shù)引導(dǎo)和指導(dǎo)，收集各組遇到的難題，組織各組進(jìn)行總結(jié)和經(jīng)驗(yàn)交流，從中探討不同的解決問(wèn)題的方法。

第三階段實(shí)施過(guò)程該階段的任務(wù)是在學(xué)生完成網(wǎng)站建設(shè)后，撰寫(xiě)開(kāi)發(fā)總結(jié)報(bào)告，總結(jié)本次學(xué)習(xí)、開(kāi)發(fā)的收獲和經(jīng)驗(yàn)，為下一次開(kāi)發(fā)做準(zhǔn)備。階段性總結(jié)評(píng)價(jià)也是項(xiàng)目具體實(shí)施過(guò)程中必不可少的環(huán)節(jié)。教師和學(xué)生在每個(gè)階段的學(xué)習(xí)結(jié)束后，都要對(duì)該階段的學(xué)習(xí)成果進(jìn)行展示、評(píng)價(jià)、總結(jié)，及時(shí)改進(jìn)不足之處，鞏固成果，為后續(xù)工作打下堅(jiān)實(shí)的基礎(chǔ)。

（四）網(wǎng)站項(xiàng)目展示與評(píng)價(jià)

項(xiàng)目完成后，應(yīng)對(duì)網(wǎng)站項(xiàng)目的建設(shè)效果進(jìn)行展示，并加以講解。在講解展示網(wǎng)站的過(guò)程中，學(xué)生和教師可以提出問(wèn)題，并結(jié)合相應(yīng)的網(wǎng)站項(xiàng)目評(píng)分表，形成學(xué)生和教師對(duì)該項(xiàng)目各自的評(píng)價(jià)。在對(duì)學(xué)生進(jìn)行評(píng)價(jià)時(shí)，還應(yīng)結(jié)合其在項(xiàng)目開(kāi)發(fā)過(guò)程中的學(xué)習(xí)能力、合作能力、參與程度、服務(wù)程度以及所起作用等各方面的表現(xiàn)情況。在對(duì)承接的企業(yè)的開(kāi)發(fā)項(xiàng)目進(jìn)行評(píng)價(jià)時(shí)，除上述評(píng)價(jià)角度外，還應(yīng)結(jié)合企業(yè)的需求，即除了學(xué)生評(píng)價(jià)、教師評(píng)價(jià)外，還要有企業(yè)評(píng)價(jià)，并以企業(yè)的評(píng)價(jià)作為最終的評(píng)判標(biāo)準(zhǔn)。

（五）網(wǎng)站項(xiàng)目的總結(jié)和應(yīng)用

項(xiàng)目完成后應(yīng)進(jìn)行總結(jié)，并將其成果應(yīng)用到相關(guān)領(lǐng)域，體現(xiàn)該門(mén)課程的教學(xué)目標(biāo)。我校在《網(wǎng)頁(yè)制作技術(shù)》課中實(shí)施項(xiàng)目教學(xué)法以來(lái)，完成了多個(gè)項(xiàng)目并將研究成果應(yīng)用到實(shí)際工作中，如我院的網(wǎng)站、各系各部門(mén)的網(wǎng)站、思明網(wǎng)站等。項(xiàng)目完成后應(yīng)總結(jié)思路、技巧并進(jìn)行經(jīng)驗(yàn)交流。思路總結(jié)可以幫助學(xué)生明晰項(xiàng)目完成的最佳思考方法，找到自己的不足；技巧總結(jié)著重總結(jié)解決開(kāi)發(fā)環(huán)節(jié)中遇到的難題的方法，把握并吸收整個(gè)項(xiàng)目開(kāi)發(fā)的精髓；經(jīng)驗(yàn)交流主要是對(duì)學(xué)習(xí)方法、知識(shí)應(yīng)用進(jìn)行交流。最后，教師可以指導(dǎo)學(xué)生對(duì)項(xiàng)目進(jìn)行拓展和延伸。超級(jí)秘書(shū)網(wǎng)

項(xiàng)目教學(xué)法的成果

《網(wǎng)頁(yè)制作技術(shù)》課在實(shí)施項(xiàng)目教學(xué)法后，從本質(zhì)上改變了課程的教學(xué)目的。這種改變使學(xué)生不再覺(jué)得學(xué)習(xí)該門(mén)課程只是為了獲取學(xué)分，而是真正掌握一門(mén)技術(shù)，具備一定的開(kāi)發(fā)能力，能夠承擔(dān)相應(yīng)的工作。在整個(gè)教學(xué)過(guò)程中，學(xué)生的自主學(xué)習(xí)能力、實(shí)踐能力、創(chuàng)新能力、團(tuán)隊(duì)協(xié)作能力、分析解決問(wèn)題的能力以及撰寫(xiě)報(bào)告的能力都得到了鍛煉、培養(yǎng)和提高。

實(shí)踐表明，《網(wǎng)頁(yè)制作技術(shù)》課從傳統(tǒng)的多媒體教學(xué)模式的枷鎖中掙脫出來(lái)，實(shí)施項(xiàng)目教學(xué)法，體現(xiàn)了以學(xué)生為本，最大限度地調(diào)動(dòng)了學(xué)生自主學(xué)習(xí)的積極性，培養(yǎng)了學(xué)生的綜合能力，使學(xué)生掌握了一門(mén)技巧，對(duì)教師也是一種鍛煉和提高。

參考文獻(xiàn)：

王棟松．在計(jì)算機(jī)課程教學(xué)中開(kāi)展項(xiàng)目教學(xué)法的研究[J]．職業(yè)教育研究，2005，（11）.

網(wǎng)頁(yè)制作論文范文第2篇

1.1教學(xué)現(xiàn)狀分析

后續(xù)課程《網(wǎng)絡(luò)信息系統(tǒng)開(kāi)發(fā)與利用》要求學(xué)生能讀懂HTML代碼并能修改或編寫(xiě)，也會(huì)影響此課程的學(xué)習(xí)。早期頁(yè)面布局方法一般為表格布局，現(xiàn)在這種技術(shù)已經(jīng)落后被淘汰，取而代之的是DIV+CSS技術(shù)，此方法使頁(yè)面內(nèi)容和顯示效果完全分開(kāi)，頁(yè)面元素的布局更加靈活，網(wǎng)站在制作過(guò)程中風(fēng)格的統(tǒng)一、后期網(wǎng)站風(fēng)格的改變及網(wǎng)站的維護(hù)更新將會(huì)變得更加方便。

1.2確立課程教學(xué)目標(biāo)“網(wǎng)頁(yè)設(shè)計(jì)與制作”實(shí)踐培訓(xùn)課程主要面向網(wǎng)頁(yè)設(shè)計(jì)人員必備的一些基本技能，使學(xué)生能夠具備以下四方面的能力，基于以上表格的內(nèi)容“，網(wǎng)頁(yè)設(shè)計(jì)與制作”這門(mén)課程采取了以“教師為主導(dǎo)地位，學(xué)生作為主體”的模式進(jìn)行教學(xué)的，這種模式符合我校的教學(xué)和管理模式的要求，讓老師根據(jù)學(xué)生的特點(diǎn)來(lái)指導(dǎo)《網(wǎng)頁(yè)設(shè)計(jì)與制作課程》的探索、分析、研究以及改善學(xué)生的實(shí)踐操作動(dòng)手能力。采用任務(wù)驅(qū)動(dòng)的教學(xué)模式方法，在課堂上以案例為主進(jìn)行實(shí)踐教學(xué)環(huán)節(jié)。在教學(xué)過(guò)程中可使用網(wǎng)頁(yè)模型為例，根據(jù)教學(xué)內(nèi)容的安排和要求，教師引導(dǎo)學(xué)生并為學(xué)生創(chuàng)造環(huán)境，讓學(xué)生快速發(fā)現(xiàn)、探索和解決網(wǎng)頁(yè)中的問(wèn)題，來(lái)激發(fā)學(xué)生的好奇心和欲望，帶動(dòng)學(xué)生興趣，促進(jìn)學(xué)生的創(chuàng)新能力。

2課程教學(xué)體系的基本思路

在“網(wǎng)頁(yè)設(shè)計(jì)與制作”課上協(xié)調(diào)好教學(xué)課程，努力使學(xué)生變被動(dòng)學(xué)習(xí)為主動(dòng)學(xué)習(xí)，樹(shù)立以學(xué)生為中心，師生關(guān)系和教學(xué)崗位、教師與學(xué)生之間，通過(guò)師生關(guān)系和互動(dòng)創(chuàng)造了良好的教學(xué)氛圍，這是教學(xué)改革進(jìn)程的一個(gè)重要組成部分。有效的學(xué)生交流機(jī)制是建立學(xué)生互動(dòng)的良好基礎(chǔ)。

3課程教學(xué)體系構(gòu)建

3.1課程內(nèi)容結(jié)構(gòu)

“網(wǎng)頁(yè)設(shè)計(jì)與制作”作為計(jì)算機(jī)類(lèi)專(zhuān)業(yè)課程實(shí)踐環(huán)節(jié)，可以作為其他相關(guān)專(zhuān)業(yè)的實(shí)踐課程或選修課，這是一個(gè)操作性和實(shí)用性并重的課程。因此，在這個(gè)過(guò)程以系統(tǒng)建設(shè)，網(wǎng)頁(yè)設(shè)計(jì)人員培訓(xùn)為目標(biāo)，培養(yǎng)應(yīng)用型人才為主線(xiàn)，來(lái)從構(gòu)建課程知識(shí)，能力及素質(zhì)建設(shè)，并注重實(shí)用技能。如下圖1所示：

3.2教學(xué)內(nèi)容的組織和安排

教學(xué)內(nèi)容是教學(xué)中的重要組成環(huán)節(jié)，在教學(xué)內(nèi)容上，要重視理論知識(shí)聯(lián)系并應(yīng)用到實(shí)際中的這一過(guò)程的安排，以更好地將傳播知識(shí)、培養(yǎng)能力、素質(zhì)教育的要求恰當(dāng)?shù)恼掀饋?lái)，進(jìn)而達(dá)到更好的教學(xué)目的。

（1）理論與實(shí)踐相結(jié)合。強(qiáng)調(diào)知識(shí)和技能的結(jié)合，突出實(shí)際生產(chǎn)現(xiàn)場(chǎng)，將實(shí)際操作技能作為重點(diǎn)，加大實(shí)踐教學(xué)。抓住課程內(nèi)容的基本要求，妥善處理相關(guān)課程和教學(xué)內(nèi)容。在整個(gè)課程后，每個(gè)系列都配備了完整的課程專(zhuān)題，最后安排一個(gè)星期的課程設(shè)計(jì)。

（2）理論與實(shí)際相結(jié)合結(jié)合學(xué)生實(shí)際情況的要求，安排公司的網(wǎng)頁(yè)設(shè)計(jì)工作，開(kāi)展頂崗實(shí)習(xí)培訓(xùn)，提高解決實(shí)際問(wèn)題的能力，更好地讓學(xué)生有機(jī)地學(xué)習(xí)各部分掌握的內(nèi)容。

3.3實(shí)踐教學(xué)方法

由于傳統(tǒng)的時(shí)間和空間的有限性的課堂，使教師不能充分利用教學(xué)資源，以達(dá)到最佳的教學(xué)效果;而網(wǎng)上教學(xué)是無(wú)限的空間，考慮信息容量等因素的影響，可最大限度地利用教學(xué)資源。對(duì)于學(xué)生在房間里探索互聯(lián)網(wǎng)，學(xué)生在BBS平臺(tái)上討論，舉行每學(xué)期的網(wǎng)頁(yè)設(shè)計(jì)大賽，根據(jù)學(xué)生對(duì)教學(xué)網(wǎng)站的工作，讓學(xué)生選擇入圍的優(yōu)秀作品，再由老師評(píng)出學(xué)生獎(jiǎng)項(xiàng)。

4課程教學(xué)體系建構(gòu)

這個(gè)課題的意義是實(shí)現(xiàn)理論和實(shí)踐的融合，實(shí)現(xiàn)學(xué)生的思維、行為和態(tài)度的整合，要求學(xué)生全面發(fā)展。

4.1運(yùn)用多層次的教學(xué)方式

教學(xué)改進(jìn)一直是教學(xué)改革的重點(diǎn)。怎么樣能更好地體現(xiàn)教學(xué)特色，怎么樣能實(shí)現(xiàn)教學(xué)目標(biāo)，解決這一問(wèn)題的教學(xué)方式就是采用多層次的教學(xué)方法，如：教師進(jìn)行案例分析，教師和學(xué)生共同模擬和角色扮演的場(chǎng)景以及其他創(chuàng)新教學(xué)方法，而這種多樣化的教學(xué)手段體現(xiàn)三個(gè)注意層面，分別為：老師講課實(shí)踐指導(dǎo)，開(kāi)放自我的做法，引導(dǎo)和探索性實(shí)踐相結(jié)合“，進(jìn)而實(shí)現(xiàn)教學(xué)中的多層次的教學(xué)方式。

4.2開(kāi)展多元化的教學(xué)活動(dòng)

基于多種教學(xué)方法，我們可以開(kāi)展各種教育活動(dòng)，主要是在“知識(shí)交流和自學(xué)相結(jié)合、綜合教學(xué)實(shí)踐與研究相結(jié)合、課堂培訓(xùn)和課外活動(dòng)相結(jié)合”原則下進(jìn)行的多樣教學(xué)活動(dòng)，如使用任務(wù)驅(qū)動(dòng)教學(xué)。任務(wù)驅(qū)動(dòng)教學(xué)法讓學(xué)生從一個(gè)典型的任務(wù)開(kāi)始，從網(wǎng)絡(luò)的實(shí)際工作流程設(shè)計(jì)出發(fā)推動(dòng)教學(xué)活動(dòng)，抓住設(shè)計(jì)問(wèn)題的重要而艱巨任務(wù)。教學(xué)應(yīng)遵循兩個(gè)原則：第一，循序漸進(jìn)的原則，根據(jù)學(xué)生接受不同的能力，目前的水平和興趣，從簡(jiǎn)單到復(fù)雜，從外到內(nèi);二是要提高的思想能力，注重教學(xué)生一種思想，解決問(wèn)題的方法，引導(dǎo)學(xué)生運(yùn)用多種方法來(lái)解決同樣的問(wèn)題。在這個(gè)過(guò)程中，學(xué)生可以繼續(xù)獲得成就感，更能激發(fā)他們的求知欲望，培養(yǎng)獨(dú)立探索的自主學(xué)習(xí)能力和開(kāi)拓精神。

4.3進(jìn)行多重性的能力培養(yǎng)

這就要求我們的學(xué)生應(yīng)具備基本課程知識(shí)，基本技能，操作課外協(xié)作，從中調(diào)動(dòng)學(xué)生學(xué)習(xí)積極性網(wǎng)頁(yè)教學(xué)活動(dòng),促進(jìn)學(xué)生在實(shí)際應(yīng)用中的能力的展，同時(shí)溝通，心理學(xué)專(zhuān)業(yè)素質(zhì)，這樣才能真正的得到業(yè)務(wù)綜合能力。實(shí)現(xiàn)這一目標(biāo)，既滿(mǎn)足標(biāo)準(zhǔn)和市場(chǎng)需求，有使得我們?cè)谂囵B(yǎng)理論知識(shí)，基本技能外，還鞏固和著力加強(qiáng)對(duì)學(xué)生動(dòng)手能力的訓(xùn)練.培養(yǎng)多重性能力，是學(xué)生的學(xué)習(xí)知識(shí)、學(xué)習(xí)技能以及培養(yǎng)學(xué)生的網(wǎng)頁(yè)素養(yǎng)、能力通過(guò)中建立教學(xué)平臺(tái)，利用課堂教學(xué)的各個(gè)電子內(nèi)容，讓便于自學(xué)的學(xué)生放學(xué)，提高學(xué)習(xí)水平，可以豐富學(xué)生的學(xué)習(xí)資源。

5小結(jié)

網(wǎng)頁(yè)制作論文范文第3篇

論文參考文獻(xiàn)的引用當(dāng)中，作者要在論文引用的地方準(zhǔn)確的標(biāo)注出來(lái)，然后在論文的末尾用數(shù)字加方括號(hào)依次列出參考文獻(xiàn)。關(guān)注學(xué)術(shù)參考網(wǎng)查看更多優(yōu)秀的論文參考文獻(xiàn)，下面是小編整理的網(wǎng)站開(kāi)發(fā)論文參考文獻(xiàn)來(lái)和大家一起分享。

網(wǎng)站開(kāi)發(fā)論文參考文獻(xiàn)：

[1]黃寶玉，項(xiàng)國(guó)雄.國(guó)家精品課程建設(shè)現(xiàn)狀分析及思考[J].中國(guó)高教研究，2007(9)：72-75.

[2]史金昌.淺析基于ASP.NET的Web網(wǎng)絡(luò)應(yīng)用程序的安全開(kāi)發(fā)[J].科技創(chuàng)新導(dǎo)報(bào)，2008(23)：37.

[3]李志勇，魏紅.高校精品課程數(shù)字化資源建設(shè)與推廣應(yīng)用研究[J].電腦知識(shí)與技術(shù)，20l0(2)：485-486.

[4]張書(shū)梅，符蘊(yùn)芳，劉智國(guó).網(wǎng)站安全管理的方法與具體實(shí)現(xiàn)[J].石家莊學(xué)院學(xué)報(bào)，2005，7(6)：54-56.

[5]陽(yáng)衛(wèi)文，王建斯，基于P2P流媒體系統(tǒng)模型的研究進(jìn)展[J].現(xiàn)代電子技術(shù)，2008(2)：159-161.

[6]萬(wàn)榮澤.基于ASP.NET技術(shù)的統(tǒng)一后臺(tái)網(wǎng)站群的設(shè)計(jì)[J].微計(jì)算機(jī)信息，2007，23(8)：260-262.

[7]王紅雨，蔡成聞.基于ASP.NET的課程平臺(tái)設(shè)計(jì)與實(shí)現(xiàn)[J].聊城大學(xué)學(xué)報(bào)：自然科學(xué)版，2007，20(1)：78-82.

[8]顧正剛，畢海峰.網(wǎng)站規(guī)劃與建設(shè)[M].北京：機(jī)械工業(yè)出版社，2007：4-8.

網(wǎng)站開(kāi)發(fā)論文參考文獻(xiàn)：

[1]孔祥鑫.基于PHP技術(shù)的校園網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)[D].天津：天津師范大學(xué)，2012.

[2]李良.基于PHP的商業(yè)站點(diǎn)設(shè)計(jì)與實(shí)現(xiàn)[D].南昌：南昌大學(xué)，2010.

[3]杜闖.PHP在動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)中的優(yōu)勢(shì)[J].電腦知識(shí)與技術(shù)，2010（13）.

[4]賈素來(lái).使用PHP和MySQL開(kāi)發(fā)動(dòng)態(tài)網(wǎng)站[J].大眾科技，2011（3）.

[5]李晶.PHP技術(shù)應(yīng)用于中小企業(yè)網(wǎng)站開(kāi)發(fā)探討[J].軟件開(kāi)發(fā)設(shè)計(jì)，2014（10）.

[6]杜闖.PHP在動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)中的優(yōu)勢(shì)[J].電腦知識(shí)與技術(shù)，2010（13）.

[7]賈素來(lái).使用PHP和MySQL開(kāi)發(fā)動(dòng)態(tài)網(wǎng)站[J].大眾科技，2011（3）.

網(wǎng)站開(kāi)發(fā)論文參考文獻(xiàn)：

[1]靳瑩.基于緩存技術(shù)的內(nèi)容管理系統(tǒng)研究[D].吉林大學(xué)，2014.

[2]黃菊.分布式緩存技術(shù)及其在車(chē)輛監(jiān)控系統(tǒng)中的應(yīng)用[D].北京郵電大學(xué)，2015.

[3]崔解賓.分布式內(nèi)存緩存技術(shù)在數(shù)據(jù)處理平臺(tái)中的研究與應(yīng)用[D].北京郵電大學(xué)，2015.

[4]李光瑞.Map/Reduce型海量數(shù)據(jù)處理平臺(tái)中的內(nèi)存級(jí)數(shù)據(jù)緩存技術(shù)研究[D].北京工業(yè)大學(xué)，2013.

[5]易會(huì)戰(zhàn)，王鋒，左克，楊燦群，杜云飛，馬亞青.基于內(nèi)存緩存的異步檢查點(diǎn)容錯(cuò)技術(shù)[J].計(jì)算機(jī)研究與發(fā)展，2014（06）：1229-1239.

[6]韓陵宜.網(wǎng)頁(yè)制作課程教學(xué)及考核方式的研究與探索[J].計(jì)算機(jī)教學(xué)與教育信息，2008（03）.

網(wǎng)頁(yè)制作論文范文第4篇

論文摘要：網(wǎng)頁(yè)的內(nèi)容通常是由圖片和文字組成。由文字構(gòu)成網(wǎng)頁(yè)的主體，而圖片則能夠美化和增色你的網(wǎng)頁(yè)。那些包含了設(shè)計(jì)精美圖片的網(wǎng)站，往往能讓瀏覽者流連忘返。因此，有漂亮的圖片是你的網(wǎng)頁(yè)能吸引人的一個(gè)有力保證。

一、介紹

超鏈接是網(wǎng)頁(yè)中最活潑、最有吸引力的一種元素。表單用于特殊的信息，使用戶(hù)和網(wǎng)站進(jìn)行交互，使你找到用戶(hù)的詳細(xì)信息。表格在許多工作中有著廣泛的應(yīng)用。

框架網(wǎng)頁(yè)是一種特殊的HTML網(wǎng)頁(yè)，使用框架網(wǎng)頁(yè)可以同時(shí)瀏覽幾個(gè)不同的Web頁(yè)面，使用Web頁(yè)面顯示一致的用戶(hù)界面和靈活的頁(yè)面內(nèi)容。

網(wǎng)頁(yè)制作的高級(jí)技術(shù)包括：在網(wǎng)頁(yè)中插入FLASH動(dòng)畫(huà)利用Java或者JavaScript制作網(wǎng)頁(yè)的動(dòng)態(tài)效果。網(wǎng)頁(yè)中使用插件，視頻等Web組件以及創(chuàng)建、和管理站點(diǎn)等技術(shù)。

Web頁(yè)面往往是具有各種各樣的頁(yè)面元素、豐富的內(nèi)容和復(fù)雜的布局。因此僅僅使用到一種或者兩種網(wǎng)頁(yè)制作技術(shù)，不可能創(chuàng)作出一個(gè)優(yōu)秀的Web頁(yè)面，一個(gè)美觀而實(shí)用的Web頁(yè)面往往需要綜合利用各種技術(shù)。

二、概述

1. 網(wǎng)站名稱(chēng)：“濟(jì)南中天環(huán)保設(shè)備有限公司”

2. 步驟：

(1) 確立主題

(2) 收集資料

(3) 創(chuàng)建網(wǎng)站

(4) 編輯網(wǎng)頁(yè)

(5) 美化網(wǎng)頁(yè)

三、目的

運(yùn)用已經(jīng)掌握的知識(shí)完成一個(gè)環(huán)境保護(hù)企業(yè)網(wǎng)站。通過(guò)此次設(shè)計(jì)可以達(dá)到全面理解、運(yùn)用網(wǎng)頁(yè)制作的知識(shí)，并使之得以融會(huì)貫通，在掌握運(yùn)用Dreamweaver制作網(wǎng)頁(yè)的基礎(chǔ)上再加以實(shí)踐，進(jìn)一步提高、加強(qiáng)自身的綜合能力。

四、要求

根據(jù)公司的要求，設(shè)計(jì)一個(gè)企業(yè)站點(diǎn)，以達(dá)到宣傳該公司及其產(chǎn)品的目的。有整體框架結(jié)構(gòu)，表格定位等，布局合理，色彩搭配協(xié)調(diào)統(tǒng)一，內(nèi)容豐富多彩，頁(yè)面風(fēng)格獨(dú)特。

五、設(shè)計(jì)工具

Dreamweaver、Flash、Photoshop等。

六、站點(diǎn)構(gòu)思

1.整體構(gòu)思：

本網(wǎng)站主題為：濟(jì)南中天環(huán)保設(shè)備有限公司?？偣灿芯W(wǎng)頁(yè)24個(gè)。主頁(yè)是一個(gè)總目錄的網(wǎng)頁(yè)，里面加有網(wǎng)頁(yè)動(dòng)畫(huà)效果“滾動(dòng)字幕”及Flash動(dòng)畫(huà)，本站幾個(gè)主要分網(wǎng)頁(yè)分別為：公司簡(jiǎn)介、資質(zhì)認(rèn)證、產(chǎn)品介紹、業(yè)務(wù)范圍、經(jīng)營(yíng)業(yè)績(jī)、聯(lián)系方式。還有許多子網(wǎng)頁(yè)。

2.頁(yè)面構(gòu)思：

下面介紹一下網(wǎng)站中的幾個(gè)網(wǎng)頁(yè)的制作。

業(yè)務(wù)范圍中的二氧化氯發(fā)生器產(chǎn)品公司服務(wù)承諾頁(yè)面，背景色采用跟主頁(yè)一樣的藍(lán)色，淡藍(lán)色的背景給人以干凈大方的感覺(jué)，與環(huán)保網(wǎng)站的主旨相一致。上方為Flash動(dòng)畫(huà)與鏈接頁(yè)，左下方是用Photoshop

處理過(guò)的圖片，與主頁(yè)是一致的。右邊的標(biāo)題是用Photoshop制作的圖片，小標(biāo)題采用斜體加黑，這樣制作豐富了頁(yè)面內(nèi)容，使整個(gè)頁(yè)面條理清晰。服務(wù)承諾分條目標(biāo)示，一目了然。最后的“空氣凈化服務(wù)范圍”標(biāo)題，即可以鏈接到空氣凈化服務(wù)范圍頁(yè)面。

標(biāo)題“服務(wù)范圍和承諾”是用Photoshop制作的，先用油漆桶工具把背景色填充為與頁(yè)面相同的淡藍(lán)色，調(diào)整文字的大小與位置，兩邊分別加上符號(hào)“【”、“】”和“”，使圖片看起來(lái)更加美觀。

經(jīng)營(yíng)業(yè)績(jī)頁(yè)面，背景色與Flash動(dòng)畫(huà)，鏈接頁(yè)與主頁(yè)保持一致。這一頁(yè)的主要內(nèi)容是用表格形式來(lái)固定的，邊框設(shè)置為1，顏色為淡灰色。表格寬度與Flash寬度一致。整個(gè)頁(yè)面清晰有致，比較大方，瀏覽者可以清楚的看到公司近年來(lái)的經(jīng)營(yíng)業(yè)績(jī)。

聯(lián)系方式頁(yè)面，左下方的圖片與右邊的標(biāo)題都是用Photoshop制作的，在聯(lián)系方式中還添加了一個(gè)outlook express電子郵件，方便用戶(hù)與公司的聯(lián)系，用戶(hù)可以直接點(diǎn)擊給公司發(fā)送郵件。outlook express作為全球范圍內(nèi)的聯(lián)機(jī)通訊軟件，已經(jīng)被越來(lái)越多的人所接受，無(wú)論是與同事和朋友交換電子郵件，還是加入新聞組進(jìn)行思想與信息的交流，Outlook Express都已成為不可或缺的助手。聯(lián)系方式中除了電子郵件，還列出了公司地址，電話(huà)，傳真，郵編。

左邊的圖片是在Photoshop中，先用橢圓選框工具選中所要的部分，放置新建的畫(huà)布中，再用油漆桶工具把空白處填充為與頁(yè)面背景相同的藍(lán)色并對(duì)畫(huà)面進(jìn)行淡化處理。右邊的標(biāo)題是在Photoshop中，用油漆桶工具填充背景色，然后寫(xiě)上“聯(lián)系方式”，調(diào)整其大小與位置，“方式”二字較“聯(lián)系”稍小一些，左右分別加上符號(hào)“”，“「”，“”，“”，使圖片放置頁(yè)面中顯得美觀，更突出了主題內(nèi)容。

FLS－系列風(fēng)淋室，凈化空調(diào)廠(chǎng)房，中效送風(fēng)機(jī)組，各種醫(yī)療器械設(shè)備及實(shí)驗(yàn)室設(shè)備等頁(yè)面由頁(yè)面“產(chǎn)品介紹”鏈接的，并且均以淡藍(lán)色為背景底色。頁(yè)面大部分有圖片和文字兩部分組成。文字部分由表格固定，表格邊框設(shè)為零，圖片是用Photoshop制作成的。

所有頁(yè)面整齊劃一，設(shè)計(jì)風(fēng)格保持一致，加上淡藍(lán)色的背景，給人簡(jiǎn)潔、明了、大方的感覺(jué)。

七 所用各技術(shù)的特點(diǎn)

1.Dreamweaver : Dreamweaver是美國(guó)MACROMEDIA公司開(kāi)發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的網(wǎng)頁(yè)編輯器，它是第一套針對(duì)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿(mǎn)動(dòng)感的網(wǎng)頁(yè)。Dreamweaver是當(dāng)前主流的站點(diǎn)和網(wǎng)頁(yè)編輯器，其代碼簡(jiǎn)潔、兼容性和整體功能都很強(qiáng)。Dreamweaver的介入，使得網(wǎng)頁(yè)一些部分的實(shí)現(xiàn)變得更加直觀簡(jiǎn)便。

Dreamweaver的主要特點(diǎn)：

最佳的制作效率

Dreamweaver可以用最快速的方式將Fireworks，F(xiàn)reeHand，或Photoshop等檔案移至網(wǎng)頁(yè)上。使用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁(yè)安全色。對(duì)于選單，快捷鍵與格式控制，都只要一個(gè)簡(jiǎn)單步驟便可完成。Dremweaver能與您喜愛(ài)的設(shè)計(jì)工具，如Playback Flash，Shockwave和外掛模組等搭配，不需離開(kāi)Dremweaver便可完成，整體運(yùn)用流程自然順暢。除此之外，只要單擊便可使Dreamweaver自動(dòng)開(kāi)啟Firework或Photoshop來(lái)進(jìn)行編輯與設(shè)定圖檔的最佳化。

網(wǎng)站管理

使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形，設(shè)計(jì)，更新和重組網(wǎng)頁(yè)。改變網(wǎng)頁(yè)位置或檔案名稱(chēng)，Dreamweaver會(huì)自動(dòng)更新所有鏈接。使用支援文字，HTML碼，HTML屬性標(biāo)簽和一般語(yǔ)法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡(jiǎn)單。

無(wú)可比擬的控制能力

Dreamweaver是唯一提供Roundtrip HTML、視覺(jué)化編輯與原始碼編輯同步的設(shè)計(jì)工具。它包含HomeSite和BBEdit等主流文字編輯器。幀(frames)和表格的制作速度快的令您無(wú)法想像。進(jìn)階表格編輯功能使您簡(jiǎn)單的選擇單格、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組，Dreamweaver支援精準(zhǔn)定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的方式進(jìn)行版面配置。

所供即所得

Dreamweaver成功整合動(dòng)態(tài)式出版視覺(jué)編輯及電子商務(wù)功能，提供超強(qiáng)的支援能力給Third-party廠(chǎng)商，包含ASP， Apache，BroadVision， Cold Fusion，iCAT， Tango與自行發(fā)展的應(yīng)用軟體。當(dāng)您正使用Dreamweaver在設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁(yè)時(shí)，所供即所得的功能，讓您不需要透過(guò)瀏覽器就能預(yù)覽網(wǎng)頁(yè)。

夢(mèng)幻樣版和XML

Dreamweaver將內(nèi)容與設(shè)計(jì)分開(kāi)，應(yīng)用于快速網(wǎng)頁(yè)更新和團(tuán)隊(duì)合作網(wǎng)頁(yè)編輯。建立網(wǎng)頁(yè)外觀的樣版，指定可編輯或不可編輯的部分，內(nèi)容提供者可直接編輯以樣式為主的內(nèi)容，卻不會(huì)不小心改變既定之樣式。您也可以使用樣版正確地匯入或輸出XML內(nèi)容。

全方位的呈現(xiàn)

利用Dreamweaver設(shè)計(jì)的網(wǎng)頁(yè)，可以全方位的呈現(xiàn)在任何平臺(tái)的熱門(mén)瀏覽器上。對(duì)于cascading style sheets的動(dòng)態(tài)HTML支援和鼠標(biāo)換圖效果，聲音和動(dòng)畫(huà)的DHTML效果資料庫(kù)可在Netscape和Microsoft瀏覽器上執(zhí)行。使用不同瀏覽器檢示功能，Dreamweaver可以告知您在不同瀏覽器上執(zhí)行的成效如何。當(dāng)有新的瀏覽器上市時(shí)，只要從Dreamweaver的網(wǎng)站下載它的描述檔，便可得知詳盡的成效報(bào)告。

2.Photoshop:Adobe photoshop 在繪圖、色彩調(diào)整等諸多方面有著出色的功能，集成度高、適應(yīng)面廣和操作簡(jiǎn)便。他不僅提供強(qiáng)大的繪圖工具，可以直接繪制藝術(shù)圖形，還能直接從掃描儀，數(shù)碼相機(jī)等設(shè)備中采集圖像，并對(duì)他們進(jìn)行編輯、修復(fù)、以及調(diào)整效果，同時(shí)可以改變圖像的顏色模式，并能在圖像中制作藝術(shù)文字等。Photoshop中的高級(jí)繪圖工具，可自動(dòng)生成背景紋理、圖層效果，多種特殊效果濾鏡，可創(chuàng)建多種藝術(shù)效果和絢麗的web圖形并可直接在photoshop中定義和編輯切片的工具透明控制，包括用于混合到任意背景中的邊緣的仿色透明度。強(qiáng)大的彩色校正工具——修復(fù)畫(huà)筆，可在消除瑕疵的同時(shí)保留色調(diào)和紋理圖層。Photoshop的強(qiáng)大工具可以使操作者不管制作任何圖像都游刃有余。對(duì)于設(shè)計(jì)網(wǎng)頁(yè)，photoshop是不可或缺的工具，是強(qiáng)大的圖片處理工具。

3.FlashMX: Macromedia公司出品的Flash是制作網(wǎng)頁(yè)動(dòng)畫(huà)的利器。嚴(yán)格來(lái)說(shuō)， F1ash是網(wǎng)絡(luò)多媒體制作工具而不是網(wǎng)頁(yè)編輯工具。F1ash是制作動(dòng)感網(wǎng)頁(yè)的權(quán)威。對(duì)于使用者來(lái)說(shuō)，只需很短時(shí)間的學(xué)習(xí)，就可以用它制作出美觀的網(wǎng)頁(yè)動(dòng)畫(huà)?？梢宰屩谱髡唠S心所欲地實(shí)現(xiàn)各種創(chuàng)意，并且可以和JavaScript一起創(chuàng)作出具有強(qiáng)大交互性的網(wǎng)頁(yè)動(dòng)畫(huà)。

Flash是一種繪制矢量圖形和創(chuàng)作互動(dòng)多媒體動(dòng)畫(huà)的軟件。它可以用少量的矢量數(shù)據(jù)就可以描述相當(dāng)復(fù)雜的對(duì)象，所以生成的文件尺寸小，便于在網(wǎng)上傳輸。Flash創(chuàng)建的動(dòng)畫(huà)集可以插入到html文檔中，也可以單獨(dú)制作網(wǎng)頁(yè)。使網(wǎng)頁(yè)的效果更加完美。

八 網(wǎng)頁(yè)制作的優(yōu)缺點(diǎn)

比較明確，風(fēng)格統(tǒng)一。并運(yùn)用了一些其它的設(shè)計(jì)軟件加以輔助設(shè)計(jì)。使網(wǎng)頁(yè)更加具有動(dòng)感，形式豐富。就內(nèi)容而言，比較豐富。大量運(yùn)用了圖片，并進(jìn)行了文字說(shuō)明，做到了圖文并茂。但是由于我們剛接觸網(wǎng)頁(yè)制作，做出的效果還是有些稚嫩的，需要以后不斷的實(shí)踐。

九 代碼

1．滾動(dòng)字幕

style="FONT-WEIGHT: normal; LEFT: 0px; MARGIN-LEFT: 1px; TOP: 1px; TEXT-ALIGN: center"

onmouseout=this.start() scrollAmount=1 scrollDelay=50

direction=up behavior=loop width=250 height=150 background="">

href="Untitled-21.htm" target=_blank>二氧化氯的發(fā)展史

href="Untitled-22.htm" target=_blank>二氧化氯對(duì)健康的影響

href="Untitled-23.htm"

target=_blank>二氧化氯作為水體消毒劑的特性

href="Untitled-24.htm"

target=_blank>二氧化氯的主要應(yīng)用領(lǐng)域：用于造紙、用于飲用水處理、用于環(huán)境廢物處理、用于油田......

 

2．鏈接站點(diǎn)

style="MARGIN: 0px; COLOR: #000000; BACKGROUND-COLOR: #ffffff"

onChange=javascript:window.open(this.options[this.selectedIndex].value)

size=1 name=select>

友情鏈接站點(diǎn)

value=sina.com.cn>新浪網(wǎng)

value=163.com>網(wǎng)易

value=sohu.com>搜狐網(wǎng)

value=jnnc.com>新視聽(tīng)

value=china.com>中華網(wǎng)

value=yahoo.com>雅虎

value=263.net>263首都在線(xiàn)

value=soim.com>索易

class=ourfont

style="MARGIN: 0px; COLOR: #000000; BACKGROUND-COLOR: #ffffff"

onChange=javascript:window.open(this.options[this.selectedIndex].value)

size=1 name=number1>

環(huán)境保護(hù)站點(diǎn)

value=zhb.gov.cn/>國(guó)家環(huán)境保護(hù)總局

value=bjepb.gov.cn/>北京市環(huán)境保護(hù)局

value=sdein.gov.cn/>山東環(huán)境

value=jnepb.gov.cn/default.aspx>濟(jì)南市環(huán)境保護(hù)局

value=hisun-cn.com/>青島海晟環(huán)保技術(shù)

3．下拉列表

style="MARGIN: 0px; COLOR: #000000; BACKGROUND-COLOR: #ffffff"

onChange=javascript:window.open(this.options[this.selectedIndex].value)

size=1 name=select>

產(chǎn)品介紹

value="Untitled-6.htm" target="_blank">二氧化氯發(fā)生器-WPR型

value="Untitled-7.htm" target="_blank">二氧化氯發(fā)生器-WPRⅠ型

value="Untitled-8.htm" target="_blank">二氧化氯發(fā)生器-WPRⅡ型

value="Untitled-18.htm" target="_blank">二氧化氯發(fā)生器型號(hào)說(shuō)明

value="Untitled-9.htm" target="_blank">破氰、除鉻一體化設(shè)備

value="Untitled-10.htm" target="_blank">ZT系列空氣凈化工作臺(tái)

value="Untitled-11.htm" target="_blank">ZT系列百級(jí)層流罩

value="Untitled-12.htm" target="_blank">ZT系列高效自?xún)羝?/p>

value="Untitled-13.htm" target="_blank">ZT系列高效空氣過(guò)濾器

value="Untitled-14.htm" target="_blank">FLS-系列風(fēng)淋室

value="Untitled-15.htm" target="_blank">凈化空調(diào)廠(chǎng)房

value="Untitled-16.htm" target="_blank">中效送風(fēng)機(jī)組

value="Untitled-17.htm" target="_blank">各種醫(yī)療器械設(shè)備及實(shí)驗(yàn)室

參考文獻(xiàn)

1.魏洪斌 《Dreamweaver MX網(wǎng)頁(yè)設(shè)計(jì)》清華大學(xué)出版社

2.馬波 《Dreamweaver MX完美網(wǎng)頁(yè)設(shè)計(jì)與制作》中國(guó)青年出版社

3.黃夢(mèng) 《Dreamweaver MX完全征服手冊(cè)》中國(guó)青年出版社

4.周明濤 《Dreamweaver MX網(wǎng)頁(yè)設(shè)計(jì)指南》機(jī)械工程出版社

5.陳青、劉時(shí)燕、macromedia 《Flash MX標(biāo)準(zhǔn)案例教材》人民郵電出版社

6.劉淼 《Flash MX入門(mén)與提高》人民郵電出版社

7.李偉 《Flash MX動(dòng)畫(huà)制作實(shí)例教程》清華大學(xué)出版社

8.劉睿、陳志宇 《Photoshop6.0實(shí)用教程》山東科學(xué)技術(shù)出版社

網(wǎng)頁(yè)制作論文范文第5篇

論文摘要：網(wǎng)頁(yè)的內(nèi)容通常是由圖片和文字組成。由文字構(gòu)成網(wǎng)頁(yè)的主體，而圖片則能夠美化和增色你的網(wǎng)頁(yè)。那些包含了設(shè)計(jì)精美圖片的網(wǎng)站，往往能讓瀏覽者流連忘返。因此，有漂亮的圖片是你的網(wǎng)頁(yè)能吸引人的一個(gè)有力保證。

一、介紹

超鏈接是網(wǎng)頁(yè)中最活潑、最有吸引力的一種元素。表單用于特殊的信息，使用戶(hù)和網(wǎng)站進(jìn)行交互，使你找到用戶(hù)的詳細(xì)信息。表格在許多工作中有著廣泛的應(yīng)用。

框架網(wǎng)頁(yè)是一種特殊的HTML網(wǎng)頁(yè)，使用框架網(wǎng)頁(yè)可以同時(shí)瀏覽幾個(gè)不同的Web頁(yè)面，使用Web頁(yè)面顯示一致的用戶(hù)界面和靈活的頁(yè)面內(nèi)容。

網(wǎng)頁(yè)制作的高級(jí)技術(shù)包括：在網(wǎng)頁(yè)中插入FLASH動(dòng)畫(huà)利用Java或者javascript制作網(wǎng)頁(yè)的動(dòng)態(tài)效果。網(wǎng)頁(yè)中使用插件，視頻等Web組件以及創(chuàng)建、和管理站點(diǎn)等技術(shù)。

Web頁(yè)面往往是具有各種各樣的頁(yè)面元素、豐富的內(nèi)容和復(fù)雜的布局。因此僅僅使用到一種或者兩種網(wǎng)頁(yè)制作技術(shù)，不可能創(chuàng)作出一個(gè)優(yōu)秀的Web頁(yè)面，一個(gè)美觀而實(shí)用的Web頁(yè)面往往需要綜合利用各種技術(shù)。

二、概述

1.網(wǎng)站名稱(chēng)：“濟(jì)南中天環(huán)保設(shè)備有限公司”

2.步驟：

(1)確立主題

(2)收集資料

(5)美化網(wǎng)頁(yè)

三、目的

運(yùn)用已經(jīng)掌握的知識(shí)完成一個(gè)環(huán)境保護(hù)企業(yè)網(wǎng)站。通過(guò)此次設(shè)計(jì)可以達(dá)到全面理解、運(yùn)用網(wǎng)頁(yè)制作的知識(shí)，并使之得以融會(huì)貫通，在掌握運(yùn)用Dreamweaver制作網(wǎng)頁(yè)的基礎(chǔ)上再加以實(shí)踐，進(jìn)一步提高、加強(qiáng)自身的綜合能力。

四、要求

根據(jù)公司的要求，設(shè)計(jì)一個(gè)企業(yè)站點(diǎn)，以達(dá)到宣傳該公司及其產(chǎn)品的目的。有整體框架結(jié)構(gòu)，表格定位等，布局合理，色彩搭配協(xié)調(diào)統(tǒng)一，內(nèi)容豐富多彩，頁(yè)面風(fēng)格獨(dú)特。

五、設(shè)計(jì)工具

Dreamweaver、Flash、Photoshop等。

六、站點(diǎn)構(gòu)思

1.整體構(gòu)思：

本網(wǎng)站主題為：濟(jì)南中天環(huán)保設(shè)備有限公司?？偣灿芯W(wǎng)頁(yè)24個(gè)。主頁(yè)是一個(gè)總目錄的網(wǎng)頁(yè)，里面加有網(wǎng)頁(yè)動(dòng)畫(huà)效果“滾動(dòng)字幕”及Flas，本站幾個(gè)主要分網(wǎng)頁(yè)分別為：公司簡(jiǎn)介、資質(zhì)認(rèn)證、產(chǎn)品介紹、業(yè)務(wù)范圍、經(jīng)營(yíng)業(yè)績(jī)、聯(lián)系方式。還有許多子網(wǎng)頁(yè)。

2.頁(yè)面構(gòu)思：

下面介紹一下網(wǎng)站中的幾個(gè)網(wǎng)頁(yè)的制作。

業(yè)務(wù)范圍中的二氧化氯發(fā)生器產(chǎn)品公司服務(wù)承諾頁(yè)面，背景色采用跟主頁(yè)一樣的藍(lán)色，淡藍(lán)色的背景給人以干凈大方的感覺(jué)，與環(huán)保網(wǎng)站的主旨相一致。上方為Flas與鏈接頁(yè)，左下方是用Photoshop

處理過(guò)的圖片，與主頁(yè)是一致的。右邊的標(biāo)題是用Photoshop制作的圖片，小標(biāo)題采用斜體加黑，這樣制作豐富了頁(yè)面內(nèi)容，使整個(gè)頁(yè)面條理清晰。服務(wù)承諾分條目標(biāo)示，一目了然。最后的“空氣凈化服務(wù)范圍”標(biāo)題，即可以鏈接到空氣凈化服務(wù)范圍頁(yè)面。

標(biāo)題“服務(wù)范圍和承諾”是用Photoshop制作的，先用油漆桶工具把背景色填充為與頁(yè)面相同的淡藍(lán)色，調(diào)整文字的大小與位置，兩邊分別加上符號(hào)“【”、“】”和“”，使圖片看起來(lái)更加美觀。

經(jīng)營(yíng)業(yè)績(jī)頁(yè)面，背景色與Flas，鏈接頁(yè)與主頁(yè)保持一致。這一頁(yè)的主要內(nèi)容是用表格形式來(lái)固定的，邊框設(shè)置為1，顏色為淡灰色。表格寬度與Flash寬度一致。整個(gè)頁(yè)面清晰有致，比較大方，瀏覽者可以清楚的看到公司近年來(lái)的經(jīng)營(yíng)業(yè)績(jī)。

聯(lián)系方式頁(yè)面，左下方的圖片與右邊的標(biāo)題都是用Photoshop制作的，在聯(lián)系方式中還添加了一個(gè)outlookexpress電子郵件，方便用戶(hù)與公司的聯(lián)系，用戶(hù)可以直接點(diǎn)擊給公司發(fā)送郵件。outlookexpress作為全球范圍內(nèi)的聯(lián)機(jī)通訊軟件，已經(jīng)被越來(lái)越多的人所接受，無(wú)論是與同事和朋友交換電子郵件，還是加入新聞組進(jìn)行思想與信息的交流，OutlookExpress都已成為不可或缺的助手。聯(lián)系方式中除了電子郵件，還列出了公司地址，電話(huà)，傳真，郵編。

左邊的圖片是在Photoshop中，先用橢圓選框工具選中所要的部分，放置新建的畫(huà)布中，再用油漆桶工具把空白處填充為與頁(yè)面背景相同的藍(lán)色并對(duì)畫(huà)面進(jìn)行淡化處理。右邊的標(biāo)題是在Photoshop中，用油漆桶工具填充背景色，然后寫(xiě)上“聯(lián)系方式”，調(diào)整其大小與位置，“方式”二字較“聯(lián)系”稍小一些，左右分別加上符號(hào)“”，“「”，“”，“”，使圖片放置頁(yè)面中顯得美觀，更突出了主題內(nèi)容。

FLS－系列風(fēng)淋室，凈化空調(diào)廠(chǎng)房，中效送風(fēng)機(jī)組，各種醫(yī)療器械設(shè)備及實(shí)驗(yàn)室設(shè)備等頁(yè)面由頁(yè)面“產(chǎn)品介紹”鏈接的，并且均以淡藍(lán)色為背景底色。頁(yè)面大部分有圖片和文字兩部分組成。文字部分由表格固定，表格邊框設(shè)為零，圖片是用Photoshop制作成的。

所有頁(yè)面整齊劃一，設(shè)計(jì)風(fēng)格保持一致，加上淡藍(lán)色的背景，給人簡(jiǎn)潔、明了、大方的感覺(jué)。

七所用各技術(shù)的特點(diǎn)

1.Dreamweaver:Dreamweaver是美國(guó)MACROMEDIA公司開(kāi)發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的網(wǎng)頁(yè)編輯器，它是第一套針對(duì)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿(mǎn)動(dòng)感的網(wǎng)頁(yè)。Dreamweaver是當(dāng)前主流的站點(diǎn)和網(wǎng)頁(yè)編輯器，其代碼簡(jiǎn)潔、兼容性和整體功能都很強(qiáng)。Dreamweaver的介入，使得網(wǎng)頁(yè)一些部分的實(shí)現(xiàn)變得更加直觀簡(jiǎn)便。

Dreamweaver的主要特點(diǎn)：

最佳的制作效率

Dreamweaver可以用最快速的方式將Fireworks，F(xiàn)reeHand，或Photoshop等檔案移至網(wǎng)頁(yè)上。使用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁(yè)安全色。對(duì)于選單，快捷鍵與格式控制，都只要一個(gè)簡(jiǎn)單步驟便可完成。Dremweaver能與您喜愛(ài)的設(shè)計(jì)工具，如PlaybackFlash，Shockwave和外掛模組等搭配，不需離開(kāi)Dremweaver便可完成，整體運(yùn)用流程自然順暢。除此之外，只要單擊便可使Dreamweaver自動(dòng)開(kāi)啟Firework或Photoshop來(lái)進(jìn)行編輯與設(shè)定圖檔的最佳化。

網(wǎng)站管理

使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形，設(shè)計(jì)，更新和重組網(wǎng)頁(yè)。改變網(wǎng)頁(yè)位置或檔案名稱(chēng)，Dreamweaver會(huì)自動(dòng)更新所有鏈接。使用支援文字，HTML碼，HTML屬性標(biāo)簽和一般語(yǔ)法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡(jiǎn)單。

無(wú)可比擬的控制能力

Dreamweaver是唯一提供RoundtripHTML、視覺(jué)化編輯與原始碼編輯同步的設(shè)計(jì)工具。它包含HomeSite和BBEdit等主流文字編輯器。幀(frames)和表格的制作速度快的令您無(wú)法想像。進(jìn)階表格編輯功能使您簡(jiǎn)單的選擇單格、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組，Dreamweaver支援精準(zhǔn)定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的方式進(jìn)行版面配置。

所供即所得

Dreamweaver成功整合動(dòng)態(tài)式出版視覺(jué)編輯及電子商務(wù)功能，提供超強(qiáng)的支援能力給Third-party廠(chǎng)商，包含ASP，Apache，BroadVision，ColdFusion，iCAT，Tango與自行發(fā)展的應(yīng)用軟體。當(dāng)您正使用Dreamweaver在設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁(yè)時(shí)，所供即所得的功能，讓您不需要透過(guò)瀏覽器就能預(yù)覽網(wǎng)頁(yè)。

夢(mèng)幻樣版和XML

Dreamweaver將內(nèi)容與設(shè)計(jì)分開(kāi)，應(yīng)用于快速網(wǎng)頁(yè)更新和團(tuán)隊(duì)合作網(wǎng)頁(yè)編輯。建立網(wǎng)頁(yè)外觀的樣版，指定可編輯或不可編輯的部分，內(nèi)容提供者可直接編輯以樣式為主的內(nèi)容，卻不會(huì)不小心改變既定之樣式。您也可以使用樣版正確地匯入或輸出XML內(nèi)容。

全方位的呈現(xiàn)

利用Dreamweaver設(shè)計(jì)的網(wǎng)頁(yè)，可以全方位的呈現(xiàn)在任何平臺(tái)的熱門(mén)瀏覽器上。對(duì)于cascadingstylesheets的動(dòng)態(tài)HTML支援和鼠標(biāo)換圖效果，聲音和動(dòng)畫(huà)的DHTML效果資料庫(kù)可在Netscape和Microsoft瀏覽器上執(zhí)行。使用不同瀏覽器檢示功能，Dreamweaver可以告知您在不同瀏覽器上執(zhí)行的成效如何。當(dāng)有新的瀏覽器上市時(shí)，只要從Dreamweaver的網(wǎng)站下載它的描述檔，便可得知詳盡的成效報(bào)告。

2.Photoshop:Adobephotoshop在繪圖、色彩調(diào)整等諸多方面有著出色的功能，集成度高、適應(yīng)面廣和操作簡(jiǎn)便。他不僅提供強(qiáng)大的繪圖工具，可以直接繪制藝術(shù)圖形，還能直接從掃描儀，數(shù)碼相機(jī)等設(shè)備中采集圖像，并對(duì)他們進(jìn)行編輯、修復(fù)、以及調(diào)整效果，同時(shí)可以改變圖像的顏色模式，并能在圖像中制作藝術(shù)文字等。Photoshop中的高級(jí)繪圖工具，可自動(dòng)生成背景紋理、圖層效果，多種特殊效果濾鏡，可創(chuàng)建多種藝術(shù)效果和絢麗的web圖形并可直接在photoshop中定義和編輯切片的工具透明控制，包括用于混合到任意背景中的邊緣的仿色透明度。強(qiáng)大的彩色校正工具——修復(fù)畫(huà)筆，可在消除瑕疵的同時(shí)保留色調(diào)和紋理圖層。Photoshop的強(qiáng)大工具可以使操作者不管制作任何圖像都游刃有余。對(duì)于設(shè)計(jì)網(wǎng)頁(yè)，photoshop是不可或缺的工具，是強(qiáng)大的圖片處理工具。

3.FlashMX:Macromedia公司出品的Flash是制作網(wǎng)頁(yè)動(dòng)畫(huà)的利器。嚴(yán)格來(lái)說(shuō)，F(xiàn)1ash是網(wǎng)絡(luò)多媒體制作工具而不是網(wǎng)頁(yè)編輯工具。F1ash是制作動(dòng)感網(wǎng)頁(yè)的權(quán)威。對(duì)于使用者來(lái)說(shuō)，只需很短時(shí)間的學(xué)習(xí)，就可以用它制作出美觀的網(wǎng)頁(yè)動(dòng)畫(huà)?？梢宰屩谱髡唠S心所欲地實(shí)現(xiàn)各種創(chuàng)意，并且可以和javascript一起創(chuàng)作出具有強(qiáng)大交互性的網(wǎng)頁(yè)動(dòng)畫(huà)。

Flash是一種繪制矢量圖形和創(chuàng)作互動(dòng)多媒體動(dòng)畫(huà)的軟件。它可以用少量的矢量數(shù)據(jù)就可以描述相當(dāng)復(fù)雜的對(duì)象，所以生成的文件尺寸小，便于在網(wǎng)上傳輸。Flash創(chuàng)建的動(dòng)畫(huà)集可以插入到html文檔中，也可以單獨(dú)制作網(wǎng)頁(yè)。使網(wǎng)頁(yè)的效果更加完美。

八網(wǎng)頁(yè)制作的優(yōu)缺點(diǎn)

比較明確，風(fēng)格統(tǒng)一。并運(yùn)用了一些其它的設(shè)計(jì)軟件加以輔助設(shè)計(jì)。使網(wǎng)頁(yè)更加具有動(dòng)感，形式豐富。就內(nèi)容而言，比較豐富。大量運(yùn)用了圖片，并進(jìn)行了文字說(shuō)明，做到了圖文并茂。但是由于我們剛接觸網(wǎng)頁(yè)制作，做出的效果還是有些稚嫩的，需要以后不斷的實(shí)踐。

九代碼

1．滾動(dòng)字幕

<tdheight="167"><MARQUEEid=newsonmouseover=this.stop()

style="FONT-WEIGHT:normal;LEFT:0px;MARGIN-LEFT:1px;TOP:1px;TEXT-ALIGN:center"

onmouseout=this.start()scrollAmount=1scrollDelay=50

direction=upbehavior=loopwidth=250height=150background="">

<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A

href="Untitled-21.htm"target=_blank>二氧化氯的發(fā)展史</A></P>

<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A

href="Untitled-22.htm"target=_blank>二氧化氯對(duì)健康的影響</A></P>

<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A

href="Untitled-23.htm"

target=_blank>二氧化氯作為水體消毒劑的特性</A></P>

<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A

href="Untitled-24.htm"

target=_blank>二氧化氯的主要應(yīng)用領(lǐng)域：用于造紙、用于飲用水處理、用于環(huán)境廢物處理、用于油田......</A></P>

</MARQUEE>&nbsp;</td>

2．鏈接站點(diǎn)

<selectclass=ourfont

style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"

onChange=javascript:window.open(this.options[this.selectedIndex].value)

size=1name=select>

<optionselected>友情鏈接站點(diǎn)</option>

<option

value=>新浪網(wǎng)</option>

<option

value=>網(wǎng)易</option>

<option

value=>搜狐網(wǎng)</option>

<option

value=>新視聽(tīng)</option>

<option

value=>中華網(wǎng)</option>

<option

value=>雅虎</option>

<option

value=>263首都在線(xiàn)</option>

<option

value=>索易</option>

</select>

</p>

<palign="center"><fontcolor="#333333"size="2">

<select

class=ourfont

style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"

onChange=javascript:window.open(this.options[this.selectedIndex].value)

size=1name=number1>

<optionselected>環(huán)境保護(hù)站點(diǎn)</option>

<option

value=/>國(guó)家環(huán)境保護(hù)總局

<option

value=/>北京市環(huán)境保護(hù)局

<option

value=/>山東環(huán)境

<option

value=/default.aspx>濟(jì)南市環(huán)境保護(hù)局

<option

value=hisun-/>青島海晟環(huán)保技術(shù)

</select>

3．下拉列表

<selectclass=ourfont

style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"

onChange=javascript:window.open(this.options[this.selectedIndex].value)

size=1name=select>

<optionselected>產(chǎn)品介紹</option>

<option

value="Untitled-6.htm"target="_blank">二氧化氯發(fā)生器-WPR型</option>

<option

value="Untitled-7.htm"target="_blank">二氧化氯發(fā)生器-WPRⅠ型</option>

<option

value="Untitled-8.htm"target="_blank">二氧化氯發(fā)生器-WPRⅡ型</option>

<option

value="Untitled-18.htm"target="_blank">二氧化氯發(fā)生器型號(hào)說(shuō)明</option>

<option

value="Untitled-9.htm"target="_blank">破氰、除鉻一體化設(shè)備</option>

<option

value="Untitled-10.htm"target="_blank">ZT系列空氣凈化工作臺(tái)</option>

<option

value="Untitled-11.htm"target="_blank">ZT系列百級(jí)層流罩</option>

<option

value="Untitled-12.htm"target="_blank">ZT系列高效自?xún)羝?lt;/option>

<option

value="Untitled-13.htm"target="_blank">ZT系列高效空氣過(guò)濾器</option>

<option

value="Untitled-14.htm"target="_blank">FLS-系列風(fēng)淋室</option>

<option

value="Untitled-15.htm"target="_blank">凈化空調(diào)廠(chǎng)房</option>

<option

value="Untitled-16.htm"target="_blank">中效送風(fēng)機(jī)組</option>

<option

value="Untitled-17.htm"target="_blank">各種醫(yī)療器械設(shè)備及實(shí)驗(yàn)室</option>

</select>

參考文獻(xiàn)

1.魏洪斌《DreamweaverMX網(wǎng)頁(yè)設(shè)計(jì)》清華大學(xué)出版社

2.馬波《DreamweaverMX完美網(wǎng)頁(yè)設(shè)計(jì)與制作》中國(guó)青年出版社

3.黃夢(mèng)《DreamweaverMX完全征服手冊(cè)》中國(guó)青年出版社

4.周明濤《DreamweaverMX網(wǎng)頁(yè)設(shè)計(jì)指南》機(jī)械工程出版社

5.陳青、劉時(shí)燕、macromedia《FlashMX標(biāo)準(zhǔn)案例教材》人民郵電出版社

6.劉淼《FlashMX入門(mén)與提高》人民郵電出版社

7.李偉《FlashMX動(dòng)畫(huà)制作實(shí)例教程》清華大學(xué)出版社

8.劉睿、陳志宇《Photoshop6.0實(shí)用教程》山東科學(xué)技術(shù)出版社