前言:想要寫出一篇令人眼前一亮的文章嗎?我們特意為您整理了5篇網(wǎng)頁制作論文范文,相信會為您的寫作帶來幫助,發(fā)現(xiàn)更多的寫作思路和靈感。
論文摘要:項目教學法是師生為共同實施一個完整項目而進行的教學活動。文章介紹了將項目教學法應用到《網(wǎng)頁制作技術》課程中的經(jīng)驗及收獲。在整個教學過程中,著重培養(yǎng)學生的“四種能力”,以實現(xiàn)培養(yǎng)網(wǎng)站構建人才的課程教學目標。
項目教學法簡介
項目教學法的前提是“項目”,是一個人人參與的集學習、創(chuàng)作于一體的過程。
項目教學法就是在教學中,組織學生真實地參加項目設計、實施和管理的全過程,在項目實施過程中完成教學任務。項目教學法的開始階段,主要采用獨立作業(yè)的方式。項目教學法更多采用小組工作的方式,共同制定計劃、共同或分工完成整個項目。一般而言,項目教學法的實施過程可以分五個階段:
確定項目任務通常由教師提出一個或幾個項目的任務設想,與學生一起討論,最終確定項目的目標和任務。制定計劃由學生制定項目工作計劃,確定工作步驟和程序,得到教師的認可后實施。
實施計劃學生確定各自在小組中的分工以及小組成員的合作形式,然后按照已確立的工作步驟和程序開展工作。
評價考核通過項目的完成情況對學生的學習效果進行考查,包括教師評價、學習小組評價和自評三部分??煞秩齻€級別進行考核:第一級,由教師對各小組項目完成情況進行評定,如能否共同協(xié)作,是否實現(xiàn)預期功能,是否具有創(chuàng)新意識等;第二級,由各小組成員根據(jù)每個組員對本小組的貢獻情況及參與意識進行互評;第三級,由學生本人進行自評,如自己是否在原有基礎上有所提高,是否已經(jīng)掌握本課程的知識點并熟練應用。最后,綜合三級評定情況確定每名學生的學習成績。對于有企業(yè)參與的項目,必要時可由企業(yè)做出最終評價。
歸檔或結果應用項目應盡可能具有實際應用價值,應盡可能將項目的完成結果應用到企業(yè)和學校的生產教學實踐中。
《網(wǎng)頁制作技術》課引入項目教學法
《網(wǎng)頁制作技術》是我院計算機應用技術、計算機網(wǎng)絡技術、軟件技術等專業(yè)的主干課程,具有實用性強,應用面廣,操作性強、與崗位聯(lián)系密切等特點。為了更好地講授《網(wǎng)頁制作技術》課,我們進行了大膽的教學改革,打破了傳統(tǒng)的教學模式,將實際項目引入課堂教學,改革教學方法、教學手段及考核形式,較好地實現(xiàn)了課程教學目標?!毒W(wǎng)頁制作技術》的課程目標《網(wǎng)頁制作技術》的課程目標是結合職業(yè)崗位的需要,培養(yǎng)出能夠從事網(wǎng)頁平面設計或網(wǎng)站構建的人才,提高學生的學習能力、協(xié)作能力和綜合能力。
將項目教學法引入《網(wǎng)頁制作技術》課本課程的傳統(tǒng)教學方式是先由教師在多媒體教室授課,然后安排學生在實驗室上機驗證教師所講內容。這種方式忽略了學生的積極性、主動性,學生學到的知識比較零碎,很難開發(fā)實際項目。隨著課程內容的深入,很多學生逐漸失去了學習興趣,喪失了主動參與的意識,以致課程結束時,幾乎沒有學生能夠設計出具有一定水平的網(wǎng)站。為打破傳統(tǒng)的教學模式,突出學生的主體地位,讓學生成為教學的中心。我們分析了該課程的特點,并結合任課教師為企業(yè)開發(fā)網(wǎng)站的經(jīng)驗,讓教師將所承擔的網(wǎng)站建設項目引入課堂教學,引導學生共同開發(fā)項目,讓學生既能學到知識,又能積累項目開發(fā)經(jīng)驗,從而體現(xiàn)出“教、學、做是一件事,不是三件事”。
項目教學法提高了學生的能力和素質將項目教學法引入《網(wǎng)頁制作技術》后,學生成為了學習的主體,教師在教學過程中起引導協(xié)助作用。學生在項目的驅動下自主學習,邊學邊做。有些能力突出的學生在學習過程中主動與外界聯(lián)系,承接小型網(wǎng)站建設項目。在完成項目的過程中,他們主動與其他同學和教師進行交流,討論問題,促進了項目教學法的發(fā)展。項目完成后所帶來的成功的愉悅和滿足感,不但提高了學生的學習興趣和學習積極性,同時也培養(yǎng)了學生自主學習的能力。
《網(wǎng)頁制作技術》課實施項目教學法的過程
筆者在擔任《網(wǎng)頁制作技術》課的教學過程中,結合學生的特點以及環(huán)境,將教學過程劃分成以下五個階段。(一)網(wǎng)站項目的確定
確立實用、優(yōu)秀的項目是項目教學法能否成功實施的關鍵。因此,在實施項目教學法時,首先,應選擇切實可行的項目。在教學正式開始之前,可先對學生進行分組,盡量使每一組學生的能力都比較均衡。同時,結合相應的崗位能力要求,將選用的項目分為兩種:一種是選用已通過驗收的項目,另一種是選用正在進行中的項目。其次,應針對學生的實際水平確定項目的難易程度。對于首次接觸這門課程的學生,由教師負責選取項目,講解知識點。所選取的項目必須簡單、典型,并且最好選擇已經(jīng)完成的項目,以便學生進行知識的遷移。對于具有一定基礎的學生,可由教師和學生共同討論選定具有較高難度的項目,并且最好選擇正在進行中的項目,讓學生身臨其境,參與創(chuàng)造實踐活動,親身體驗實踐的艱辛與樂趣。另外,應注意根據(jù)學生具體的培養(yǎng)方向,確立最適合的項目。
(二)網(wǎng)站項目計劃
網(wǎng)站項目的計劃應按照項目開發(fā)的需求加以實施。確定項目以后,讓每一組學生針對該項目進行需求分析,啟發(fā)學生主動發(fā)現(xiàn)身邊的素材。對于已通過驗收的項目,可由教師充當企業(yè)的角色,由學生向教師匯報自己所進行的關于項目需求的分析及收集到的資料;對于正在進行中的項目,可由學生直接面對企業(yè),與企業(yè)溝通,做出需求分析。教師在這一過程中,一方面,起到指導的作用,另一方面,在對已驗收的項目實施的過程中,教師應事先對該項目內容進行定位,分析研究需要解決的問題和完成的任務,確保學生進行需求分析時,不會定位過高。完成項目需求分析后,教師應根據(jù)學生所作的需求分析確定項目的能力模塊,并將每個能力模塊細分為一系列小項目,學生根據(jù)課程的時間安排,結合項目內容編寫項目開發(fā)計劃書。例如,根據(jù)我?!毒W(wǎng)頁制作技術》課的實際情況,將首次接觸這門課程的學生的能力模塊劃分如下(見下圖)。
(三)網(wǎng)站項目實施
項目教學法中最重要的環(huán)節(jié)是項目的具體實施過程。在該過程中,教師應及時恰當?shù)貙W生進行引導,督促學生根據(jù)項目計劃書,按時按量完成相應的功能模塊,保證項目順利進行,實現(xiàn)課程教學目標。對于首次接觸網(wǎng)頁制作的學生來說,沒有一定的網(wǎng)頁制作軟件操作基礎,就無法進行項目建設。因此,應在《網(wǎng)頁制作技術》課程項目實施過程的第一階段講授學生網(wǎng)頁制作軟件的使用方法,為第二階段奠定基礎,第三階段的主要任務則是撰寫網(wǎng)站開發(fā)總結報告,鍛煉學生撰寫文章的能力。
第一階段實施過程對應上圖中的能力模塊劃分情況,在第一階段的實施過程中主要教授學生網(wǎng)頁制作軟件的使用方法,使其形成相應的具體能力。具體做法是:教師首先通過簡單的例子講解實際操作方法,然后,讓學生練習新知識、新操作,完成相應的實驗項目。通過這種雙教一體的教學模式、講練結合的教學手段讓學生掌握牢固的基礎知識。
第二階段實施過程結合第一階段學生具體能力的鍛煉情況,根據(jù)所要建設的項目,按照項目計劃書進行開發(fā)并完成設計。該階段是項目教學法實施的核心環(huán)節(jié)。在此階段,教師要根據(jù)各開發(fā)小組的具體情況、具體要求及時恰當?shù)剡M行指導,解決學生開發(fā)過程中遇到的難題,督促學生按時按量完成項目計劃書中的各個開發(fā)環(huán)節(jié),保證學生順利完成項目的開發(fā),實現(xiàn)教學目標。在實際教學過程中,教師要重點做好指導監(jiān)督工作。如定期召開各項目組長會議,了解各項目組的開發(fā)進程;在項目開發(fā)過程中進行技術引導和指導,收集各組遇到的難題,組織各組進行總結和經(jīng)驗交流,從中探討不同的解決問題的方法。
第三階段實施過程該階段的任務是在學生完成網(wǎng)站建設后,撰寫開發(fā)總結報告,總結本次學習、開發(fā)的收獲和經(jīng)驗,為下一次開發(fā)做準備。階段性總結評價也是項目具體實施過程中必不可少的環(huán)節(jié)。教師和學生在每個階段的學習結束后,都要對該階段的學習成果進行展示、評價、總結,及時改進不足之處,鞏固成果,為后續(xù)工作打下堅實的基礎。
(四)網(wǎng)站項目展示與評價
項目完成后,應對網(wǎng)站項目的建設效果進行展示,并加以講解。在講解展示網(wǎng)站的過程中,學生和教師可以提出問題,并結合相應的網(wǎng)站項目評分表,形成學生和教師對該項目各自的評價。在對學生進行評價時,還應結合其在項目開發(fā)過程中的學習能力、合作能力、參與程度、服務程度以及所起作用等各方面的表現(xiàn)情況。在對承接的企業(yè)的開發(fā)項目進行評價時,除上述評價角度外,還應結合企業(yè)的需求,即除了學生評價、教師評價外,還要有企業(yè)評價,并以企業(yè)的評價作為最終的評判標準。
(五)網(wǎng)站項目的總結和應用
項目完成后應進行總結,并將其成果應用到相關領域,體現(xiàn)該門課程的教學目標。我校在《網(wǎng)頁制作技術》課中實施項目教學法以來,完成了多個項目并將研究成果應用到實際工作中,如我院的網(wǎng)站、各系各部門的網(wǎng)站、思明網(wǎng)站等。項目完成后應總結思路、技巧并進行經(jīng)驗交流。思路總結可以幫助學生明晰項目完成的最佳思考方法,找到自己的不足;技巧總結著重總結解決開發(fā)環(huán)節(jié)中遇到的難題的方法,把握并吸收整個項目開發(fā)的精髓;經(jīng)驗交流主要是對學習方法、知識應用進行交流。最后,教師可以指導學生對項目進行拓展和延伸。超級秘書網(wǎng)
項目教學法的成果
《網(wǎng)頁制作技術》課在實施項目教學法后,從本質上改變了課程的教學目的。這種改變使學生不再覺得學習該門課程只是為了獲取學分,而是真正掌握一門技術,具備一定的開發(fā)能力,能夠承擔相應的工作。在整個教學過程中,學生的自主學習能力、實踐能力、創(chuàng)新能力、團隊協(xié)作能力、分析解決問題的能力以及撰寫報告的能力都得到了鍛煉、培養(yǎng)和提高。
實踐表明,《網(wǎng)頁制作技術》課從傳統(tǒng)的多媒體教學模式的枷鎖中掙脫出來,實施項目教學法,體現(xiàn)了以學生為本,最大限度地調動了學生自主學習的積極性,培養(yǎng)了學生的綜合能力,使學生掌握了一門技巧,對教師也是一種鍛煉和提高。
參考文獻:
王棟松.在計算機課程教學中開展項目教學法的研究[J].職業(yè)教育研究,2005,(11).
1.1教學現(xiàn)狀分析
后續(xù)課程《網(wǎng)絡信息系統(tǒng)開發(fā)與利用》要求學生能讀懂HTML代碼并能修改或編寫,也會影響此課程的學習。早期頁面布局方法一般為表格布局,現(xiàn)在這種技術已經(jīng)落后被淘汰,取而代之的是DIV+CSS技術,此方法使頁面內容和顯示效果完全分開,頁面元素的布局更加靈活,網(wǎng)站在制作過程中風格的統(tǒng)一、后期網(wǎng)站風格的改變及網(wǎng)站的維護更新將會變得更加方便。
1.2確立課程教學目標“網(wǎng)頁設計與制作”實踐培訓課程主要面向網(wǎng)頁設計人員必備的一些基本技能,使學生能夠具備以下四方面的能力,基于以上表格的內容“,網(wǎng)頁設計與制作”這門課程采取了以“教師為主導地位,學生作為主體”的模式進行教學的,這種模式符合我校的教學和管理模式的要求,讓老師根據(jù)學生的特點來指導《網(wǎng)頁設計與制作課程》的探索、分析、研究以及改善學生的實踐操作動手能力。采用任務驅動的教學模式方法,在課堂上以案例為主進行實踐教學環(huán)節(jié)。在教學過程中可使用網(wǎng)頁模型為例,根據(jù)教學內容的安排和要求,教師引導學生并為學生創(chuàng)造環(huán)境,讓學生快速發(fā)現(xiàn)、探索和解決網(wǎng)頁中的問題,來激發(fā)學生的好奇心和欲望,帶動學生興趣,促進學生的創(chuàng)新能力。
2課程教學體系的基本思路
在“網(wǎng)頁設計與制作”課上協(xié)調好教學課程,努力使學生變被動學習為主動學習,樹立以學生為中心,師生關系和教學崗位、教師與學生之間,通過師生關系和互動創(chuàng)造了良好的教學氛圍,這是教學改革進程的一個重要組成部分。有效的學生交流機制是建立學生互動的良好基礎。
3課程教學體系構建
3.1課程內容結構
“網(wǎng)頁設計與制作”作為計算機類專業(yè)課程實踐環(huán)節(jié),可以作為其他相關專業(yè)的實踐課程或選修課,這是一個操作性和實用性并重的課程。因此,在這個過程以系統(tǒng)建設,網(wǎng)頁設計人員培訓為目標,培養(yǎng)應用型人才為主線,來從構建課程知識,能力及素質建設,并注重實用技能。如下圖1所示:
3.2教學內容的組織和安排
教學內容是教學中的重要組成環(huán)節(jié),在教學內容上,要重視理論知識聯(lián)系并應用到實際中的這一過程的安排,以更好地將傳播知識、培養(yǎng)能力、素質教育的要求恰當?shù)恼掀饋恚M而達到更好的教學目的。
(1)理論與實踐相結合。強調知識和技能的結合,突出實際生產現(xiàn)場,將實際操作技能作為重點,加大實踐教學。抓住課程內容的基本要求,妥善處理相關課程和教學內容。在整個課程后,每個系列都配備了完整的課程專題,最后安排一個星期的課程設計。
(2)理論與實際相結合結合學生實際情況的要求,安排公司的網(wǎng)頁設計工作,開展頂崗實習培訓,提高解決實際問題的能力,更好地讓學生有機地學習各部分掌握的內容。
3.3實踐教學方法
由于傳統(tǒng)的時間和空間的有限性的課堂,使教師不能充分利用教學資源,以達到最佳的教學效果;而網(wǎng)上教學是無限的空間,考慮信息容量等因素的影響,可最大限度地利用教學資源。對于學生在房間里探索互聯(lián)網(wǎng),學生在BBS平臺上討論,舉行每學期的網(wǎng)頁設計大賽,根據(jù)學生對教學網(wǎng)站的工作,讓學生選擇入圍的優(yōu)秀作品,再由老師評出學生獎項。
4課程教學體系建構
這個課題的意義是實現(xiàn)理論和實踐的融合,實現(xiàn)學生的思維、行為和態(tài)度的整合,要求學生全面發(fā)展。
4.1運用多層次的教學方式
教學改進一直是教學改革的重點。怎么樣能更好地體現(xiàn)教學特色,怎么樣能實現(xiàn)教學目標,解決這一問題的教學方式就是采用多層次的教學方法,如:教師進行案例分析,教師和學生共同模擬和角色扮演的場景以及其他創(chuàng)新教學方法,而這種多樣化的教學手段體現(xiàn)三個注意層面,分別為:老師講課實踐指導,開放自我的做法,引導和探索性實踐相結合“,進而實現(xiàn)教學中的多層次的教學方式。
4.2開展多元化的教學活動
基于多種教學方法,我們可以開展各種教育活動,主要是在“知識交流和自學相結合、綜合教學實踐與研究相結合、課堂培訓和課外活動相結合”原則下進行的多樣教學活動,如使用任務驅動教學。任務驅動教學法讓學生從一個典型的任務開始,從網(wǎng)絡的實際工作流程設計出發(fā)推動教學活動,抓住設計問題的重要而艱巨任務。教學應遵循兩個原則:第一,循序漸進的原則,根據(jù)學生接受不同的能力,目前的水平和興趣,從簡單到復雜,從外到內;二是要提高的思想能力,注重教學生一種思想,解決問題的方法,引導學生運用多種方法來解決同樣的問題。在這個過程中,學生可以繼續(xù)獲得成就感,更能激發(fā)他們的求知欲望,培養(yǎng)獨立探索的自主學習能力和開拓精神。
4.3進行多重性的能力培養(yǎng)
這就要求我們的學生應具備基本課程知識,基本技能,操作課外協(xié)作,從中調動學生學習積極性網(wǎng)頁教學活動,促進學生在實際應用中的能力的展,同時溝通,心理學專業(yè)素質,這樣才能真正的得到業(yè)務綜合能力。實現(xiàn)這一目標,既滿足標準和市場需求,有使得我們在培養(yǎng)理論知識,基本技能外,還鞏固和著力加強對學生動手能力的訓練.培養(yǎng)多重性能力,是學生的學習知識、學習技能以及培養(yǎng)學生的網(wǎng)頁素養(yǎng)、能力通過中建立教學平臺,利用課堂教學的各個電子內容,讓便于自學的學生放學,提高學習水平,可以豐富學生的學習資源。
5小結
論文參考文獻的引用當中,作者要在論文引用的地方準確的標注出來,然后在論文的末尾用數(shù)字加方括號依次列出參考文獻。關注學術參考網(wǎng)查看更多優(yōu)秀的論文參考文獻,下面是小編整理的網(wǎng)站開發(fā)論文參考文獻來和大家一起分享。
網(wǎng)站開發(fā)論文參考文獻:
[1]黃寶玉,項國雄.國家精品課程建設現(xiàn)狀分析及思考[J].中國高教研究,2007(9):72-75.
[2]史金昌.淺析基于ASP.NET的Web網(wǎng)絡應用程序的安全開發(fā)[J].科技創(chuàng)新導報,2008(23):37.
[3]李志勇,魏紅.高校精品課程數(shù)字化資源建設與推廣應用研究[J].電腦知識與技術,20l0(2):485-486.
[4]張書梅,符蘊芳,劉智國.網(wǎng)站安全管理的方法與具體實現(xiàn)[J].石家莊學院學報,2005,7(6):54-56.
[5]陽衛(wèi)文,王建斯,基于P2P流媒體系統(tǒng)模型的研究進展[J].現(xiàn)代電子技術,2008(2):159-161.
[6]萬榮澤.基于ASP.NET技術的統(tǒng)一后臺網(wǎng)站群的設計[J].微計算機信息,2007,23(8):260-262.
[7]王紅雨,蔡成聞.基于ASP.NET的課程平臺設計與實現(xiàn)[J].聊城大學學報:自然科學版,2007,20(1):78-82.
[8]顧正剛,畢海峰.網(wǎng)站規(guī)劃與建設[M].北京:機械工業(yè)出版社,2007:4-8.
網(wǎng)站開發(fā)論文參考文獻:
[1]孔祥鑫.基于PHP技術的校園網(wǎng)站的設計與實現(xiàn)[D].天津:天津師范大學,2012.
[2]李良.基于PHP的商業(yè)站點設計與實現(xiàn)[D].南昌:南昌大學,2010.
[3]杜闖.PHP在動態(tài)網(wǎng)站開發(fā)中的優(yōu)勢[J].電腦知識與技術,2010(13).
[4]賈素來.使用PHP和MySQL開發(fā)動態(tài)網(wǎng)站[J].大眾科技,2011(3).
[5]李晶.PHP技術應用于中小企業(yè)網(wǎng)站開發(fā)探討[J].軟件開發(fā)設計,2014(10).
[6]杜闖.PHP在動態(tài)網(wǎng)站開發(fā)中的優(yōu)勢[J].電腦知識與技術,2010(13).
[7]賈素來.使用PHP和MySQL開發(fā)動態(tài)網(wǎng)站[J].大眾科技,2011(3).
網(wǎng)站開發(fā)論文參考文獻:
[1]靳瑩.基于緩存技術的內容管理系統(tǒng)研究[D].吉林大學,2014.
[2]黃菊.分布式緩存技術及其在車輛監(jiān)控系統(tǒng)中的應用[D].北京郵電大學,2015.
[3]崔解賓.分布式內存緩存技術在數(shù)據(jù)處理平臺中的研究與應用[D].北京郵電大學,2015.
[4]李光瑞.Map/Reduce型海量數(shù)據(jù)處理平臺中的內存級數(shù)據(jù)緩存技術研究[D].北京工業(yè)大學,2013.
[5]易會戰(zhàn),王鋒,左克,楊燦群,杜云飛,馬亞青.基于內存緩存的異步檢查點容錯技術[J].計算機研究與發(fā)展,2014(06):1229-1239.
[6]韓陵宜.網(wǎng)頁制作課程教學及考核方式的研究與探索[J].計算機教學與教育信息,2008(03).
論文摘要:網(wǎng)頁的內容通常是由圖片和文字組成。由文字構成網(wǎng)頁的主體,而圖片則能夠美化和增色你的網(wǎng)頁。那些包含了設計精美圖片的網(wǎng)站,往往能讓瀏覽者流連忘返。因此,有漂亮的圖片是你的網(wǎng)頁能吸引人的一個有力保證。
一、介紹
超鏈接是網(wǎng)頁中最活潑、最有吸引力的一種元素。表單用于特殊的信息,使用戶和網(wǎng)站進行交互,使你找到用戶的詳細信息。表格在許多工作中有著廣泛的應用。
框架網(wǎng)頁是一種特殊的HTML網(wǎng)頁,使用框架網(wǎng)頁可以同時瀏覽幾個不同的Web頁面,使用Web頁面顯示一致的用戶界面和靈活的頁面內容。
網(wǎng)頁制作的高級技術包括:在網(wǎng)頁中插入FLASH動畫利用Java或者JavaScript制作網(wǎng)頁的動態(tài)效果。網(wǎng)頁中使用插件,視頻等Web組件以及創(chuàng)建、和管理站點等技術。
Web頁面往往是具有各種各樣的頁面元素、豐富的內容和復雜的布局。因此僅僅使用到一種或者兩種網(wǎng)頁制作技術,不可能創(chuàng)作出一個優(yōu)秀的Web頁面,一個美觀而實用的Web頁面往往需要綜合利用各種技術。
二、概述
1. 網(wǎng)站名稱:“濟南中天環(huán)保設備有限公司”
2. 步驟:
(1) 確立主題
(2) 收集資料
(3) 創(chuàng)建網(wǎng)站
(4) 編輯網(wǎng)頁
(5) 美化網(wǎng)頁
三、目的
運用已經(jīng)掌握的知識完成一個環(huán)境保護企業(yè)網(wǎng)站。通過此次設計可以達到全面理解、運用網(wǎng)頁制作的知識,并使之得以融會貫通,在掌握運用Dreamweaver制作網(wǎng)頁的基礎上再加以實踐,進一步提高、加強自身的綜合能力。
四、要求
根據(jù)公司的要求,設計一個企業(yè)站點,以達到宣傳該公司及其產品的目的。有整體框架結構,表格定位等,布局合理,色彩搭配協(xié)調統(tǒng)一,內容豐富多彩,頁面風格獨特。
五、設計工具
Dreamweaver、Flash、Photoshop等。
六、站點構思
1.整體構思:
本網(wǎng)站主題為:濟南中天環(huán)保設備有限公司??偣灿芯W(wǎng)頁24個。主頁是一個總目錄的網(wǎng)頁,里面加有網(wǎng)頁動畫效果“滾動字幕”及Flash動畫,本站幾個主要分網(wǎng)頁分別為:公司簡介、資質認證、產品介紹、業(yè)務范圍、經(jīng)營業(yè)績、聯(lián)系方式。還有許多子網(wǎng)頁。
2.頁面構思:
下面介紹一下網(wǎng)站中的幾個網(wǎng)頁的制作。
業(yè)務范圍中的二氧化氯發(fā)生器產品公司服務承諾頁面,背景色采用跟主頁一樣的藍色,淡藍色的背景給人以干凈大方的感覺,與環(huán)保網(wǎng)站的主旨相一致。上方為Flash動畫與鏈接頁,左下方是用Photoshop
處理過的圖片,與主頁是一致的。右邊的標題是用Photoshop制作的圖片,小標題采用斜體加黑,這樣制作豐富了頁面內容,使整個頁面條理清晰。服務承諾分條目標示,一目了然。最后的“空氣凈化服務范圍”標題,即可以鏈接到空氣凈化服務范圍頁面。
標題“服務范圍和承諾”是用Photoshop制作的,先用油漆桶工具把背景色填充為與頁面相同的淡藍色,調整文字的大小與位置,兩邊分別加上符號“【”、“】”和“”,使圖片看起來更加美觀。
經(jīng)營業(yè)績頁面,背景色與Flash動畫,鏈接頁與主頁保持一致。這一頁的主要內容是用表格形式來固定的,邊框設置為1,顏色為淡灰色。表格寬度與Flash寬度一致。整個頁面清晰有致,比較大方,瀏覽者可以清楚的看到公司近年來的經(jīng)營業(yè)績。
聯(lián)系方式頁面,左下方的圖片與右邊的標題都是用Photoshop制作的,在聯(lián)系方式中還添加了一個outlook express電子郵件,方便用戶與公司的聯(lián)系,用戶可以直接點擊給公司發(fā)送郵件。outlook express作為全球范圍內的聯(lián)機通訊軟件,已經(jīng)被越來越多的人所接受,無論是與同事和朋友交換電子郵件,還是加入新聞組進行思想與信息的交流,Outlook Express都已成為不可或缺的助手。聯(lián)系方式中除了電子郵件,還列出了公司地址,電話,傳真,郵編。
左邊的圖片是在Photoshop中,先用橢圓選框工具選中所要的部分,放置新建的畫布中,再用油漆桶工具把空白處填充為與頁面背景相同的藍色并對畫面進行淡化處理。右邊的標題是在Photoshop中,用油漆桶工具填充背景色,然后寫上“聯(lián)系方式”,調整其大小與位置,“方式”二字較“聯(lián)系”稍小一些,左右分別加上符號“”,“「”,“”,“”,使圖片放置頁面中顯得美觀,更突出了主題內容。
FLS-系列風淋室,凈化空調廠房,中效送風機組,各種醫(yī)療器械設備及實驗室設備等頁面由頁面“產品介紹”鏈接的,并且均以淡藍色為背景底色。頁面大部分有圖片和文字兩部分組成。文字部分由表格固定,表格邊框設為零,圖片是用Photoshop制作成的。
所有頁面整齊劃一,設計風格保持一致,加上淡藍色的背景,給人簡潔、明了、大方的感覺。
七 所用各技術的特點
1.Dreamweaver : Dreamweaver是美國MACROMEDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的網(wǎng)頁編輯器,它是第一套針對專業(yè)網(wǎng)頁設計師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具,利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁。Dreamweaver是當前主流的站點和網(wǎng)頁編輯器,其代碼簡潔、兼容性和整體功能都很強。Dreamweaver的介入,使得網(wǎng)頁一些部分的實現(xiàn)變得更加直觀簡便。
Dreamweaver的主要特點:
最佳的制作效率
Dreamweaver可以用最快速的方式將Fireworks,F(xiàn)reeHand,或Photoshop等檔案移至網(wǎng)頁上。使用檢色吸管工具選擇熒幕上的顏色可設定最接近的網(wǎng)頁安全色。對于選單,快捷鍵與格式控制,都只要一個簡單步驟便可完成。Dremweaver能與您喜愛的設計工具,如Playback Flash,Shockwave和外掛模組等搭配,不需離開Dremweaver便可完成,整體運用流程自然順暢。除此之外,只要單擊便可使Dreamweaver自動開啟Firework或Photoshop來進行編輯與設定圖檔的最佳化。
網(wǎng)站管理
使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形,設計,更新和重組網(wǎng)頁。改變網(wǎng)頁位置或檔案名稱,Dreamweaver會自動更新所有鏈接。使用支援文字,HTML碼,HTML屬性標簽和一般語法的搜尋及置換功能使得復雜的網(wǎng)站更新變得迅速又簡單。
無可比擬的控制能力
Dreamweaver是唯一提供Roundtrip HTML、視覺化編輯與原始碼編輯同步的設計工具。它包含HomeSite和BBEdit等主流文字編輯器。幀(frames)和表格的制作速度快的令您無法想像。進階表格編輯功能使您簡單的選擇單格、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組,Dreamweaver支援精準定位,利用可輕易轉換成表格的圖層以拖拉置放的方式進行版面配置。
所供即所得
Dreamweaver成功整合動態(tài)式出版視覺編輯及電子商務功能,提供超強的支援能力給Third-party廠商,包含ASP, Apache,BroadVision, Cold Fusion,iCAT, Tango與自行發(fā)展的應用軟體。當您正使用Dreamweaver在設計動態(tài)網(wǎng)頁時,所供即所得的功能,讓您不需要透過瀏覽器就能預覽網(wǎng)頁。
夢幻樣版和XML
Dreamweaver將內容與設計分開,應用于快速網(wǎng)頁更新和團隊合作網(wǎng)頁編輯。建立網(wǎng)頁外觀的樣版,指定可編輯或不可編輯的部分,內容提供者可直接編輯以樣式為主的內容,卻不會不小心改變既定之樣式。您也可以使用樣版正確地匯入或輸出XML內容。
全方位的呈現(xiàn)
利用Dreamweaver設計的網(wǎng)頁,可以全方位的呈現(xiàn)在任何平臺的熱門瀏覽器上。對于cascading style sheets的動態(tài)HTML支援和鼠標換圖效果,聲音和動畫的DHTML效果資料庫可在Netscape和Microsoft瀏覽器上執(zhí)行。使用不同瀏覽器檢示功能,Dreamweaver可以告知您在不同瀏覽器上執(zhí)行的成效如何。當有新的瀏覽器上市時,只要從Dreamweaver的網(wǎng)站下載它的描述檔,便可得知詳盡的成效報告。
2.Photoshop:Adobe photoshop 在繪圖、色彩調整等諸多方面有著出色的功能,集成度高、適應面廣和操作簡便。他不僅提供強大的繪圖工具,可以直接繪制藝術圖形,還能直接從掃描儀,數(shù)碼相機等設備中采集圖像,并對他們進行編輯、修復、以及調整效果,同時可以改變圖像的顏色模式,并能在圖像中制作藝術文字等。Photoshop中的高級繪圖工具,可自動生成背景紋理、圖層效果,多種特殊效果濾鏡,可創(chuàng)建多種藝術效果和絢麗的web圖形并可直接在photoshop中定義和編輯切片的工具透明控制,包括用于混合到任意背景中的邊緣的仿色透明度。強大的彩色校正工具——修復畫筆,可在消除瑕疵的同時保留色調和紋理圖層。Photoshop的強大工具可以使操作者不管制作任何圖像都游刃有余。對于設計網(wǎng)頁,photoshop是不可或缺的工具,是強大的圖片處理工具。
3.FlashMX: Macromedia公司出品的Flash是制作網(wǎng)頁動畫的利器。嚴格來說, F1ash是網(wǎng)絡多媒體制作工具而不是網(wǎng)頁編輯工具。F1ash是制作動感網(wǎng)頁的權威。對于使用者來說,只需很短時間的學習,就可以用它制作出美觀的網(wǎng)頁動畫??梢宰屩谱髡唠S心所欲地實現(xiàn)各種創(chuàng)意,并且可以和JavaScript一起創(chuàng)作出具有強大交互性的網(wǎng)頁動畫。
Flash是一種繪制矢量圖形和創(chuàng)作互動多媒體動畫的軟件。它可以用少量的矢量數(shù)據(jù)就可以描述相當復雜的對象,所以生成的文件尺寸小,便于在網(wǎng)上傳輸。Flash創(chuàng)建的動畫集可以插入到html文檔中,也可以單獨制作網(wǎng)頁。使網(wǎng)頁的效果更加完美。
八 網(wǎng)頁制作的優(yōu)缺點
比較明確,風格統(tǒng)一。并運用了一些其它的設計軟件加以輔助設計。使網(wǎng)頁更加具有動感,形式豐富。就內容而言,比較豐富。大量運用了圖片,并進行了文字說明,做到了圖文并茂。但是由于我們剛接觸網(wǎng)頁制作,做出的效果還是有些稚嫩的,需要以后不斷的實踐。
九 代碼
1.滾動字幕
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>二氧化氯對健康的影響
href="Untitled-23.htm"
target=_blank>二氧化氯作為水體消毒劑的特性
href="Untitled-24.htm"
target=_blank>二氧化氯的主要應用領域:用于造紙、用于飲用水處理、用于環(huán)境廢物處理、用于油田......
2.鏈接站點
style="MARGIN: 0px; COLOR: #000000; BACKGROUND-COLOR: #ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1 name=select>
友情鏈接站點
value=sina.com.cn>新浪網(wǎng)
value=163.com>網(wǎng)易
value=sohu.com>搜狐網(wǎng)
value=jnnc.com>新視聽
value=china.com>中華網(wǎng)
value=yahoo.com>雅虎
value=263.net>263首都在線
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)境保護站點
value=zhb.gov.cn/>國家環(huán)境保護總局
value=bjepb.gov.cn/>北京市環(huán)境保護局
value=sdein.gov.cn/>山東環(huán)境
value=jnepb.gov.cn/default.aspx>濟南市環(huán)境保護局
value=hisun-cn.com/>青島海晟環(huán)保技術
3.下拉列表
style="MARGIN: 0px; COLOR: #000000; BACKGROUND-COLOR: #ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1 name=select>
產品介紹
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ā)生器型號說明
value="Untitled-9.htm" target="_blank">破氰、除鉻一體化設備
value="Untitled-10.htm" target="_blank">ZT系列空氣凈化工作臺
value="Untitled-11.htm" target="_blank">ZT系列百級層流罩
value="Untitled-12.htm" target="_blank">ZT系列高效自凈器
value="Untitled-13.htm" target="_blank">ZT系列高效空氣過濾器
value="Untitled-14.htm" target="_blank">FLS-系列風淋室
value="Untitled-15.htm" target="_blank">凈化空調廠房
value="Untitled-16.htm" target="_blank">中效送風機組
value="Untitled-17.htm" target="_blank">各種醫(yī)療器械設備及實驗室
參考文獻
1.魏洪斌 《Dreamweaver MX網(wǎng)頁設計》清華大學出版社
2.馬波 《Dreamweaver MX完美網(wǎng)頁設計與制作》中國青年出版社
3.黃夢 《Dreamweaver MX完全征服手冊》中國青年出版社
4.周明濤 《Dreamweaver MX網(wǎng)頁設計指南》機械工程出版社
5.陳青、劉時燕、macromedia 《Flash MX標準案例教材》人民郵電出版社
6.劉淼 《Flash MX入門與提高》人民郵電出版社
7.李偉 《Flash MX動畫制作實例教程》清華大學出版社
8.劉睿、陳志宇 《Photoshop6.0實用教程》山東科學技術出版社
論文摘要:網(wǎng)頁的內容通常是由圖片和文字組成。由文字構成網(wǎng)頁的主體,而圖片則能夠美化和增色你的網(wǎng)頁。那些包含了設計精美圖片的網(wǎng)站,往往能讓瀏覽者流連忘返。因此,有漂亮的圖片是你的網(wǎng)頁能吸引人的一個有力保證。
一、介紹
超鏈接是網(wǎng)頁中最活潑、最有吸引力的一種元素。表單用于特殊的信息,使用戶和網(wǎng)站進行交互,使你找到用戶的詳細信息。表格在許多工作中有著廣泛的應用。
框架網(wǎng)頁是一種特殊的HTML網(wǎng)頁,使用框架網(wǎng)頁可以同時瀏覽幾個不同的Web頁面,使用Web頁面顯示一致的用戶界面和靈活的頁面內容。
網(wǎng)頁制作的高級技術包括:在網(wǎng)頁中插入FLASH動畫利用Java或者javascript制作網(wǎng)頁的動態(tài)效果。網(wǎng)頁中使用插件,視頻等Web組件以及創(chuàng)建、和管理站點等技術。
Web頁面往往是具有各種各樣的頁面元素、豐富的內容和復雜的布局。因此僅僅使用到一種或者兩種網(wǎng)頁制作技術,不可能創(chuàng)作出一個優(yōu)秀的Web頁面,一個美觀而實用的Web頁面往往需要綜合利用各種技術。
二、概述
1.網(wǎng)站名稱:“濟南中天環(huán)保設備有限公司”
2.步驟:
(1)確立主題
(2)收集資料
(5)美化網(wǎng)頁
三、目的
運用已經(jīng)掌握的知識完成一個環(huán)境保護企業(yè)網(wǎng)站。通過此次設計可以達到全面理解、運用網(wǎng)頁制作的知識,并使之得以融會貫通,在掌握運用Dreamweaver制作網(wǎng)頁的基礎上再加以實踐,進一步提高、加強自身的綜合能力。
四、要求
根據(jù)公司的要求,設計一個企業(yè)站點,以達到宣傳該公司及其產品的目的。有整體框架結構,表格定位等,布局合理,色彩搭配協(xié)調統(tǒng)一,內容豐富多彩,頁面風格獨特。
五、設計工具
Dreamweaver、Flash、Photoshop等。
六、站點構思
1.整體構思:
本網(wǎng)站主題為:濟南中天環(huán)保設備有限公司??偣灿芯W(wǎng)頁24個。主頁是一個總目錄的網(wǎng)頁,里面加有網(wǎng)頁動畫效果“滾動字幕”及Flas,本站幾個主要分網(wǎng)頁分別為:公司簡介、資質認證、產品介紹、業(yè)務范圍、經(jīng)營業(yè)績、聯(lián)系方式。還有許多子網(wǎng)頁。
2.頁面構思:
下面介紹一下網(wǎng)站中的幾個網(wǎng)頁的制作。
業(yè)務范圍中的二氧化氯發(fā)生器產品公司服務承諾頁面,背景色采用跟主頁一樣的藍色,淡藍色的背景給人以干凈大方的感覺,與環(huán)保網(wǎng)站的主旨相一致。上方為Flas與鏈接頁,左下方是用Photoshop
處理過的圖片,與主頁是一致的。右邊的標題是用Photoshop制作的圖片,小標題采用斜體加黑,這樣制作豐富了頁面內容,使整個頁面條理清晰。服務承諾分條目標示,一目了然。最后的“空氣凈化服務范圍”標題,即可以鏈接到空氣凈化服務范圍頁面。
標題“服務范圍和承諾”是用Photoshop制作的,先用油漆桶工具把背景色填充為與頁面相同的淡藍色,調整文字的大小與位置,兩邊分別加上符號“【”、“】”和“”,使圖片看起來更加美觀。
經(jīng)營業(yè)績頁面,背景色與Flas,鏈接頁與主頁保持一致。這一頁的主要內容是用表格形式來固定的,邊框設置為1,顏色為淡灰色。表格寬度與Flash寬度一致。整個頁面清晰有致,比較大方,瀏覽者可以清楚的看到公司近年來的經(jīng)營業(yè)績。
聯(lián)系方式頁面,左下方的圖片與右邊的標題都是用Photoshop制作的,在聯(lián)系方式中還添加了一個outlookexpress電子郵件,方便用戶與公司的聯(lián)系,用戶可以直接點擊給公司發(fā)送郵件。outlookexpress作為全球范圍內的聯(lián)機通訊軟件,已經(jīng)被越來越多的人所接受,無論是與同事和朋友交換電子郵件,還是加入新聞組進行思想與信息的交流,OutlookExpress都已成為不可或缺的助手。聯(lián)系方式中除了電子郵件,還列出了公司地址,電話,傳真,郵編。
左邊的圖片是在Photoshop中,先用橢圓選框工具選中所要的部分,放置新建的畫布中,再用油漆桶工具把空白處填充為與頁面背景相同的藍色并對畫面進行淡化處理。右邊的標題是在Photoshop中,用油漆桶工具填充背景色,然后寫上“聯(lián)系方式”,調整其大小與位置,“方式”二字較“聯(lián)系”稍小一些,左右分別加上符號“”,“「”,“”,“”,使圖片放置頁面中顯得美觀,更突出了主題內容。
FLS-系列風淋室,凈化空調廠房,中效送風機組,各種醫(yī)療器械設備及實驗室設備等頁面由頁面“產品介紹”鏈接的,并且均以淡藍色為背景底色。頁面大部分有圖片和文字兩部分組成。文字部分由表格固定,表格邊框設為零,圖片是用Photoshop制作成的。
所有頁面整齊劃一,設計風格保持一致,加上淡藍色的背景,給人簡潔、明了、大方的感覺。
七所用各技術的特點
1.Dreamweaver:Dreamweaver是美國MACROMEDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的網(wǎng)頁編輯器,它是第一套針對專業(yè)網(wǎng)頁設計師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具,利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁。Dreamweaver是當前主流的站點和網(wǎng)頁編輯器,其代碼簡潔、兼容性和整體功能都很強。Dreamweaver的介入,使得網(wǎng)頁一些部分的實現(xiàn)變得更加直觀簡便。
Dreamweaver的主要特點:
最佳的制作效率
Dreamweaver可以用最快速的方式將Fireworks,F(xiàn)reeHand,或Photoshop等檔案移至網(wǎng)頁上。使用檢色吸管工具選擇熒幕上的顏色可設定最接近的網(wǎng)頁安全色。對于選單,快捷鍵與格式控制,都只要一個簡單步驟便可完成。Dremweaver能與您喜愛的設計工具,如PlaybackFlash,Shockwave和外掛模組等搭配,不需離開Dremweaver便可完成,整體運用流程自然順暢。除此之外,只要單擊便可使Dreamweaver自動開啟Firework或Photoshop來進行編輯與設定圖檔的最佳化。
網(wǎng)站管理
使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形,設計,更新和重組網(wǎng)頁。改變網(wǎng)頁位置或檔案名稱,Dreamweaver會自動更新所有鏈接。使用支援文字,HTML碼,HTML屬性標簽和一般語法的搜尋及置換功能使得復雜的網(wǎng)站更新變得迅速又簡單。
無可比擬的控制能力
Dreamweaver是唯一提供RoundtripHTML、視覺化編輯與原始碼編輯同步的設計工具。它包含HomeSite和BBEdit等主流文字編輯器。幀(frames)和表格的制作速度快的令您無法想像。進階表格編輯功能使您簡單的選擇單格、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組,Dreamweaver支援精準定位,利用可輕易轉換成表格的圖層以拖拉置放的方式進行版面配置。
所供即所得
Dreamweaver成功整合動態(tài)式出版視覺編輯及電子商務功能,提供超強的支援能力給Third-party廠商,包含ASP,Apache,BroadVision,ColdFusion,iCAT,Tango與自行發(fā)展的應用軟體。當您正使用Dreamweaver在設計動態(tài)網(wǎng)頁時,所供即所得的功能,讓您不需要透過瀏覽器就能預覽網(wǎng)頁。
夢幻樣版和XML
Dreamweaver將內容與設計分開,應用于快速網(wǎng)頁更新和團隊合作網(wǎng)頁編輯。建立網(wǎng)頁外觀的樣版,指定可編輯或不可編輯的部分,內容提供者可直接編輯以樣式為主的內容,卻不會不小心改變既定之樣式。您也可以使用樣版正確地匯入或輸出XML內容。
全方位的呈現(xiàn)
利用Dreamweaver設計的網(wǎng)頁,可以全方位的呈現(xiàn)在任何平臺的熱門瀏覽器上。對于cascadingstylesheets的動態(tài)HTML支援和鼠標換圖效果,聲音和動畫的DHTML效果資料庫可在Netscape和Microsoft瀏覽器上執(zhí)行。使用不同瀏覽器檢示功能,Dreamweaver可以告知您在不同瀏覽器上執(zhí)行的成效如何。當有新的瀏覽器上市時,只要從Dreamweaver的網(wǎng)站下載它的描述檔,便可得知詳盡的成效報告。
2.Photoshop:Adobephotoshop在繪圖、色彩調整等諸多方面有著出色的功能,集成度高、適應面廣和操作簡便。他不僅提供強大的繪圖工具,可以直接繪制藝術圖形,還能直接從掃描儀,數(shù)碼相機等設備中采集圖像,并對他們進行編輯、修復、以及調整效果,同時可以改變圖像的顏色模式,并能在圖像中制作藝術文字等。Photoshop中的高級繪圖工具,可自動生成背景紋理、圖層效果,多種特殊效果濾鏡,可創(chuàng)建多種藝術效果和絢麗的web圖形并可直接在photoshop中定義和編輯切片的工具透明控制,包括用于混合到任意背景中的邊緣的仿色透明度。強大的彩色校正工具——修復畫筆,可在消除瑕疵的同時保留色調和紋理圖層。Photoshop的強大工具可以使操作者不管制作任何圖像都游刃有余。對于設計網(wǎng)頁,photoshop是不可或缺的工具,是強大的圖片處理工具。
3.FlashMX:Macromedia公司出品的Flash是制作網(wǎng)頁動畫的利器。嚴格來說,F(xiàn)1ash是網(wǎng)絡多媒體制作工具而不是網(wǎng)頁編輯工具。F1ash是制作動感網(wǎng)頁的權威。對于使用者來說,只需很短時間的學習,就可以用它制作出美觀的網(wǎng)頁動畫??梢宰屩谱髡唠S心所欲地實現(xiàn)各種創(chuàng)意,并且可以和javascript一起創(chuàng)作出具有強大交互性的網(wǎng)頁動畫。
Flash是一種繪制矢量圖形和創(chuàng)作互動多媒體動畫的軟件。它可以用少量的矢量數(shù)據(jù)就可以描述相當復雜的對象,所以生成的文件尺寸小,便于在網(wǎng)上傳輸。Flash創(chuàng)建的動畫集可以插入到html文檔中,也可以單獨制作網(wǎng)頁。使網(wǎng)頁的效果更加完美。
八網(wǎng)頁制作的優(yōu)缺點
比較明確,風格統(tǒng)一。并運用了一些其它的設計軟件加以輔助設計。使網(wǎng)頁更加具有動感,形式豐富。就內容而言,比較豐富。大量運用了圖片,并進行了文字說明,做到了圖文并茂。但是由于我們剛接觸網(wǎng)頁制作,做出的效果還是有些稚嫩的,需要以后不斷的實踐。
九代碼
1.滾動字幕
<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>二氧化氯對健康的影響</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>二氧化氯的主要應用領域:用于造紙、用于飲用水處理、用于環(huán)境廢物處理、用于油田......</A></P>
</MARQUEE> </td>
2.鏈接站點
<selectclass=ourfont
style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1name=select>
<optionselected>友情鏈接站點</option>
<option
value=>新浪網(wǎng)</option>
<option
value=>網(wǎng)易</option>
<option
value=>搜狐網(wǎng)</option>
<option
value=>新視聽</option>
<option
value=>中華網(wǎng)</option>
<option
value=>雅虎</option>
<option
value=>263首都在線</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)境保護站點</option>
<option
value=/>國家環(huán)境保護總局
<option
value=/>北京市環(huán)境保護局
<option
value=/>山東環(huán)境
<option
value=/default.aspx>濟南市環(huán)境保護局
<option
value=hisun-/>青島海晟環(huán)保技術
</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>產品介紹</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ā)生器型號說明</option>
<option
value="Untitled-9.htm"target="_blank">破氰、除鉻一體化設備</option>
<option
value="Untitled-10.htm"target="_blank">ZT系列空氣凈化工作臺</option>
<option
value="Untitled-11.htm"target="_blank">ZT系列百級層流罩</option>
<option
value="Untitled-12.htm"target="_blank">ZT系列高效自凈器</option>
<option
value="Untitled-13.htm"target="_blank">ZT系列高效空氣過濾器</option>
<option
value="Untitled-14.htm"target="_blank">FLS-系列風淋室</option>
<option
value="Untitled-15.htm"target="_blank">凈化空調廠房</option>
<option
value="Untitled-16.htm"target="_blank">中效送風機組</option>
<option
value="Untitled-17.htm"target="_blank">各種醫(yī)療器械設備及實驗室</option>
</select>
參考文獻
1.魏洪斌《DreamweaverMX網(wǎng)頁設計》清華大學出版社
2.馬波《DreamweaverMX完美網(wǎng)頁設計與制作》中國青年出版社
3.黃夢《DreamweaverMX完全征服手冊》中國青年出版社
4.周明濤《DreamweaverMX網(wǎng)頁設計指南》機械工程出版社
5.陳青、劉時燕、macromedia《FlashMX標準案例教材》人民郵電出版社
6.劉淼《FlashMX入門與提高》人民郵電出版社
7.李偉《FlashMX動畫制作實例教程》清華大學出版社
8.劉睿、陳志宇《Photoshop6.0實用教程》山東科學技術出版社