發布時間：2023-03-22 17:39:03
序言：寫作是分享個人見解和探索未知領域的橋梁，我們為您精選了8篇的網頁制作論文樣本，期待這些樣本能夠為您提供豐富的參考和啟發，請盡情閱讀。
現在利用網絡信息手段增加了教學內容的生動性和豐富性。在網頁制作課程中，課內項目通過課件展示和真實網站的欣賞，把書本上的內容活靈活現的展示在同學們面前，讓學生獲得真切的感受，即在頭腦中再現畫面，如臨其境、如見其人、如聞其聲，從而激發學生學習的興趣，引起學生的關注和思考。在動態網頁原理模塊中，以動畫的形式形象地展示出來，激發學生的想象力。而在課外拓展模塊中，教師應將錄好的教學視頻發到教學平臺上，以視頻的形式展現出來，使學生方便參照與模仿。
二、信息技術課堂教學應用模式
1.情境探究模式是信息技術與課程整合的一種基本模式
現在我校在網頁制作課中的應用確定為以下幾個步驟。
2.自主學習模式
現在教育的出發點是培養學生終身學習的意識，這是貫穿于人的一生的自主學習，所以就要通過運用現代信息技術，培養學生良好的自主學習習慣，全面提高學生綜合素質和應變能力。在網站建設課堂中我們將自主學習的研究重點基本流程初步確定為以下幾個步驟：
3.協作學習模式
網頁制作這門課程，要培養學生的協作學習模式，因為多數優秀的網站都不是一個人完成的，都是團隊共同努力的結果，所以在課程中的協作學習模式具體應用過程如下：
4.研究性學習模式把學生作為主體
充分尊重學生的個性、自主性和差異性，使學生在求異、探索的環境氛圍中進行學習與實踐。
三、教學評價
傳統的教學評價以單一的紙筆測試為評價形式；以老師為單一的評價主體；在評價的技術上，強調量化而忽視質的分析；在評價角度上，重視終結性評價，輕視形成性評價。在信息化教學模式引入課堂之后，教學評價也應強調實時、動態或基于作品的評價。要注重綜合評價，關注個體差異，實性評價指標的多元化。在網頁制作課程中，在以上的幾種教學模式中，通過強調參與互動、小組自評與互評相結合的方式實現評價主體由單一的教師向多主體的多元化轉變；同時，評價方式多元化，從網頁設計規劃到網頁的設計與制作，最終到實習報告的總結，都進行評價，考慮到學生的差異，注重整個學習過程，使終結性評價和形成性評價相結合，而在各個方面對學生進行鼓勵與評價。
四、信息技術與學科整合應注意的幾個問題
信息技術的優勢顯而易見，它為教育教學活動注入了無限的生機與活力，給課堂教學效果帶來了實質性的變化，在現代教育中越來越離不開信息技術這個工具，下面結合在網頁制作教學中的實際情況，談一下信息技術與學科整合時應注意的幾個問題。
1.教學設計的重要性
通過在課堂中引入信息技術，課堂氣氛非常活躍，教學內容豐富多彩，學生也很活躍，但是如果沒有詳細計劃和教學設計，學生們反而會雜亂無章，不去思考，只是看熱鬧。所以在信息技術與專業學科進行整合時，教師的主導地位不是降低了，而是更重要了，這體現在課前的設計上，每一個提出的問題，學生要解決的任務，可能出現的狀況都要好好的進行設計，課堂中讓學生成為主體，但是真正的導演還是教師，讓學生按照教師設計好的腳本表演，但這腳本要是隱形的。這樣一節課下來，從教師到學生都會有很大的收獲，所以信息技術與專業學科的整合不是在短時間內就可以實現的，這對于教師來說是更艱難的挑戰。
2.信息技術在教學中要應用的恰到好處
信息技術固然好，但它與專業學科的整合重在“實用價值”，沒有必要在原本傳統手法就能解決很好的內容上把信息技術強加上去，比如在計算機軟件的講授課程中，沒有什么比直接演示操作更好的效果了，如果在這時非要去做課件去完成，那就有些畫蛇添足了，那就會偏離了信息技術輔助教學的初衷。
五、結束語
【關鍵詞】網絡 論文寫作 評估體系
1 引言
畢業論文寫作是檢驗畢業生綜合能力、評估學業成績的重要方式。畢業論文寫作指導是高職英語專業學生的必修課。發揮英語專業特點,充分運用現代教育技術,保障畢業生的學術水平和科研能力,是高職高專外語系課程改革與建設中一項重要的任務。互聯網在中國的普及和高校校園網寬帶的不斷升級,使基于網絡的英語專業畢業論文寫作教學成為可能。
畢業論文寫作是一門實踐性的課程,學生必須通過參與研究和寫作的整個過程才能建構自己的學術研究理念和實踐技能。結合網絡教學的特點,發揮建構主義理論對網絡論文寫作教學的指導作用,整合網絡教學理論與實踐,探索基于網絡技術、以任務為導向的教學方法勢在必行。
2 建構主義理論指導下的評價體系
基于網絡的論文寫作教學新模式是以建構主義為理論基礎的。建構主義強調,在整個教學過程中由教師起組織、指導和促進作用,學生是學習的主體,利用情境、協作、會話等學習環境要素充分發揮學生的積極性、主動性,最終完成對知識的意義建構。他們認為學習者是在與周圍環境相互作用的過程中,通過“同化”與“順應”兩種方式,促進自身認知結構發展的。學生的學習不是被動的,而應是主動的、探索式的、協作式的學習。根據建構主義理論,學習本身是一個動態發展的過程,像建構理論下的情境創設、知識的意義建構以及人與人的協作關系都是隨時空轉換而不斷變化的。wWw.133229.COM而以往論文寫作教學中的終結性評價,關注的是整個階段的教學結果,不能對教學過程起到跟蹤、監控、檢測和指導的作用。為了彌補終結性評價的缺陷和不足,在新的教學模式下,要重視學生綜合能力和整體素質的發展,科學地、理性地、全面地對學生進行評價,從知識、能力、品質、態度等多項指標去衡量每一名學生。運用更具個性發展的評價策略,激發學習者潛意識中的學習興趣,充分發揮他們的積極性、主動性和創造性,使眾多更具特色的學習個體融于網絡學習這個大環境中。
3 以形成性評價為主的多維評價體系的評價方式
以形成性評價為主的多維評價體系其評價方式是多種多樣的,其評價資料可以由教師和學生共同收集而完成。評價體系:
(1)以自我評價為主,結合教師評價、小組評價等多種評價方式。建構主義主張自主學習,鼓勵學生積極參與學習、研究,發揮首創精神,實現自我反饋學習者每一次實現對原有認知結構的改造與重組,也就是完成了一次自我的肯定、否定、再否定的辯證評價過程。這種自我評價有利于學習者成就感的形成、目標的明確、個性化的培養,使學生由評價客體成為評價主體,提高了學習的參與性,增強了學生的評價能力。同時,我們也不應忽略教師評價和小組評價的作用。教師評價為學生對知識的意義建構提供了一種引導,科學、更合理、更客觀。
(2)通過對評價對象的多維度、多層次的評價,提高評價的說服力。建構主義重視個性發展,提倡多情境解決問題,主張發散性思維的培養。
畢業論文的寫作一般分五個步驟:
1)選題;
2)搜集材料;
3)論文提綱的撰寫;
4)撰寫初稿;
5)修改初稿、完成論文。
根據willis的任務教學模式,我們可以把選題分為前期寫作任務,搜集材料,論文提綱的撰寫以及撰寫初稿分為寫作期,而修改初稿、完成論文分為任務后的分析和解決問題。因此我們把論文質量監控和管理分成3個方面:論文寫作的準備階段監控;論文寫作過程質量監控;論文寫作中期檢查和學生意見反饋。論文寫作的準備階段監控主要任務是:教師對學生進行畢業論文寫作的各個環節的輔導,幫助他們樹立正確的寫作態度。同時在論文寫作各個階段進行論文寫作課堂教學,內容涉及畢業論文選題、寫作方法、規范格式、寫作過程中出現的問題及相應的對策等。論文寫作過程質量監控的主要任務是:教師就各個環節進行質量監控,如定期抽取某個小組,了解其組員畢業論文撰寫進展情況,以及存在的問題。論文寫作中期檢查和學生意見反饋表。在論文寫作進展到中期時,教師自己填寫其中檢查表,對自己的進度、組織安排、質量監控等各個方面進行自查。學生意見反饋表主要涉及教師的態度、科研水平、教師對畢業論文指導、組織安排等方面的問題。
4 實施畢業設計管理系統
首先是通過網絡監控畢業設計的選題。學生根據選題的基本原則填寫畢業設計選題表,并通過e-mail發給指導教師。高職高專學生的畢業設計要充分體現其職業性和崗位性,畢業設計選題應與所學專業及崗位需求緊密結合。高職高專英語專業畢業設計選題的基本原則是結合英語專業特點,符合本專業教學大綱的要求。設計不應該只是單一的語言技能,更應該是英語語言技能與文秘、商務、旅游等其他學科知識相結合。此外,題目難度應適宜學生在規定的時間內可以完成,同時題目還要求有科學性、實踐性、針對性、創新性。指導教師通過網絡對選題進行審批。
其次是對設計過程的管理。畢業設計前期,管理部門落實管理選題工作并監督進展情況,提供標準來確定各種表格填寫是否規范。根據畢業設計進度要求,學生網上提交選題報告。教師在網上進行評閱,通過后才能進入下一個環節。畢業設計中期,學生網上提交設計稿并匯報設計情況。教師通過檢查工作進度,了解畢業設計工作中存在的問題,以便及時采取有效措施解決問題。網上指導便于教師掌握學生畢業設計的進度和質量,可考察學生掌握和運用知識的能力以及學生的工作態度,對學生在畢業設計中出現的原則性錯誤能及時指出,并幫助其改正。對部分態度不認真或違反紀律的學生要及時幫助和教育。通過網絡,教師可全面審閱學生的書面材料,指導學生形成正確的表達思路,能充分調動學生學習的主動性與積極性。對關鍵環節如設計方法、理論分析、數據處理和結論等環節進行指導時,指導教師通過存儲的學生的初稿進行評閱并做批注,最終論文定稿。畢業設計后期,指導教師可檢查各項工作的完成情況,對進度緩慢的學生要根據實際情況提出改進意見,督促學生按進度完成畢業設計任務,同時決定畢業設計答辯的具體安排等。
5 建立評估體系,導向規范評價
建立質量評估體系應具有科學性與可行性。評估指標體系應具有一定的導向性,能充分調動教師、學生和管理人員的積極性。依據畢業設計的質量要素,依據科學性、可操作性、導向性和可比性的原則,我系建立的畢業設計質量評估體系包括6個評估要素,細分為18個評估項目(見表1)。
6 畢業設計教學管理、評估體系的實施效果
我系學生畢業設計始于2006年,幾年以來,我系實施畢業設計教學管理與評估體系,取得了如下成效:
(1)進一步完善了畢業設計工作的有關文件。我系制定了有關畢業設計工作的教學管理規章制度,為畢業設計工作提供了制度保障,使畢業設計工作有章可循。
(2)充分發揮了系、教研室在畢業設計工作中的作用。畢業設計有目標管理和過程管理,而系、教研室兩部門在過程管理中起重要的作用。系是宏觀監控組織,教研室則針對高職英語專業特點,加強了對畢業設計的組織、管理和檢查,制訂了畢業設計工作的相關細則。
(3)加強了畢業設計工作的質量保障與評估。在貫徹實施畢業設計教學管理與評估體系過程中,學生畢業設計的質量不斷提高。1)提前選題時間,選題從第五學期開始,學生提前進入畢業設計準備階段,并充分利用寒假開展社會調研工作,增強能力培養與社會需求的契合度。并結合專業課程學習和實踐教學環節、社會實踐活動,在教師指導下及時選擇或更換題目。實踐結果表明,提前選題時間,更有利于發揮學生的自主性和創造才能;同時,學生有較充足的時間查閱、調研文獻資料,提前進入角色,為第六學期開展畢業設計工作奠定較扎實的基礎。2)加強了對畢業設計工作的中期檢查。教學督導組成員、主管教學系主任、教務處有關人員深入到各專業查閱有關畢業設計的教學文件,了解設計的選題、及時發現問題,解決問題。3)編寫了畢業設計指導用書,規范了畢業設計的撰寫形式。4)在畢業設計工作結束后,教務處對當年的畢業設計進行抽查、審閱,了解當前畢業設計質量以及存在的不足,評出系、校級優秀畢業設計。5)在畢業設計工作結束時,組織專家組按照畢業設計質量保障與評估體系對當年的畢業設計工作進行評分,明確現狀,找出差距,及時改進,不斷提高。
畢業設計教學、評估體系的建立促進了我系畢業設計質量的穩步提高,畢業設計的成績分布合理,設計優秀率保持在10%左右,良好率穩定在60%以內,中等率在20%及格與不及格率控制在10%左右。理論性題目保持在40%以內,而實踐性題目穩定在60%以上。
參考文獻
[1] airasian peter w. classroom assessment[m].new york: megraw---hill,1991.
[2] cohen andrew d. assessing language ability in classroom[m].boston: heinle & heinle publishers,1994.
[3] 丁光惠,唐正連,楊偉等.畢業設計管理系統研究與實踐[j].黑龍江教育---高教研究與評估,2007(4).
[4] 丁光惠,唐正連,楊偉等.基于網絡的畢業設計質量監控系統設計與實現[j].科技促進發展,2007(29).
開題報告
指導教師：王春平
論文題目：幼兒園網站設計
學生姓名：王凌宇 專 業：計算機 20xx年11月4日
幼兒園主題網站設計開題報告
1本課題的研究意義
可以說,從孩子一出生起,父母就一直在以理想的方向而塑造著他們。然而,這樣單純的教育模式是否就是完美的呢?我們究竟應該為幼兒建立一個怎樣的教育體系,如何為他們提供一個平等的發展機會？
一個由家庭、幼兒園和社會共同構成的完整的教育體系,才會為培養和諧發展的未來人才提供強大的推動力。教育是國家富裕強盛的根本，幼兒教育更是不能忽視，如今已是信息化普及，網絡也遍及到每家每戶。因此，我選擇了幼兒園主題網站設計來做我的畢業設計。這樣可以利用網絡進行工作學習以及品牌推廣，以便打造一個三方相互聯系，相互溝通的平臺：為幼兒園和家長溝通建立一座橋梁；提供了一種最低廉最有效的宣傳平臺；樹立幼兒園品牌，展示幼兒園風采。
2.本課題的基本內容
其網站制作首要內容是對制作網站所要用到的技術的掌握。本網站要掌握的技術有dreamware+access2019平臺開發，ASP技術等
在服務器端運行ASP腳本語言，并連接到后臺數據庫，把動態查詢生成的網頁傳送到客戶端瀏覽器。ASP中通用設置變量可以實現對數據的存儲、檢索和操作。通過調用函數、定義過程執行特定的任務。Dreamware是一款高效率具有 網站管理功能和超強的管理功能是一個開發平臺，用起來更簡單方便！其內容有以下幾點：
（1）在功能上，網站要實現提高教師專業發展、指導家庭教育、增進家園互動等功能。充分發揮這些功能，會使網站具有鮮明的服務特色，也會增強網站的專業性。
（2）在欄目設置上，網站應該充分考慮教師和家長的需要，設計一些他們感興趣和針對性強的欄目，如教育活動展示、幼兒個案研究、幼兒成長記錄、家庭教育論壇、家園直通車等。這些欄目簡單明了，針對性強，能吸引教師和家長的注意，激發他們訪問網站的興趣和積極性，發揮網站的教育作用。
（3）在信息提供上，網站應多提供訪問者需要和感興趣的教育信息，如優秀的教育活動案例和評析，科研課題的研究成果，教師撰寫的優秀論文，各領域教育活動的文獻音像資料等。
3.本課題的重點和難點 ：
重點在掌握運用dreamware+access2019平臺開發，ASP技術并設計構思網站的主體，難點在于綜合運用ASP技術和數據庫技術知識開發一個實用的網絡應用程序，并在網上運行。
4.本課題的進展計劃
1、第一階段：11月3日—11月8 閱讀參考資料并撰寫開題報告。 2、第二階段：11月8日—12月5日 完成作品的設計開發。
3、第三階段：12月5—12月22日 撰寫畢業論文并對設計作品進行完善修改。 4、第四階段：12月22日 準備畢業答辯。
參考文獻
[1] 何海霞，Dreamweaver8 完美網頁設計[M]，北京：電子工業出版社，2019 [2] 羅國慶 陳兩萍，網站建設案例精粹[J]，重慶：電子工業出版社，2019
[3] 龍馬工作室編著，Dreamweaver MX 2019 完全自學手冊，北京：人民郵電出版社，2019
[4] 唐偉等編著，網站規劃與網頁設計，北京：清華大學出版社，2019
[5] 王璞編著，網頁制作三劍客（MX 2019版）入門與提高，北京：清華大學出版社，2019
[6] 林小芳，吳怡. ASP動態網頁設計教程[M] .北京：清華大學出版社，2019 [7]金旭亮，吳彬.網站建設教程[M].北京：高等教育出版社，2019
[8]許衛林.VBScript+ASP動態網頁制作[M].北京：中國電力出版社，2019
[9]陳建偉，李美軍，施建強. ASP動態網站開發教程[M]. 北京：清華大學出版社，2019
第二篇：幼兒園利用家庭資源進行科學教育 開題報告 400字
伊犁師范學院教育科學系
本科生畢業論文（設計）
開題報告
論 文 題 目： 幼兒園利用家庭資源進行科學教育的現狀研究
專 業： 學 前 教 育
學 生 姓 名： 顧 倩 雯
學 號： 08040102028
指 導 教 師：
開題報告時間： 年 月 日
伊犁師范學院教育科學系制
填表說明和要求
1．開題報告作為畢業論文（設計）答辯小組對學生答辯資格審查的主要依據材料之一。此報告應在指導教師指導下，學生在畢業論文（設計）工作前期內完成，經指導教師簽署意見，同意后生效。
2．學生閱讀論文、資料的篇數一般不少于10篇，開題報告中應包括文獻綜述、選題依據、可行性分析及預期成果。字數不少于2000字。
此表一式兩份，隨同學生畢業論文（設計）一起由各系存檔。
論文摘要:《網頁設計基礎與應用》是一門實踐性很強的職業技術課程，在教學過程中采用哪種教學方法才能取得好的教學效果？本文從這一點出發，并結合自己的一些教學實踐，對項目教學法在本課程的應用做了一些粗淺的探討。
一、引言
隨著科技與信息技術的不斷發展，網絡已與我們的生活息息相關，上網已成為一種潮流。人們已經越來越習慣于從網絡上獲取自己所需要的信息，已經越來越離不開網絡，而網頁是信息的基本載體。而《網頁設計基礎與應用》這門課程就是要告訴我們如何制作互聯網上繽紛多彩的網頁。
與其他課程相比，《網頁設計基礎與應用》這門課程無論是教學內容還是教學方法上都有其特殊之處:它是一門實踐性很強的職業技術課程，在教學過程中，除了要求學生掌握基本的技術外，也必須對藝術設計有一定的了解，如果按照傳統教學模式教學，僅僅在多媒體教室中講解理論知識、演示操作步驟是遠遠不夠的，一堂課下來學生只會做老師教的，不會融會變通，學生的創新意識得不到培養。因此只有在實際教學中突破以往的教學模式，才能培養學生自我探索、獨立研究能力與自主創新精神。
二、選取合適的教材，合理安排教學內容
一本教材的好壞，會在一定程度上影響學生的學習興趣和教學效果，特別是針對中職生這樣一個特殊群體，我們更應該優選教材。作為一個以醫藥類專業為主的中職學校，結合本校的實際情況，我們在選職教材的時候，應該采用一些在內容編排上由淺入深、難易適中的教材。
在進行教學之前，我們首先應該結合學生的實際情況，合理安排教學內容。一般的網頁制作課程包括Dreamweaver、Flash和Fireworks三大部分。網頁外觀豐富多彩，圖像元素功不可沒，圖像不但能美化網頁，而且與文本相比能夠更直觀地表達信息，而有些圖像必須經過一些處理才能在網頁中發揮它的作用。因此，我們在教學內容安排上可以做一些適當的調整，三個軟件相互配合，在重點教授Dreamweaver之后，可穿插學習一些如何利用Fireworks來處理制作圖像，以及學習用Flash來制作簡單Flash動畫，最后再回到Dreamweaver的學習上，由此制作出更加漂亮生動的網頁。
三、使用項目教學，增強學生的實踐能力
在實際教學中，項目實施是將某一教學課題的理論知識和實際操作技能結合在一起，通過對已有知識、技能和新學習的知識、技能的應用，解決實際問題的過程。在教學過程中，采用項目教學理念，為學生實踐和實習作好了準備，充分體現了職業教育以“學生為主體，以能力為本位”的價值取向。在詳細講解網頁制作的過程中，結合本次課的學習重點，以一些典型的網頁作品為項目，由淺入深地帶領學生進入豐富多彩的網頁世界，這些項目都是經過精挑細選且有非常好的代表性，學生在學習這些項目的時候不但能夠明確每節課的學習目標，而且也便于他們掌握每節課的學習重點。
在《網頁設計基礎與應用》課程實施項目教學時首先要確定合適的項目，每節課的學習內容不同，難易程度也不同，那么就要求在確定每節課的項目時，要結合本次課所學的知識點，及所學知識點的難易程度，選擇合適的項目，這樣既便于學生掌握本次的知識點，增強學生的自信心，也便于提高學生的學習興趣。
其次在實施這些項目的時候，教師應注意從激發學生的興趣人手，調動學生的求知欲望，在教學中充分發揮學生的能動作用。老師在每次上課的時候，首先可以將本次課所要完成項目的效果圖展示出來，而在講授過程中可結合具體的項目，將本節課所要學習的知識點，以疑問的方式讓學生帶著問題聽課，并積極參與討論，在講了一個具體的項目以后，可以讓學生親自動手來完成這些項目，這樣既便于學生在實際操作中發現問題，解決問題，掌握本節課的知識點，也可以增強學生的實踐能力。而且在教學過程中，老師要根據學生的掌握情況，適當地增加一些書本上沒有的項目親自演示給學生，還要從這個項目中延伸出更多的問題或是需要完善的地方，讓學生自己完成。比如，教師在講解這些項目的時候，可以先介紹書上的項目，然后再給出一些比較相似的項目，讓學生自己思考、設計、完善。通過這種方式不僅發揮了學生的主動性和創造性，更加有利于他們把在課堂上學到的理論性的知識與實踐相結合。
最后為了激發學生的學習積極性，提高學生的自我滿足感和成就感，在教學中可有意識地把學生的作品展示在全班同學面前，讓學生一起參與評價。在評價過程中，老師要把握好評價的策略:先給予肯定，提高學生的自信心，然后再從專業技術的角度指出不足。這個過程既是學生展示自己的最佳時機，又是學生進行反思的過程。通過評價，可以使他們對別人作品有一定了解；并從中發現自己的不足之處，總結自己在上一階段中所掌握的知識，取長補短，也可以使學生明確下一階段的學習方向，充分體現教學目標的個性化。
四、發揮學生創新精神
在課程進展到一定階段時，可以給學生布置明確的任務讓他們獨立完成。教師可以制訂一定的網頁制作要求。例如，教師可以確定所要制作網站的主題，學生可按自己的思路，興趣及風絡，利用前面所學的知識，制作出主題突出、內容詳實、美觀的網頁；也可與其他同學分工合作制作網站，完成后教師再對學生制作的網頁作品進行評分。制定好任務目標后，學生一定會產生一種迫切地要完成這些任務的愿望，而完成任務又能給他們帶來成就感和滿足感。抱著這樣的心理能驅使學生自覺地由被動地學變成積極主動地學。在具體的教學中，教師要結合學生的實際情況，適當的進行指導，使學生在教師的引導下圓滿的完成教學目標。
五、采用適當的考核方式
網頁設計課程的考試應該打破傳統的考試方式，可以采用機考的方式，通過一個學期的學習，學生應該能夠獨立設計一些網頁，能夠熟練地利用自己所掌握的制作網頁的方法和技能，制作出豐富多彩的網頁。
參考文獻：
[1]徐洪亮.網頁設計基礎與應用[M].海洋出版社.2006.8
論文摘要：網頁的內容通常是由圖片和文字組成。由文字構成網頁的主體，而圖片則能夠美化和增色你的網頁。那些包含了設計精美圖片的網站，往往能讓瀏覽者流連忘返。因此，有漂亮的圖片是你的網頁能吸引人的一個有力保證。
一、介紹
超鏈接是網頁中最活潑、最有吸引力的一種元素。表單用于特殊的信息，使用戶和網站進行交互，使你找到用戶的詳細信息。表格在許多工作中有著廣泛的應用。
框架網頁是一種特殊的HTML網頁，使用框架網頁可以同時瀏覽幾個不同的Web頁面，使用Web頁面顯示一致的用戶界面和靈活的頁面內容。
網頁制作的高級技術包括：在網頁中插入FLASH動畫利用Java或者javascript制作網頁的動態效果。網頁中使用插件，視頻等Web組件以及創建、和管理站點等技術。
Web頁面往往是具有各種各樣的頁面元素、豐富的內容和復雜的布局。因此僅僅使用到一種或者兩種網頁制作技術，不可能創作出一個優秀的Web頁面，一個美觀而實用的Web頁面往往需要綜合利用各種技術。
二、概述
1.網站名稱：“濟南中天環保設備有限公司”
2.步驟：
(1)確立主題
(2)收集資料
(5)美化網頁
三、目的
運用已經掌握的知識完成一個環境保護企業網站。通過此次設計可以達到全面理解、運用網頁制作的知識，并使之得以融會貫通，在掌握運用Dreamweaver制作網頁的基礎上再加以實踐，進一步提高、加強自身的綜合能力。
四、要求
根據公司的要求，設計一個企業站點，以達到宣傳該公司及其產品的目的。有整體框架結構，表格定位等，布局合理，色彩搭配協調統一，內容豐富多彩，頁面風格獨特。
五、設計工具
Dreamweaver、Flash、Photoshop等。
六、站點構思
1.整體構思：
本網站主題為：濟南中天環保設備有限公司。總共有網頁24個。主頁是一個總目錄的網頁，里面加有網頁動畫效果“滾動字幕”及Flas，本站幾個主要分網頁分別為：公司簡介、資質認證、產品介紹、業務范圍、經營業績、聯系方式。還有許多子網頁。
2.頁面構思：
下面介紹一下網站中的幾個網頁的制作。
業務范圍中的二氧化氯發生器產品公司服務承諾頁面，背景色采用跟主頁一樣的藍色，淡藍色的背景給人以干凈大方的感覺，與環保網站的主旨相一致。上方為Flas與鏈接頁，左下方是用Photoshop
處理過的圖片，與主頁是一致的。右邊的標題是用Photoshop制作的圖片，小標題采用斜體加黑，這樣制作豐富了頁面內容，使整個頁面條理清晰。服務承諾分條目標示，一目了然。最后的“空氣凈化服務范圍”標題，即可以鏈接到空氣凈化服務范圍頁面。
標題“服務范圍和承諾”是用Photoshop制作的，先用油漆桶工具把背景色填充為與頁面相同的淡藍色，調整文字的大小與位置，兩邊分別加上符號“【”、“】”和“”，使圖片看起來更加美觀。
經營業績頁面，背景色與Flas，鏈接頁與主頁保持一致。這一頁的主要內容是用表格形式來固定的，邊框設置為1，顏色為淡灰色。表格寬度與Flash寬度一致。整個頁面清晰有致，比較大方，瀏覽者可以清楚的看到公司近年來的經營業績。
聯系方式頁面，左下方的圖片與右邊的標題都是用Photoshop制作的，在聯系方式中還添加了一個outlookexpress電子郵件，方便用戶與公司的聯系，用戶可以直接點擊給公司發送郵件。outlookexpress作為全球范圍內的聯機通訊軟件，已經被越來越多的人所接受，無論是與同事和朋友交換電子郵件，還是加入新聞組進行思想與信息的交流，OutlookExpress都已成為不可或缺的助手。聯系方式中除了電子郵件，還列出了公司地址，電話，傳真，郵編。
左邊的圖片是在Photoshop中，先用橢圓選框工具選中所要的部分，放置新建的畫布中，再用油漆桶工具把空白處填充為與頁面背景相同的藍色并對畫面進行淡化處理。右邊的標題是在Photoshop中，用油漆桶工具填充背景色，然后寫上“聯系方式”，調整其大小與位置，“方式”二字較“聯系”稍小一些，左右分別加上符號“”，“「”，“”，“”，使圖片放置頁面中顯得美觀，更突出了主題內容。
FLS－系列風淋室，凈化空調廠房，中效送風機組，各種醫療器械設備及實驗室設備等頁面由頁面“產品介紹”鏈接的，并且均以淡藍色為背景底色。頁面大部分有圖片和文字兩部分組成。文字部分由表格固定，表格邊框設為零，圖片是用Photoshop制作成的。
所有頁面整齊劃一，設計風格保持一致，加上淡藍色的背景，給人簡潔、明了、大方的感覺。
七所用各技術的特點
1.Dreamweaver:Dreamweaver是美國MACROMEDIA公司開發的集網頁制作和管理網站于一身的網頁編輯器，它是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網頁。Dreamweaver是當前主流的站點和網頁編輯器，其代碼簡潔、兼容性和整體功能都很強。Dreamweaver的介入，使得網頁一些部分的實現變得更加直觀簡便。
Dreamweaver的主要特點：
最佳的制作效率
Dreamweaver可以用最快速的方式將Fireworks，FreeHand，或Photoshop等檔案移至網頁上。使用檢色吸管工具選擇熒幕上的顏色可設定最接近的網頁安全色。對于選單，快捷鍵與格式控制，都只要一個簡單步驟便可完成。Dremweaver能與您喜愛的設計工具，如PlaybackFlash，Shockwave和外掛模組等搭配，不需離開Dremweaver便可完成，整體運用流程自然順暢。除此之外，只要單擊便可使Dreamweaver自動開啟Firework或Photoshop來進行編輯與設定圖檔的最佳化。
網站管理
使用網站地圖可以快速制作網站雛形，設計，更新和重組網頁。改變網頁位置或檔案名稱，Dreamweaver會自動更新所有鏈接。使用支援文字，HTML碼，HTML屬性標簽和一般語法的搜尋及置換功能使得復雜的網站更新變得迅速又簡單。
無可比擬的控制能力
Dreamweaver是唯一提供RoundtripHTML、視覺化編輯與原始碼編輯同步的設計工具。它包含HomeSite和BBEdit等主流文字編輯器。幀(frames)和表格的制作速度快的令您無法想像。進階表格編輯功能使您簡單的選擇單格、行、欄或作未連續之選取。甚至可以排序或格式化表格群組，Dreamweaver支援精準定位，利用可輕易轉換成表格的圖層以拖拉置放的方式進行版面配置。
所供即所得
Dreamweaver成功整合動態式出版視覺編輯及電子商務功能，提供超強的支援能力給Third-party廠商，包含ASP，Apache，BroadVision，ColdFusion，iCAT，Tango與自行發展的應用軟體。當您正使用Dreamweaver在設計動態網頁時，所供即所得的功能，讓您不需要透過瀏覽器就能預覽網頁。
夢幻樣版和XML
Dreamweaver將內容與設計分開，應用于快速網頁更新和團隊合作網頁編輯。建立網頁外觀的樣版，指定可編輯或不可編輯的部分，內容提供者可直接編輯以樣式為主的內容，卻不會不小心改變既定之樣式。您也可以使用樣版正確地匯入或輸出XML內容。
全方位的呈現
利用Dreamweaver設計的網頁，可以全方位的呈現在任何平臺的熱門瀏覽器上。對于cascadingstylesheets的動態HTML支援和鼠標換圖效果，聲音和動畫的DHTML效果資料庫可在Netscape和Microsoft瀏覽器上執行。使用不同瀏覽器檢示功能，Dreamweaver可以告知您在不同瀏覽器上執行的成效如何。當有新的瀏覽器上市時，只要從Dreamweaver的網站下載它的描述檔，便可得知詳盡的成效報告。
2.Photoshop:Adobephotoshop在繪圖、色彩調整等諸多方面有著出色的功能，集成度高、適應面廣和操作簡便。他不僅提供強大的繪圖工具，可以直接繪制藝術圖形，還能直接從掃描儀，數碼相機等設備中采集圖像，并對他們進行編輯、修復、以及調整效果，同時可以改變圖像的顏色模式，并能在圖像中制作藝術文字等。Photoshop中的高級繪圖工具，可自動生成背景紋理、圖層效果，多種特殊效果濾鏡，可創建多種藝術效果和絢麗的web圖形并可直接在photoshop中定義和編輯切片的工具透明控制，包括用于混合到任意背景中的邊緣的仿色透明度。強大的彩色校正工具——修復畫筆，可在消除瑕疵的同時保留色調和紋理圖層。Photoshop的強大工具可以使操作者不管制作任何圖像都游刃有余。對于設計網頁，photoshop是不可或缺的工具，是強大的圖片處理工具。
3.FlashMX:Macromedia公司出品的Flash是制作網頁動畫的利器。嚴格來說，F1ash是網絡多媒體制作工具而不是網頁編輯工具。F1ash是制作動感網頁的權威。對于使用者來說，只需很短時間的學習，就可以用它制作出美觀的網頁動畫。可以讓制作者隨心所欲地實現各種創意，并且可以和javascript一起創作出具有強大交互性的網頁動畫。
Flash是一種繪制矢量圖形和創作互動多媒體動畫的軟件。它可以用少量的矢量數據就可以描述相當復雜的對象，所以生成的文件尺寸小，便于在網上傳輸。Flash創建的動畫集可以插入到html文檔中，也可以單獨制作網頁。使網頁的效果更加完美。
八網頁制作的優缺點
比較明確，風格統一。并運用了一些其它的設計軟件加以輔助設計。使網頁更加具有動感，形式豐富。就內容而言，比較豐富。大量運用了圖片，并進行了文字說明，做到了圖文并茂。但是由于我們剛接觸網頁制作，做出的效果還是有些稚嫩的，需要以后不斷的實踐。
九代碼
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>二氧化氯的發展史</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>二氧化氯的主要應用領域：用于造紙、用于飲用水處理、用于環境廢物處理、用于油田......</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=>新浪網</option>
<option
value=>網易</option>
<option
value=>搜狐網</option>
<option
value=>新視聽</option>
<option
value=>中華網</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>環境保護站點</option>
<option
value=/>國家環境保護總局
<option
value=/>北京市環境保護局
<option
value=/>山東環境
<option
value=/default.aspx>濟南市環境保護局
<option
value=hisun-/>青島海晟環保技術
</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">二氧化氯發生器-WPR型</option>
<option
value="Untitled-7.htm"target="_blank">二氧化氯發生器-WPRⅠ型</option>
<option
value="Untitled-8.htm"target="_blank">二氧化氯發生器-WPRⅡ型</option>
<option
value="Untitled-18.htm"target="_blank">二氧化氯發生器型號說明</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">各種醫療器械設備及實驗室</option>
</select>
參考文獻
1.魏洪斌《DreamweaverMX網頁設計》清華大學出版社
2.馬波《DreamweaverMX完美網頁設計與制作》中國青年出版社
3.黃夢《DreamweaverMX完全征服手冊》中國青年出版社
4.周明濤《DreamweaverMX網頁設計指南》機械工程出版社
5.陳青、劉時燕、macromedia《FlashMX標準案例教材》人民郵電出版社
6.劉淼《FlashMX入門與提高》人民郵電出版社
7.李偉《FlashMX動畫制作實例教程》清華大學出版社
8.劉睿、陳志宇《Photoshop6.0實用教程》山東科學技術出版社
自從任職教師以來，我認真鉆研教育教學方法，學習新課程理念，研究課堂、研究學生，付出終有回報，在溧陽市第四輪教育教學基本功競賽中我榮獲二等獎，在XX年度學校教師技能競賽榮獲二等獎。
在教學之余，我也思考著教學與科研，嘗試撰寫教學論文。由本人撰寫的論文《怎樣說好一節物理課》榮獲溧陽市職教論文二等獎。經過仔細修改后，論文《怎樣說好一節物理課》又榮獲XX年常州市職教論文一等獎，之后本人陸續撰寫了師德交流論文《紅專并進、為人師表》和《淺談以問題為中心的教學創新模式》等校級交流論文。
在班主任工作方面，向有經驗的老班主任學習，研究班主任工作方法，陸續擔任0201班見習班主任和0116班見習班主任，兩個班級都被評為校文明班級。在XX年度本人被學校評為優秀見習班主任。從XX年9月至今，本人擔任0419電子商務專業綜職班班主任，在XX學年上半學期，班級被評為“保護財產先進集體”“值周工作先進班級”在首屆校運會上，班級榮獲“精神文明風尚獎”
通過學習本人基本上已經掌握了先進的教學手段和多媒體制作技術，能夠靈活的運用flash、ppt和authorware制作教學課件以及網頁制作技術。由本人制作的課件《牛頓第一運動定律》榮獲校課件評比三等獎。由本人設計的網站《走進電子商務》在XX年溧陽市專題學習網頁評比中榮獲三等獎。在XX年3月開通個人主頁《教學與課件資源交流》（校主頁→七色彩虹→教師空間→曲長利個人主頁）作為一個與教師和學生交流的平臺。
我知道教師是人類靈魂的工程師，教師所從事的工作是天底下最光輝的事業。而且我知道作為黨培養出來的人民教師，必須忠誠于黨的教育事業，忠誠于人民的教育事業。在思想上我早就做好了作為一個人民教師的準備，我很想走向講臺，用自己的熱情、知識培養祖國新一代的花朵。當然我也知道教師是辛苦、清苦的，不過我不怕，我不在乎！我也做好了一切思想的準備！我會努力的工作，而且一定要做好自己的本職工作，反復鉆研，認真學習，多與學生溝通，為學生考慮，為學生服務。
【論文摘要】本文根據高等職業院校《網頁設計與制作》課程的特點，在教學中引入“項目驅動法”這一全新的教學模式。項目教學法是一種通過“項目驅動”進行的教學活動，目的是把課堂理論與實踐結合起來。通過分析《網頁設計與制作》的課程特點，探討在該課程中運用項目教學法的具體步驟與實施，并在教學實踐中取得了一定的效果。
1.引言
《網頁設計與制作》是高職院校計算機專業的基礎課程，是一門綜合性很強的課程，其理論與實踐結合非常緊密。與其他課程相比來說，無論是教學內容還是教學方法上都有其獨特之處。該門課所涉及的相關知識較多，有計算機圖像處理、文字版面處理和動畫設計等。涉及到photoshop、fireworks、flash等軟件的使用。之前《網頁設計與制作》的教學只是針對軟件的操作方法進行講授，講解理論知識點，然后學生練習所講授的內容，其知識點多而散。我們嘗試在該課程采用項目教學法，在教師的引導下，讓學生在項目的驅動下自主學習，邊學邊做，激發學生的學習積極性和主動性，把“要我學”變成為“我要學”。
2.項目教學法的基本思想
項目教學法就是在教學中，組織學生切實參加項目設計、實施和管理的全過程，在項目實施過程中完成教學任務。實際上就是以實際的教學項目為媒介，先由教師對項目進行分解，并作適當的示范；然后讓學生分組圍繞各自的學習項目進行討論、協作學習，分工完成項目；最后以共同完成項目的水平與程度來評價學生是否達到教學目標的一種教學方法。采用項目教學法教學，能把理論上空泛、抽象的東西變成可以看得見、想得通的實際東西，便于學生以項目為主線，把課程的零散知識點串聯起來，強化學生對課程相關知識的理解記憶。
3.項目驅動教學法整體實施方案
在計算機信息管理專業《網頁設計與制作》課程的教學實踐中應用項目教學法，主要是有針對性的將教學內容轉化為由學生能夠獨立完成的、可以收到良好教學效果的具體任務，也可以稱為任務驅動法。具體實施按以下幾個步驟進行：
3.1 項目的選取
項目教學法通常由教師提出一個或幾個項目任務設想，然后與同學一起討論，最終確定項目的目標和任務。但在本課程的教學實踐中，我所選擇的項目是一個小型的商業網站，小型商業網站開發是一個面向企業需求的實戰演練。在這個項目中，學生是承接網站項目的設計者，教師是客戶，學生要學習如何根據客戶（教師）的要求進行項目需求分析、如何與客戶（教師）進行有效溝通，以及如何高效率地進行項目的策劃與實施、如何才能夠更好地符合客戶的需求等。
3.2 項目的開展
（1）相關知識講解
先進行網頁制作基本知識的講解，以及設計軟件的使用，使學生對小型網站制作的基本思路和方法有一定的了解。
（2）使用案例講解
講授一個融合了相關軟件重點知識點的綜合性網站，將構成該網站的知識點進行分解講授，將dreamweaver軟件作為教學的主線，而flash和photoshop是網頁制作的輔助軟件，講解網站的標志banner和頁面規劃等等知識點。每部分的分解知識點除了結合本項目講解，同時配以相關的小練習，加強學生練習，提高學生掌握技術的熟練程度。
（3）讓學生獨立制作小網站
學生獨立制作一個與給出的案例網站相類似的小型綜合網站，使學生能夠將所學習的知識點整合起來。
（4）完成商業網站的建設
最終獨立完成小型商業網站的項目。
3.3 實施階段
學生按照選定的最終工作計劃，以組為單位，各自獨立完成工作任務。學生經過組內討論和項目全面分析后，項目經理對任務進行劃分，組內成員每人按各自角色負責不同的模塊，并獨立完成工作任務
3.4 項目的評價
我們可在一個或幾個子項目完成后，在學生中開展討論，進行項目分階段評價，每組拿成自已的階段性成果，大家共同評價好與不好，有什么問題，怎樣改進，這是一個互相學習的過程，通常要經過小組、大組合作思維的撞擊這樣可以使他們共同進步，而且可以糾正偏差，實在不能解決的問題，大家老師再幫忙解決。也可以聘請行業專家、企業人士參加，對學生建設的網站給予評價，對于有爭議的問題，大家可以一同找資料，共同解決。
4.項目教學法的應用效果
通過一個學期的教學實踐，從收集到的學生項目成果看，在本課程項目教學法的實踐過程中，創新性地讓學生自己確定項目目標是成功的，一方面學生的作品內容非常豐富，另一方面，由于讓每個學生都在做自己感興趣的項目，充分的發揮了他們的主動動手能力和創新能力。作為頁面設計作品，有一部分個人網站的頁面精美程度可以和很多專業網站相媲美，而且在本課程應用項目教學法的過程中，還有一個意想不到的收獲，有一批平時默默無聞的學生的潛能被發掘出來了，還有幾位平時比較內向的女生通過在課堂上介紹自己的項目而開朗大方起來，增強了自信心。
實踐證明，在教學過程中采用“項目驅動法”教學，學生的學習興趣較高，學習目標明確。不但提高學生的學習效果，保證教學質量，而且能夠鍛煉學生解決實際問題、快速適應實際工作的能力，為以后的就業奠定基礎。因此，項目驅動法教學對網頁設計與制作課程來說是行之有效的教學方法。
5.總結
項目教學法是高職院校中培養應用型人才的有效教學法之一。而在信息管理專業的教學活動中，項目教學法并不束縛于一種固定的模式。針對不同的學科和當前社會的應用需求，以及學生素質的差異，實施項目教學法的手段和方式可以是靈活多樣的。
參考文獻
[1]王忠元.從電子商務的項目教學談高職院校教學模式的創新[j].武漢職業技術學院學報，2006（2）.
[關鍵詞]網頁隨顯技術；網絡課件；網絡教學
[中圖分類號]G40―057
[文獻標識碼]A
[論文編號]1009―8097(2009)13―0222―02
在網絡教學過程中，網絡課程的建設是網絡資源庫建設的主要內容之一。隨著對網絡課程地需求大幅增加，網絡課件的重要性日益顯現，并對網絡課件的操控性和交互性提出了更高的要求。在網絡課件的研制與開發過程中，教師和學生因教與學的需求，希望在網頁上可根據教學需要隨指隨顯示相關的內容，經不斷探究與反復試驗，一項新的交互性強且易于操作的網頁隨顯技術應運而生，成為一種新穎的網絡教學手段。
一 網頁隨顯技術的實現過程
通過操作網頁中被設定特定功能的文字，來控制同一網頁中多個精確重疊圖層內的圖像交替顯示，并利用人的視覺暫留現象，快速交替閃現源圖和另一圖層的圖像，準確圖式化展示文字內容，達到隨指即顯的目的。
網頁隨顯技術可通過常見的網頁制作軟件及圖形圖像處理軟件來實現。網頁制作軟件本文選用Macromedia公司的Dreamweaver MX2004以上版本，圖形圖像處理軟件選用Adobe公司的Photoshop。
本文通過一個實例，著重介紹網頁隨顯技術在網絡課件制作中的具體應用及實現方法。實例取自局部血液及體液循環障礙網絡教材中的一頁(見圖1)。
為了便于說明，從圖1中截取與本文相關的重點部分見圖2。
圖2中右側一幅小圖(源圖)與第二段文字的內容是相關的。小圖為講解正常血液及體液循環的模擬畫像，畫像中有大循環(體循環)、小循環(肺循環)和微循環，三種循環中血液的流動路徑是教學過程中需要交代清楚的。小圖中三種循環有重疊的部分，并且血液流經的路徑比較復雜，難以用言語表述。如果在圖中用箭頭標注則較難表示清楚，還容易引起歧義，當然也可以用顏色線塊勾勒出呼吸膜的界限，但會將局部結構遮蓋。因此，如何既不影響觀看，又能交代清楚，是課件制作中的一個難點。當應用了網頁隨顯技術后，問題迎刃而解。在教學過程中實現了用鼠標指向網頁中相關文字(可用醒目顏色標識)大循環(體循環)、小循環(肺循環)和微循環時，小圖的相應部位立即會響應，即有薄紗樣的色塊顯現，移走鼠標，色塊立刻消失，局部結構依然清晰可辨，不受一點影響，并且可以隨指即顯，效果非常理想，在后續制作中被大量采用。
二 網頁隨顯技術的具體實現方法
(1)制備圖片
將源圖(即上述小圖)調入Photoshop，并新建一個圖層。選中工具箱內的[畫筆工具]，將前最色設置為希望的顏色，然后用畫筆在新建圖層里把需要標注出來的部位涂抹，待修正無誤后，在圖層調色板內調節新建圖層的“不透明度”或“填充”項內值的大小，使覆蓋的顏色漸呈透明，讓背景層內的相關內容隱約可見，調節合適后臺并圖層。隨即將其另存為一個圖像文件(如大循環圖3)備用。需要注意的是絕對不能改變圖像的大小，即圖像尺寸要與源圖嚴格一致，不能有偏差。
(2)插入圖片
在Dreamweaver中打開需要編輯的網頁，適當進行調整，使網頁空出適當的位置來置放源圖和制備圖片。由于在網頁中直接插入圖片是無法實現網頁隨顯技術的，因此，必須先在網頁的預留部位插入圖層，再在圖層中插入圖片，方法如下：
點擊菜單欄中的[插入]項，在下拉菜單里點中[布局對象]中的[層]選項，將出現在網頁中的層標志框拖拉到預定部位，此層定義為圖層1。點中圖層1，按鼠標右鍵選中屬性，記下層屬性面板中“左”和“上”框內的數據，此數據將作為精確定位圖層2的依據。在確認點中圖層1后，點擊[插入]項，在下拉菜單里點中[圖像]選項，在彈出的對話框中選取源圖，確定后可見源圖已入。
重復上述步驟，插入圖層2。不用再去拖拉圖層2的層標志框，僅需在圖層2的層屬性面板中“左”和“上”框內填入剛才記錄的圖層1的數據，確定后即可見圖層2已自動精確重疊在圖層1的位置上了。在圖層2中再插入預先制作好的備用圖片，將圖層2的層屬性面板中“可見性”框內的default(默認顯示)改為hidden(隱藏)，此時可發現剛插入的備用圖片已看不見了，顯示的只有源圖。
(3)定義文字
選中需要定義隨顯的文字(如本例的大循環)，改變文字屬性面板中文字的顏色，使其區別于其它文字，這點很重要，是實現網頁隨顯技術的關鍵。然后點擊面板組中的[標簽檢查器]使其展開，在展開的[標簽1面板中點擊[行為]選項卡，在[行為]選項卡的白板中有一行呈灰色的單元格，點擊單元格的左列，在出現的選項框中點擊下拉按鈕，在下拉列表中選中onMouseOut選項。再點擊[行為]選項卡的添加行為按鈕，在彈出的選項框中選擇“顯示一隱藏層”，在隨后彈出的對話框中選中層2(Layer2)，點擊“隱藏”按鈕，此時完成第一次定義。本定義的目的是當鼠標離開定義文字后，將圖層2中的圖像快速隱藏起來，只顯示圖層l中的圖像即源圖。
當完成第一次定義后。在[行為]選項卡的白板中緊接著第一行的下面又自動出現了一行呈灰色的單元格，重復前面操作，在下拉列表中選中onMouseOver選項。在彈出的對話框中選中層，點擊“隱藏”按鈕，再選中層2，點擊“顯示”鈕，注意與第一次的定義過程完全相反，這樣就完成了第二次的定義，其目的是當鼠標指在定義文字上時，把圖層1中的源圖快速隱藏起來的同時，即刻顯示圖層2中的圖像。
可用同樣方法制作小循環和微循環圖像，如圖4，5所示。
三 總結
網頁隨顯技術是在網絡課件的研制與開發過程中，經不斷探究與反復試驗，產生的一項新的交互性強且易于操作的技術，滿足了教師和學生希望在網頁上可根據教學需要隨指隨顯出相關的內容的需求，這種新穎的網絡教學手段如果能根據不同的教學內容靈活運用，必將豐富網絡課件的交互性，提高網絡教學的效率。
參考文獻