網頁畢業設計任務書范文第1篇

一、簡述任務驅動教學模式的內涵和特征

(一) 模式內涵方面

課題式、專題式、項目式以及基于任務學習等都是任務驅動教學這一教學模式的別稱。該模式提出于一九七零年左右, 研究于一九八零年左右, 介紹和傳入我們國家的時間是一九九零年左右。這一教學模式不論是在國內還是國外的研究實踐中, 都獲得了廣大科研工作者和一線教師的高度好評和認可, 各級職業教育是這一教育模式實踐的集中研究內容[1]。

項目的情境是極其復雜的, 并且具有極大的實用價值, 把學習置于其中, 完成所實施的任務, 有機的結合理論和實踐這兩大方面的教學內容, 協作精神培養、創造能力發掘以及任務中潛藏科學理論知識的挖掘是完成任務過程中主要側重的目標和內容, 得以達成形成解決實際問題能力的最終目的, 這是任務驅動教學模式的定義。

(二) 模式特征方面

基于任務驅動型教學模式的定義, 具體可以看出和總結出該模式主要有下述三大體征:

第一大特征, 構建主義這一教學理論是任務驅動教學模式的理論基礎, 這就是任務驅動型教學模式對設立情境以及構建意義這兩個方面極為強調的主要原因。

第二大特征, 創設任務情境是任務驅動教學模式驅動學生創造性、積極性和主動性得以最大化發揮的重要途徑。任務是整個教學過程中的中心、學生是整個教學過程中的主體, 以及教師是整個教學過程中的主導。在高職課程《網頁設計與制作》這一課程教學實踐中如此, 在其他課程的教學實踐中亦如是。

第三大特征, 教師在教學實踐中引入任務驅動教學模式進行實際的教學活動, 可以令學生將真實的學習任務順利解決的過程中的同時, 也可以很好的理解和學習到任務或者說問題背后所蘊含的理論知識間的密切聯系, 最終得以形成自主解決問題和自主學習的能力, 培養認知能力是任務驅動型教學模式應用于教學實踐中的終極目標[2]。

(三) 任務重要特點

教師在教學實踐中應用任務驅動教學模式于實際的教學活動中, 應該注意到任務是該模式中最為關鍵的一部分, 這主要是因為任務主要具有下述五個方面的特點:

第一方面, 實際生活是任務的來源, 因而任務驅動教學模式中的任務從實際生活中來也應該回到實際生活中去, 應用于實際生活中, 在實際生活中得到檢驗[3]。

第二方面, 任務結構極其不良, 任務具有真實性、復雜性等幾個特點, 因而其中蘊含著大量的知識理論, 主要表現在知識理論與知識理論間的復雜聯系方面。

第三方面, 任務還應該具有能夠極大的引發學生學習熱情的作用, 以此使學生想要去探索和研究的積極性和主動性被大力的調動起來, 這樣可以達到教學高效性的目的。

第四方面, 協作和合作的廣泛開展是任務應該鼓勵的事情。

第五方面, 執行任務產生的最終結果并不是單一性的, 而是非常多樣的存在, 在檢測方面、評價方面都具有極大的作用和應用, 可以提供給學生們足夠的信息反饋內容, 讓學生及時反思自身的學習狀況, 使學習的目標性更強, 有的放矢。

二、探析實際教學實踐中現存的幾大問題

(一) 太過側重于語法講解和網頁工具使用這兩個方面的方法

當前這一段時期內, 市面上有很多與《網頁設計和制作》有關的教材流通, 并且每年還會有大量的新的教材生產和面世。但是這當中很多教材的內容也都側重于語法講解和網頁工具使用這兩個方面的方法, 分析經典案例的內容非常少;教師們也都是剛從念書的校門踏入教書的校門, 剛剛實現了學與教身份的轉變, 因而也沒有極其豐富的項目經驗, 教學經驗也在慢慢積累中。由于受上述這兩大方面原因的影響, 教師在課堂教學中, 也普遍將語法的講解和網頁工具的使用這兩個方面的方法作為教學中的主要內容。這導致高職學生們都熟知和掌握了語法和使用制作網頁工具的方法, 都能在書面考試中獲得較高的分數。但是當進入單位后, 在實際的工作實踐中面對一個項目的時候, 卻不知道該從何處入手, 也不清楚開發項目中應該給予高度關注的重要點, 因而也難以做出實用性極高的精品網站?？偟膩碚f, 教育與實踐相結合一直是我們在教學中忽視的事情, 不注重學生實踐能力的提升, 因而學生也難以在解決實際問題的時候自如的應用到所學的計算機知識[4]。

(二) 課程的實踐環節沒能起到應該起到的作用

當前, 很多學校的理論課程與實踐課程保持同步性, 也就是先上幾節理論課程之后, 再相應的跟進幾節實踐課程。實踐課中的教學, 一般是驗證在理論課上學生所學的理論知識, 又或者是進行一些規模不大的并且實用性不強的應用罷了, 與公司中所開展的一些項目相比較而言, 二者之間存在著不小的差距。學生們一般在實踐課的前幾節課中還保持著較高的興趣和極大的熱情, 但是上不到幾次實踐課之后, 就會因為在實踐課上接觸到的東西太過無用的認知, 使自身進行學習和實踐的興趣以及積極性受到嚴重的打擊。加之, 不健全的實踐課考核評價機制以及很多高職學生自我控制力太差等多種內因和外因的共同作用, 只會使學生們的積極性和主動性變得越來越差。哪怕保證學生有極高的到課率, 但是起到的教學效果卻微乎其微, 實踐課本身應該起到的作用也大打折扣。

(三) 針對不同學生, 不能很好的實施因材施教的分層教育

由于學生受到多個方面因素的交錯影響, 具體有學生自身的智力、心理等方面的內部原因以及教師教學方法使用、教學進度把控等方面的外部原因。這內部原因和外部原因交織在一起, 使學生在課堂學習中在接受知識的能力上有極大的差別。在查找和閱讀大量的研究資料的工作中, 其中有一篇文章引起了筆者的注意。這篇文章的研究主題為對教師講課進度的合適性進行調查, 但是之后竟然得到了與作者出發點截然相反的答案, 其中有大概百分之十的學生普遍認為教師的教學進度過慢, 另外還有百分之二十五的學生普遍認為教師的教學進度太快了, 使他們難以跟上教師的節奏, 進而也極大的影響了學習的效果。形象的來說, 就和吃飯一樣, 存在著有的人的飯不夠吃、有的人吃撐了的截然相反的現象, 因而相應的就會存在一些問題, 即“不夠吃”問題和“吃撐了”問題。不論是這兩種當中的哪一種問題, 都對學生課堂學習的積極性和熱情是一個嚴重的打擊?；诖? 針對如何有效的解決這占課堂全部聽課學生超過三分之一學生所存在的“不夠吃”問題和“吃撐了”問題, 進而促進這占課堂全部聽課學生超過三分之一學生課堂學習積極性和熱情的大幅度上升, 是值得教師們給予高度重視的事情, 并且應該立即著手進行研究和解決[5]。

三、相應的解決教學實踐中現存幾大問題的策略

(一) 從教學模式設計方面出發

從教學模式設計方面出發, 可以將整個《網頁設計與制作》課程的過程劃分成:模仿型、實踐型這兩大方面的總任務。第一種類型的總任務, 指的是存在一個規模很大的大型網站, 有著可以將教材中的知識點基本串聯起來的強大功能。學生們一般可以在開學的第一天, 上《網頁設計和制作》課程的第一節課的時候, 對以后將要學習的具體內容就可以在內心形成一個感性的認識, 當細致的瀏覽這個網站之后, 也就會產生極其濃厚的學習興趣和學習積極性。

第二種類型的總任務, 指的是一個經由學生獨立自主而得以建立和存在的網站, 當學生對每一節課的模仿型總任務有一個深入的了解并出色的完成子任務后, 均會有一個學生要依據課堂上學到的新內容設計和制作實踐型總任務這一學習要求。這一任務要求和課程實訓內容間的聯系非常緊密, 可以說給學生未來出色的完成課程實訓任務奠定了很好的基礎[6]。

除此之外, 在完成教學任務后, 還會安排一個為期一周的教學實訓活動于每一個學期的期末, 將會安排學生們集中性的把實踐型總任務完成。這一類型的任務不但會令學生們形成一個完整的《網頁設計與制作》課程知識結構體系, 還能夠起到讓學生查補缺漏的作用, 以便對《網頁設計與制作》課程的日常學習中的不足之處進行及時的彌補。

(二) 從課堂教學模式方面出發

從課堂教學模式方面出發, 在課堂上, 教師對理論知識進行講解和傳授, 之后學生進行以上機為主的實踐活動。教師在一旁對學生進行輔導和指點, 是舊有的課堂教學方法中教師和學生所擔任的教與學角色的全部呈現。這一種“理論在前、實踐在后”的教學模式并沒有起到很好的教學效果, 往往還存在學生在上機這一實踐活動中, 不能有力的對課堂中學到的內容通過實際的操作進行實踐[7]。

將任務驅動教學模式這一新型的教學模式引入并應用于《網頁設計和制作》課程的課堂教學實踐中, 可以看出能夠取得極佳的教學效果。任務驅動教學方法一般分為:完成模仿、實施實踐這兩大部分的子任務。第一大部分指的是:第一步, 教師擔任承前啟后的角色, 將模仿型子任務提出來;第二步, 學生在教師的帶領下, 逐一分析任務要點以及應掌握哪些知識技能才能完成任務, 將任務完成的思路進行明確;第三步, 在實施任務過程中, 教師應該做好帶頭示范作用, 極大的發揮榜樣的作用, 讓學生們在一邊學習、一邊動手操作的過程中順利完成。教師在教室中來回走動, 對學生進行巡回性的指導, 這不但可以幫助教師對學生們學習的大體狀況、完成任務的程度及質量有一個深入的了解, 還可以很好的幫助學生順利解決在學習和任務中遇到的問題, 也有著學生們通過互相間的協作完成任務的鼓勵之意;當任務完成后, 教師評價與總結任務完成情況, 還可以視實際需要而定, 將一些理論知識帶入評價與總結任務完成情況這一環節中。任務驅動教學模式這一新型的教學模式引入并應用于《網頁設計和制作》課程的課堂教學實踐中, 不但保障了學生的操作動手能力的提升, 也保障了學生吸收理論知識的效果, 而且使學生比以往更具針對性的掌握和記憶理論知識。

當第一大部分任務完成后, 就可以著手進行第二大部分任務。該部分的任務并不會局限場地, 不一定非要在課堂內完成, 其僅僅是一種啟示和規劃而已, 最終的目的是幫助學生順利完成第二大部分任務, 使一個學生有一個很好的實訓任務完成度的鋪墊。

一些沒有加強接受能力的學生, 可將這一段時間用于第二大部分任務完成上。另外也很好的避免了接受能力極好的學生無所事事, 可以利用這一段時間給第二種類型的總任務做好規劃與鋪墊的先期準備工作。

(三) 從課后教學模式方面出發

從課后教學模式方面出發, 以往傳統舊有的教學模式中, 并沒有充分的開發課后教學活動。但是由于《網頁設計和制作》課程對學生的實踐能力有了更高的要求, 也做了著重的強調。但要想順利完成這一教學目標, 僅僅依靠短暫的課堂時間和期末的實訓活動是遠遠不夠的。

筆者一般會將一到兩個由學生獨立完成的任務安排到課堂教學后。安排的課后任務一般都是不容易完成的, 并且也存在一定的實用性。這不但有利于促進學生實踐能力的大幅度提高, 還可以給學生很好的由學習過渡到實際工作中開辟了通道。

筆者在課堂教學中, 一般會留下一點時間提示與講解上一次課后所布置給學生的幾個任務的重難點。這樣可以很好的解決存在于任務完成中學生遇到的難解問題, 不使學生遺留疑難問題, 擾亂后期的學習思路。

此外, 筆者還將一些規模比較小的包含配色、設計布局、制作等內容的網頁設計小比賽安排于班級內部。這能夠使學生們更加積極主動的投入到學習中。比如, 一些學生參與到協助教師建設精品網站與網絡教學課件的制作工作中。另外還有一些學生親身參與到設計、更新以及維護校園網內容的工作中。這些學生經過大量的實踐活動, 不僅可以融會貫通課堂中所學的理論知識, 使理解和掌握理論知識更加深入和牢固, 而且又起到了培養學生系統制作網頁和提高審美的作用, 使制作的網頁充滿藝術性, 這使學生的知識結構得到了極大的豐富[8]。

(四) 從實訓教學模式方面出發

從實訓教學模式方面出發, 實訓活動這一環節有著學生將課堂上所學理論知識融會貫通的效果。因而筆者堅持在導向為就業、目標為技能培養的方針之下, 安排實訓活動的任務。因為學生在每節課堂學習中, 都有一定量兩大總任務中第二種實踐型總任務的完成, 因而學生一般都會很輕易的找到方向, 并順利而出色的完成實訓內容。

(五) 從考核教學模式方面出發

從考核教學模式方面出發, 創新性、實踐性是高職《網頁設計與制作》這一課程的教學要求和教學目標, 假如僅應用考試這一種以理論性內容主要考察內容的方式, 將難以體現出學生的綜合實力?；诖? 必須改革高職《網頁設計與制作》這一課程的考核方式, 將實際技能作為考察學生的重點內容, 更加側重于學生在實際工作中各方面素質的培養和提升, 持續性的改進使高職《網頁設計與制作》這一課程的考試考核方式和方法得到極大的完善。

在切實結合項目的開發和展示原則是考核方式設計時所遵照的一大原則。具體是要求學生在規定時間段之內將一個非常完整的網站設計完成, 之后教師將學生們組織到一起, 進入項目展示這一環節, 每位學生在這一環節中介紹自己網站的完成情況, 再進入由教師、學生共同參加所進行的提問環節, 最后進入打分環節, 具體是依據學生的作品和提問時的表現, 給出的一個綜合性的評分。實際操作能力、語言表達能力、臨場表現能力是這一考核方式所重點考察的內容。

當前這一時期, 網頁設計師 (或者是網頁設計人員) 招聘, 具備相關證書是經常在人才招聘市場上看到的招聘要求, 從而可以想見認證的價值巨大。

雙證是近些年以來廣大高職院校推行的一項制度。通過職業資格技能培訓和考核的大力開展, 使大學生能通過專業和課程的結合, 進行多方面能力的培養和提升, 職業素質更高、實踐能力更強以及就業時所具備的競爭力越大, 進而極大的提升學生從學校過度到社會的適應性。這是一件雙方都收益的事情, 不管是對學生還是企業來說都是如此[9]。

開發網站與制作網頁是一個高職生在就業時的重要方向?；诖? 有機的結合教學與資格認證是一件非常緊急的事情, 教師應該對學生的網頁考證參與方面予以科學的指導和極大的鼓勵?，F如今, 除過我們國家教育和勞動保障部門認證和頒發的與網頁考證有關的一些職業資格證之外, 國際化是資格認證發展的主要方向, 國際上的資格認證證書主要有下述兩種:第一種網頁設計師證書是由Macromedia公司認證的證書、第二種網頁設計師證書是由Adobe公司認證的證書, 這當中尤其以第二種資格認證證書最受廣大用人單位的喜愛[10]。

四、結束語

本篇文章首先從模式內涵方面、模式特征方面、任務重要特點這三個方面對任務驅動教學模式的內涵和特征進行了簡要的概述, 其次從太過側重于語法講解和網頁工具使用這兩個方面的方法、課程的實踐環節沒能起到應該起到的作用、不能很好的實施因材施教的分層教育, 針對不同學生這三個方面對《網頁設計和制作》課程實際教學實踐中現存的幾大問題進行了詳盡的探析。最后從教學模式設計方面、課堂教學模式方面、課后教學模式方面、實訓教學模式方面、考核教學模式方面這五個方面出發, 基于任務驅動教學模式, 提出了相應的解決教學實踐中現存幾大問題的策略, 以期提供一些可供借鑒的實例。通過新型教學模式的引入提升學生全方位能力的發展, 很好的達成《網頁設計和制作》課程的教學和學生培養目標。

摘要：時代的進步和經濟的發展, 對人才在操作能力、實踐能力等幾個方面有了相較于以往更高的要求, 比較重視人才綜合素質的提升。高職《網頁設計與制作》課程教學也不例外, 這一課程尤其強調學生的操作能力和實踐能力, 只有學生能夠得到全方位的培養, 才能形成較強的市場競爭力, 最終順利就業, 找到滿意的工作, 并愿意為之奮斗。因而教師應該將具有明確目標、能夠有效調動學生學習興趣、實踐性和操作性并重點引入的任務驅動模式和應用于高職《網頁設計和制作》課程實際教學實踐中, 取得極好的教與學的效果。本篇文章主要研究了任務驅動教學模式的內涵和特征、《網頁設計和制作》課程實際教學實踐中現存的幾大問題、基于任務驅動教學模式提出了相應的解決教學實踐中現存幾大問題的策略。

關鍵詞：高職課程《網頁設計與制作》,任務驅動教學模式,應用

參考文獻

[1] 賈利娟.基于任務驅動的課程項目化教學改革與實踐--以《網頁設計與制作》課程為例[J].陜西廣播電視大學學報, 2016, 18 (3) :54-57.

[2] 黃婷, 張凌.任務驅動法在公共選修課的教學應用——以網頁設計與制作課程為例[J].西昌學院學報 (自然科學版) , 2017, 31 (3) :106-108.

[3] 劉穎.“網頁設計與制作”課程教學改革[J].教育, 2016 (12) :00284-00285.

[4] 趙美花.高等職業院?！毒W頁設計與制作》課程教學改革研究[J].科技創新導報, 2017, 14 (23) :220.

[5] 鄭德忠.網頁設計與制作課程實踐能力培養策略[J].電腦知識與技術, 2017, 13 (5) :175-176.

[6] 歐中亞.基于工作任務的項目教學在高職“網頁設計與制作”課程中的應用[J].教師, 2016 (26) :69-70.

[7] 高楊.高職網頁設計與制作課程教學改革探析[J].社會科學:文摘版, 2016 (9) :00187.

[8] 楊敏利, 李翠紅, 楊威.面向工作過程的項目課程教學研究[J].中國教育信息化, 2017 (7) :77-78.

[9] 侯麗艷.基于翻轉課堂的《網頁設計與制作》課程混合式教學模式的探索[J].教育信息技術, 2017 (9) :63-65.

網頁畢業設計任務書范文第2篇

摘要：DIV+CSS是目前最流行的網頁制作技術，但學習起來枯燥，不宜熟練掌握。為了提高教學質量，提升學習效果，進而使學生由淺入深、循序漸進地掌握這門技術，本論文通過教學方法的選用、知識點、技能點實踐環節的設計和考核方式的設計等方面的探索，經過教學實踐，總結出一些經驗。

關鍵詞：DIV+CSS教學設計

引言：

網頁設計課程是一門實踐技能很強、技術手段不斷更新的技能課，隨著網絡技術的飛速發展，在XHTML網站設計標準中，已不再使用表格定位技術，而是采用DIV+CSS的方式實現各種定位。最直接的特點就是，代碼冗余小，網頁打開速度快。結構和表現分離了，只需改變css就可改變網頁的風格，而內容不變，這樣維護和升級的成本降低了。對于初學者，常常被枯燥的代碼和編寫語言搞得焦頭爛額，要收到顯著的教學效果，教學方法尤其顯得重要。

一、教學方法設計

教學方法是一門課程的教學中，教師為了完成既定的教學任務，實現教學目標，而在教學過程中運用的教學方式和手段。面對課程知識點和實操強的特點，可突出以下幾種教學方式。

強調記筆記。記筆記有助于對學習內容的理解。記筆記的過程也是一個積極思考的過程，可調動眼、耳、腦、手一齊活動，促進了對課堂講授內容的理解。尤其越是邏輯性強的課程越需要一個良好的學習習慣，而這正是高職學生所欠缺的。因此，面對這種特點的學生，教學方法中一定要注重有意識讓學生建立良好的學習習慣。從第一節課就開始提出記筆記的明確要求，并納入到平時作業成績考核中，讓學生不得不先重視起來。不定期地在課上練習和課后作業中引入筆記的內容，讓學生明顯意識到課上記了筆記，平時注重積累，做練習就會提高效率，事半功倍，否則，按時完成作業都相對費勁。有一個現象叫“飛輪效應”.為了使靜止的飛輪轉動起來，一開始我們必須使很大的力氣，一圈一圈反復地推，每轉一圈都很費力，但是每一圈的努力都不會白費，飛輪會轉動得越來越快.達到某一臨界點后，便無須再費更大的力氣，飛輪依舊會不停地快速轉動。因此，培養學生好的學習習慣也是一樣，開始教師和學生可能都會很累，但只要堅持不懈，學生就會逐漸養成穩定良好的學習習慣，看上去很累的學習就會變得自然輕松。老師也會越教越輕松。

鼓勵原則。美國作家馬克·吐溫說過：“一句好聽的贊辭能使我不吃不喝活上三個月?！边@句話夸張地描述了表揚的魅力所在。有時，一個贊許的目光能使人鼓起勇氣，信心百倍。對于這個觀點，在多年的教學生涯中，相信許多老師都受益匪淺。當前，DIV+CSS已經成為制作網頁的一種技術潮流和趨勢，學習者也必須不斷提高自己的技能來適應這種變化。各種XHTML標簽和CSS屬性在實際的操作中，往往問題層出不窮，令學生頭疼不已，如果在這個時候，不及時加以鼓勵，就會導致教學效果半途而廢。因此，一定要在學生面對問題時，主動與其一起思考，提出解決該問題的關鍵點，讓學生自己嘗試，而不是直接告訴答案，教學效果不言而喻。學生會認為是自己經過艱苦思考而最終戰勝了困難，自信心增強，也就有了繼續學習下去的動力。

循序漸進。面對高職學生，想要取得好的教學效果，循序漸進的教學方法必不可少。在課堂教學中，不要放過任何一個看上去非常簡單的問題，有些小問題往往不簡單，可以延伸出許多知識點，只有熟練掌握學會舉一反三才能更加自如地運用該門技術。要選定一個難易度適中的網站，既不能太難模仿，使學生產生畏難抵觸心理，又不能太簡單，而達不到鞏固教學內容的目的。學生在“模仿”課環節，對指定的網站首頁和其他主要網頁進行模仿還原，該網站的各類素材可以直接使用，對于頁面在尺寸、色彩、外觀上也可以相同。對于這種特定的、明確的任務，學生往往會表現出極大的熱情。

對比較學法。制作一個簡單的網頁，尤其運用以前的TABLE布局技術，上手很快，容易實現，大部分初學者一旦學習了表格布局技術，就很容易依賴，而不愿意去嘗試DIV+CSS技術了。面對這種問題，就要適時運用對比教學法，例如通過制作一個“簡單相冊”的小例子，讓學生分別運用TABLE技術和DIV+CSS技術制作，完成之后，讓學生觀察代碼有何不同?？梢悦黠@看出，table時代，一個頁面表格嵌套10個以上是非常普遍的事情，從而頁面代碼冗長，雜亂無章。然后緊接著提出迅速更新頁面的風格，讓學生繼續嘗試完成。通過實踐，學生就可以清晰得出結論，DIV+CSS技術的優勢，內容和形式分離，更新頁面風格，只需要改動CSS文件就像換件衣服一樣簡單容易。DIV+CSS技術制作“簡單相冊”代碼如下：

<style>

div，body，img，ul，li，p，a{ margin：0；padding：0}

.base{ margin：0 auto；width：530px}

ul{ list-style-type：none；width：530px}

li{ float：left；margin：0 5px；}

img{ width：150px；height：100px；border：1px solid #CCCCCC}

p{ font：\"宋體\"；font-size：9px；text-align：center}

h1{ font-size：24px；text-align：center}

</style>

<body>

風景相冊

91尤物免费视频-97这里有精品视频-99久久婷婷国产综合亚洲-国产91精品老熟女泄火

當然，不少同學都會認為自己的英文程度不好，肯定掌握不好這樣的代碼。其實以DIV+CSS為核心技術的網頁制作并不是要求大家去死記硬背那些枯燥的代碼，有很多工具可以幫助我們。比如可以用Dreamweaver來寫代碼，因為這個軟件有代碼提示功能，只要打代碼樣式的頭一個字母就會有相應的代碼樣式提示給你，只要你能夠大概地了解代碼的功能，也就沒必要把代碼全記住。學習時最好是把Dreamweaver當作一個輔助輸入工具，多鍛煉一些手寫代碼。多閱讀成功案例的源代碼，并嘗試修改代碼，重新編譯驗證自己的想法，注意記錄筆記，分析代碼的時候，忌快，一目十行不如看懂一行。要經常引導學生看一些大的門戶網站，學習怎么用div+css實現一些效果。

二、結語

在網絡高度發展的今天，W3C標準并不是拋棄表格，而是遵循html標簽的語意來做html頁面，目的就是讓表現與結構分離，更利于瀏覽器的兼容和網站維護等等。因此老師面臨著更多的挑戰，不僅需要對網頁制作相關技術進行持續研究，更要在教學方法、教學手段上不斷進行革新，以充實的內容吸引學生，以活躍的氛圍打動學生，讓學生勤練習多思考，在學習過程中獲得成就感和滿足感，從而能夠適應這種變化，跟上WEB發展的步伐，熟練掌握網頁制作的技術。

參考文獻：

[1]曾靜娜.新手學CSS+DIV[M].北京希望電子出版社，2010.

[2]金峰.變幻之美——CSS+DIV網頁布局揭秘[M].人民郵電出版社，2009.

[3]聞立鷗.CSS+DIV布局與表格布局網頁的對比[J].教育教學論壇，2014，（9）.

[4]聞立鷗.DIV+CSS之布局一行三列頁面實證分析[J].教育教學論壇，2014，（8）.

[5]賈錚，等.HTML+CSS網頁布局開發指南[M].北京：清華大學出版社，2008.

[6]CSS：The Definitive Guide，3rd Edition，Eric Meyer，O’Reilly 2006.

網頁畢業設計任務書范文第3篇

1 網頁色彩的特點

網頁設計與傳統的平面設計在視覺傳達方面有很大的相似之處, 但是在技術實現方面又有著很大的區別。網頁設計是傳統的平面設計的視覺傳達效果運用和網絡技術實現的有機結合。傳統的平面設計作品大多數都是以印刷品的形式出現;而網頁設計作品則是通過顯示器出現的, 并且在傳輸的過程中受到網絡帶寬的限制。有接觸過平面設計的朋友都知道, 普通印刷是按照色素的減法原理進行的, 設計時的顏色模式為CMYK, 而計算機的顯示器的色彩工作原理則是以色光合成加法原理進行的, 既RGB模式, 它的色域更廣, 不受任何限制。

網頁色彩本身是無任何含義的, 但色彩確實可以在不知不覺間影響人的心理比如紅色讓人聯想到玫瑰, 聯想到喜慶, 聯想到興奮。白色聯想到純潔, 干凈, 簡潔;紫色象征著女性化, 高雅, 浪漫等等。

2 網頁色彩與版面分割

色彩與版面也是密不可分的, 版面布局的整體造型和色彩搭配的靈活運用也會影響人們的注意力, 產生不同的視覺效果。版面的布局沒有絕對統一的方法, 應視需要而定, 有創意的布局會給人以耳目一新的感覺。比如常見“T”結構版面, 頁面頂部為橫條網站標志+廣告條, 下方左面為主菜單右面顯示內容的布局, 因為菜單條背景較深, 整體效果類似英文字母“T”, 所以我們稱之為“T”形布局。這是網頁設計中用得最廣范的一種布局方式。這種布局的優點是頁面結構清晰, 主次分明, 是初學者最容易上手的布局方法。缺點是規矩呆板, 如果細節色彩上不注意, 很容易讓人“看之無味”。

3 網頁色彩與網站風格

色彩, 是最先也是最持久地給瀏覽者以網站形象的因素。網站的內容不僅僅是由文字組成的, 視覺元素在網站中也占有重要的位置。樹立網站的風格可以從色調和畫面入手。色調:是活潑還是莊重, 是素還是艷。比如網站選擇的色彩很艷麗, 但如果選擇素的色彩, 可能就無法體現出水果和蔬菜的那種生氣。而工藝品網站的色調是以素為主, 突出了手工藝品的典雅。畫面:需要考慮是寫實還是寫意, 是體現專業性還是大眾化, 是為兒童還是為成人。

我選擇網站做了色彩和站點風格的分析:中國瓷器h t t p://w w w.a r t t i q u e s.com/, 該網站以白色為背景, 營造出潔凈、細膩、典雅的氛圍, 同時與色彩斑斕的瓷器形成強烈的反差, 讓人感覺到瓷器工藝品的精致和美麗。這種顏色搭配是展現色彩豐富的工藝品的一種和諧方式。立頓茶商h t t p://w w w.L i p t o n T.c o m/, 立頓是歷史悠久的茶類品牌, 我們在平時常見的立頓紅茶、立頓冰茶都是其產品。在該企業站點中, 立頓產品的名稱、商標、圖形、功能和應用領域等信息一覽無余, 客觀上起到激發消費欲望的作用。另外, 該網站首頁使用了立頓品牌所常用的黃色, 這既是在網上擴大品牌效應, 也是對公司整體形象的統一應用, 從而構成了企業識別系統 (CIS) 的重要部分。

通過上述網站的分析可以看出, 色彩的搭配不僅體現著美學的訴求, 而且是一種可以強化的識別信號。通常我們會發現新聞類的網站會選擇白底黑字, 這不僅是因為這種方式對帶寬要求最低, 更多的是因為人們平時習慣于這樣閱讀報紙, 這種色彩對于把新聞傳達到腦海的效率最高。但是在其他類型的網站上, 我們就不要只使用白色了, 例如在上面提到的立頓網站, 將色彩融入到公司的整體企業識別中, 大大加強了網站對瀏覽者感官的沖擊。所以在定位網站風格時, 文化的差異也是很重要的。

4 網頁配色應該注意的問題

4.1 關心瀏覽者

針對不同的主題來布置色彩, 如健康類的網站就不能采用較為刺激的大紅和黃、橙以及象征死亡和神秘的黑色和紫色這樣會造成一種緊張和某種程度的恐慌, 以及一些不利于健康的聯想。而適宜采用一些較純的綠色或者相關不同明度的綠色, 這樣能帶給人寧靜、安詳與平和。同樣的道理做新聞類的網站要考慮到受眾瀏覽網站的目的是攝入大量的信息, 所以適宜采用較為鮮艷的色彩組合, 這樣就能使讀者快速的攝入信息, 感受到信息的高速傳遞。這是平面設計的一種用色彩表達心理的方式, 好好的把握這種用色的技巧, 靈活的應用是網頁成功的一個方面。

4.2 V I的延展

一個公司的VI是靈魂, 做網站往往是為了提升公司的形象。因此把表現企業主題的標準色應用到網頁中去, 一定會給瀏覽者留下深刻的印象。這就牽涉到標準色的組合應用上, 要有一個色彩的基調問題, 抓住自己的主色來配以不同的輔色這樣既突出了主頁的公司特色, 又能使頁面呈現豐富多彩。這只是一種用色的參考, 版面設計和內容也能體現出企業的形象, 只是色彩更加容易達到引人注目的效果。

4.3 與社會發展的和諧性

用色往往不是非常單純的運用, 還要考慮諸多因素, 例如, 訪問者的類別:社會背景、心理需求和場合的差異等等, 這就要求網頁設計者要認真的分析網站的受眾的不同, 并且要多聽取反饋信息, 總結他們滿意或者是不滿意的原因, 綜合考慮。社會背景不同的人, 各人的目的不同, 他們對色彩的感受也不同, 所以網站的用色就要考慮到多方面的需求, 盡可能的吸引各種注意力。

總之, 影響網站設計的因素有很多, 但色彩無疑是確立網站設計的靈魂。作為一名網頁設計師是需要有自己的特色, 例如自己鐘愛的顏色, 用色的一些獨特的方面, 這種是不要輕易的舍棄。所以我想網頁的用色會在這種方式下日趨規范, 日趨合理, 逐漸讓人感到一個又一個如同藝術品一樣讓人賞心悅目!

摘要：信息時代的快速到來, 網絡也開始變得多姿多彩。作為網頁設計者不僅要掌握基本的網站制作技術, 還需要掌握網站的風格、配色等設計藝術。其中色彩在網站設計中占據相當重要的地位。

關鍵詞：網頁,色彩,設計

參考文獻

[1] (韓) 權智殷[著], 周欽華[譯].設計師談網頁色彩與風格[M].電子工業出版社.

[2] 吳國榮.設計造型基礎教程——色彩基礎[M].浙江人民美術出版社.

[3] 梁景紅 (Relen) .設計師談網頁設計思維[M].電子工業出版社.

網頁畢業設計任務書范文第4篇

【學情分析】

1.在學習網頁制作之前，學生進行了網站的規劃與設計，還沒有就網頁制作真正著手練習，對Frontpage的使用比較陌生，但是已經有word等軟件的操作基礎，很多基本的操作可以遷移過來。并且，通過高一的學習與養成，學習小組的整體意識已經建立，組內合作、組間競爭的氛圍已經形成，所以可以采用先進行自主練習，然后合作探究，通過各組推薦的作品展示進行評價，在展示的同時也提高了學生的技術水平。

2.學生操作基礎不同，接受能力不同，可以充分發揮各小組“技術顧問”的作用，幫助指導組內其他成員，共同完成學習任務。 【學習目標】

1.熟練掌握網頁制作和美化的基本操作，提高操作和審美能力; 2.大膽動手，積極實踐，總結用網頁表達主題的技巧和方法; 3.積極、熱情地投入學習，體驗網頁制作的快樂。 【重點難點】

1.重點：利用表格對網頁進行布局;網頁中的圖文設置及超鏈接的使用。 2.難點：網頁間超鏈接的建立。 【教學過程】

課前準備：提前做好小組座次安排，由學科班長組織大家按組入座。

一、展示導入，明確學習目標(3分鐘)

1.展示精彩網頁(如北京大學、清華大學網站首頁)，引導學生簡單分析網頁風格。 2.明確本節課學習目標與主要任務。

二、指導與點撥(3分鐘)

1. 分析北京大學網站首頁，觀察其網頁布局(如圖)，引導學生嘗試使用表格對網頁進行版面設計。 2.對網頁制作所用的基本操作進行點撥： (1)文字、圖片的添加與調整 (2)網頁背景的設置 (3)超鏈接的建立

三、基本功練習(10分鐘)

1.任務：快速“克隆”示例網頁。(素材發到桌面“基本功練習”文件夾中)

與word中的操作類似，注意遷移 2.要求：(1)先獨立練習(參考導學案的“操作導航”);嘗試一遍后可與組內同學小聲交流，解決疑難問題;

(2)每組的“技術顧問”完成任務后可下座指導; (3)完成后相互檢查超鏈接的效果。

四、制作主題網頁(15分鐘)

1.任務：從桌面“主題網頁”文件夾給出的四個主題中選擇一個，快速完成主題網頁的制作;

2.具體要求參看導學案“實踐探究”部分;可兩人合作，有能力者最好獨立完成;

五、作品推選、上傳：每組推選一個作品參加組間評選，并將作品文件夾傳至FTP。

六、精彩展示(10分鐘)各組派一代表向全班展示自己的作品，并簡介操作要點。 展示前，引導全體學生積極思考以下問題：

1.你從展示作品中學到了什么?有哪些可借鑒之處?

2.你是否清楚各作品的效果是如何實現的?若有疑問，及時提出。 3.能不能提出更好的修改建議?

注：1.學生展示過程中，教師要引導大家規范操作，對于重點加以強調。 2.提醒學科班長記錄參與展示和積極質疑、解答的同學，匯入評價。

七、完善提升：(5分鐘)

1.借鑒所展示作品的優秀之處，進一步完善自己的作品; 2.根據展示同學的演示，將新學到的操作嘗試一遍。

八、總結：

1.網頁制作要領：(1)靈活運用基本操作;(2)版面設計清晰、條理，或者有獨特之處;(3)配色和諧，給人美感;(4)超鏈接順暢、自由，方便使用。 2.由學科班長公布本節課評價統計情況。

【教學反思】

1.在學生自主練習過程中，適時指導很重要，但教師一人肯定不能照顧全體學生，所以充分發揮學習小組的“技術顧問”的作用很關鍵。

2.在“制作主題網頁”環節，給學生準備四個不同的主題素材是很有必要的，我們在進行教學設計時要考慮到學生個性、興趣不同，并加以利用，促進教學。

網頁畢業設計任務書范文第5篇

1 選定制網工具

在制作個人主頁時, 必須要有得心應手的制網工具。就我個人而言, 主頁制作我推薦:Dreamweaver3.0。它的功能強勁, 冗余代碼少, 絕對比Frontpage好用;動畫制作推薦當然首推Marcomedia的Flash, 不過, 經過筆者試驗, 發現在制作固定大小的文字Banne條時, 有兩個軟件“雙劍合璧”的效果比Flash有過之而無不及。當然, Flash制作動態主頁的強大功能眾所周知, 用它制作的主頁是網上一道亮麗的風景, 它將是主頁的潮流導向。圖像處理推薦:Photoshop, 它強大的多種濾鏡效果使處理圖形更加方便快捷, 是制作主頁的站長必備之物。上傳軟件推薦Cute FTP, 在試用多種上傳軟件后, 數它的功能最強大。

2 掌握設計的原則

具體歸納為五大的原則:統一、連貫、分割、對比及和諧。

(1) 統一。是指設計作品的整體性, 一致性。

(2) 連貫。是指要注意頁面的相互關系。要相互呼應, 并注意整個頁面設計風格的一致性, 實現視覺上和心理上的連貫。

(3) 分割。是指將頁面分成若干小塊, 小塊之間有視覺上的不同, 這樣可以使觀者一目了然。

(4) 對比。就是通過矛盾和沖突, 使設計更加富有生氣。

(5) 和諧。是指整個頁面符合美的法則, 渾然一體。

3 風格定位

主頁的美化要考慮風格的定位。任何主頁都要根據主題的內容決定其風格與形式, 因為只有形式與內容的完美統一, 才能達到理想的宣傳效果。例如:有些學生平時就很活潑, 那么其設計網頁的風格就傾向于一種快樂輕松的頁面風格;而一個性格文靜、內向的學生設計的網頁風格固然偏向于一種規則、富有內涵的頁面風格;有的則比較莊重、有的高雅大方等等。

主頁風格的形成主要依賴于主頁的版式設計, 依賴于頁面的色調處理, 還有圖片與文字的組合形式等。這些問題看似簡單但往往需要主頁的設計和制作者具有一定的美術素質和修養。

還有, 動畫效果也不宜在主頁設計中濫用, 特別是一些內容比較嚴肅的主頁。主頁畢竟主要依靠文字和圖片來傳播信息它不是動畫片, 更不是電視或電影。至于在主頁中適當鏈接一些影視作品, 那是另外一回事。

4 勾畫版面

制作主頁不要急于動手, 先行考慮好主頁分幾塊欄目, 每個欄目下又有幾個分欄目和主頁的的基本色調。主頁作為一種版面, 既有圖片, 又有文字。圖片和文字都需要同時展示給觀眾, 總不能簡單地羅列在一個頁面上, 這樣往往會搞得雜亂無章。因此必須根據內容的需要, 將這些圖片和文字按照一定的次序進行合理的編排和布局, 使它們組成一個有機整體, 展現給廣大的觀眾?？梢砸罁韵聨讞l來做:

(1) 主次分明, 中心突出。

在一個頁面上, 必須考慮視覺的中心, 這個中心一般在屏幕的中央, 或者在中間偏上的部位。因此, 一些重要的文章和圖片一般可以安排在這個部位, 在視覺中心以外的地方就可以安排那些稍微次要的內容, 這樣在頁面上就突出了重點, 做到了主次有別。

(2) 大小搭配, 相互呼應。

較長的文章或標題, 不要編排在一起, 要有一定的距離, 同樣, 較短的文章, 也不能編排在一起。對待圖片的安排也是這樣, 要相互錯開, 造成大小之間有一定的距離, 這樣可以使頁面錯落有致, 避免重心的偏離。

(3) 圖文并茂, 相得益彰。

文字和圖片具有一種相互補充的視覺關系, 頁面上文字太多, 就顯得沉悶, 缺乏生氣。頁面上圖片太多, 缺少文字, 必然就會減少頁面的信息容量。因此, 最理想的效果是文字與圖片的密切配合, 互為襯托, 既能活躍頁面, 又使主頁有豐富的內容。

5 色彩處理

色彩是人的視覺最敏感的東西。主頁的色彩處理得好, 可以錦上添花, 達到事半功倍的效果。色彩總的應用原則應該是“總體協調, 局部對比”, 也就是:主頁的整體色彩效果應該是和諧的, 只有局部的、小范圍的地方可以有一些強烈色彩的對比。在色彩的運用上, 可以根據主頁內容的需要, 分別采用不同的主色調。因為色彩具有象征性。如個性活潑的學生比較喜歡一些暖色調, 如:紅色、黃色、橙色等色彩的搭配。這種色調的運用, 可使主頁呈現溫馨、和煦、熱情的氛圍。而一些個性較穩重的學生們則喜歡采用冷色調, 如:青色、綠色、紫色等色彩的搭配。這種色調的運用, 可使主頁呈現寧靜、清涼、高雅的氛圍。當然, 大多數學生還是較喜歡各種色彩的搭配使用。如:紅和綠、黃和紫等。這種色彩的搭配, 可以產生強烈的視覺效果, 給人亮麗、鮮艷、喜慶的感覺。但要注意的是:如果色彩搭配的不發了, 會適得其反, 產生俗氣、刺眼的不良效果。這就要把握“大調和, 小對比”這一重要原則, 即總體的色調應該是統一和諧的, 局部的地方可以有一些小的強烈對比。

6 網頁字體的美化

還有一個問題就是究竟我們可以在網頁上用幾種大小的字體呢?也就是說, 顯示器上的網頁中, 有幾種字號是美觀的。9pt是公認的字號, 絕大多數網頁都用它, 11pt似乎也好看。問題似乎解決了, 可是假如你有一段文字想設置得比9pt更小, 怎么辦呢?如果你的顯示器:“桌面顯示字體”是大字體, 那你會覺得可行。然而且住!大多數不是1024×768分辨率的17英寸顯示器, 而是800×600或者640×480的14英寸或15英寸的。他們的“桌面顯示字體”往往是小字體, 這時, 8pt或7pt的顯示效果會很難看, 而且基本上看不清楚。有別的辦法嗎?很簡單, 告訴你另一種大小的字體表示法:即:“12px”。它比9pt字號要小, 而且在不同的顯示器上, 看上去挺好。所以, 你只要將上面代碼中的9pt改成為12px就行了。如此, 一切皆萬事大吉啦!

7 網頁上傳

每個人設計網頁的最終結果都是希望有一個展現自己的好舞臺。無論自己的網頁制作如何有個性, 如何漂亮, 只有把自己所做的網頁上傳到網絡中, 發布自己的網頁才可得以表現自我?，F在, 有不少網站提供了免費的域名和空間, 我們可以利用這些免費的資源, 鼓勵學生把網頁上傳。那么, 想充分發揮自己的創造力嗎?想充分發揮自己的才能嗎?想充分展示自己的個性嗎?讓我們大家一起來盡情展示自己吧!我相信, 所有人在這片屬于自己的天空中一定會找到自己最大的快樂!

摘要：計算機課程已作為中職學校的文化課之一, 而網頁設計也正是計算機課程中的一個重要教學內容。同學們對網頁設計都有一定的興趣愛好, 那么如何使自己的網頁設計得更具個性, 獨占鰲頭呢?文章從教學中總結出一些經驗, 以求與大家共享。

網頁畢業設計任務書范文第6篇

[摘要] Internet作為新的媒介，為設計提供了廣闊的舞臺?；ヂ摼W信息資源無限、圖文互動、方便快捷，而且價格低廉，對于精明的商家來說，沒有理由拒絕在Internet上展示自己或者銷售自己的產品，從而使網絡中網頁的設計從一開始就蒙上了商業的色彩。

[關鍵詞] 網頁 設計 商業化

網站是由諸多的網頁構成，網站存在的價值是被客戶訪問，客戶的瀏覽率是網站廣告收費的重要依據，也是評估網站價值的重要依據之一。網頁是構成互聯網的基本元素，是引導客戶進入網絡的大門。網頁作為信息傳達的載體，具有提高消費者對企業或商家新產品的了解，增強企業或商家的知名度，樹立企業或商家形象，提高企業或商家信譽，促進銷售等方面的功能。那么，如何使客戶瀏覽后記住這個網站？企業或商家如何使自己的網站與眾不同？這

是設計師要認真思考的問題。

一、利用圖像美化網頁，提高點擊率

網頁設計中內容應當是第一位的，但是從商業的角度考慮，頁面設計也是非常重要的。設計師除了利用互聯網的特性和企業目標市場的準確定位外，還要把頁面設計的趣味盎然，引人入勝，從眾多的頁面中脫穎而出，以吸引讀者的眼球，從而增加頁面的點擊率。

網頁是由文字、圖像等元素構成的，各種設計手段與編排手法的運用，就是要讓讀者產生一種心理暗示，引導讀者對目標網站產生興趣和閱讀欲望。

文字是網頁中必不可少的設計元素，也是網頁中主要信息描述的要素，所以網頁中文字占據了很大的面積。但是頁面上文字太多，就會顯得沉悶，缺乏生氣。圖像是構成網頁設計要素之一，它具有強烈的視覺效果，能使頁面顯得活潑生動，美觀大方，圖像的好壞直接影響閱讀者的觀賞興趣。圖像還能補充文字說明，給讀者直觀的表現。能給網頁錦上添花，并能潛移默化地給讀者思想情感上的啟迪與感染，也能表達設計師個人的設計風格。

一個優秀的頁面設計必定是形式與內容的完美結合。一方面，網頁設計所追求的形式美，必須適合主題的需要，這是網頁設計的前提。只講究形式美感，過于強調獨特的設計風格而脫離內容，或者只求內容而缺乏藝術的表現，頁面設計都會變得空洞而乏味。另一方面要確保網頁上的每一幅圖像都有存在的必要性，不要為了炫耀而刻意裝飾，了解企業或商家的經營策略，具有針對性地設計。因為圖像是為頁面而服務的。圖像的大小、位置、數量、形式等因素，直接關系到網頁的視覺傳達。圖像要與內容特性相吻合，不能相脫離，更不能相互沖突。

二、吸引讀者注意力，提高網站知名度

互聯網憑借其信息量大、覆蓋面廣、方便快捷、互動性強等特點，逐漸成為人們學習、生活、工作中獲取信息的重要媒體。從中國互聯網信息中心的調查數據看，我們50%的上網用戶目的是獲取信息，居各種上網目的的第一位，正是由于人們對信息量的需求，導致了人們對這一新興媒體的依賴。

在Internet上信息的傳播是靠客戶的瀏覽，如果沒有訪問者，信息將無用武之地。網站需要豐富自己的網上傳播內容及傳播表達手段，以吸引更多的讀者訪問自己的網站，激活自己的主頁和信息頁。激活率越高，就意味著它對網民的吸引力越大，從而吸引更多的小企業、個體經營者租用自己的網站設置網頁，獲得更多的收入。目前網絡媒介一般者是免費向讀者提供信息的，它從內容傳播本身并不能取得收入。但它還是堅持不懈地更新網上新聞、娛樂方面的內容，其用意無非是持之以恒、鍥而不舍地在網上建立自己網站的聲望，加強知名度、印象度，為開展廣告經營，取得廣告收入的回報創造條件，打下基礎。因而對于一個網站來說，如何讓讀者更多更好地接受信息是提高網站知名度的關鍵。

三、傳遞商品信息，誘發購買欲

從信息接受者的角度考慮，視覺是人們獲取信息的主要渠道。一個人在接受外界信息時，經由視覺接受的信息占全部信息的83%，11%的信息來自于聽覺，3.5%的信息來自于嗅覺，1.5%的信息來自于觸覺，1%的信息來自于味覺。對于網絡廣告信息來說，視覺形象的表現力比語言的表現力更強，能達到更好的效果。因而，在某種程度上來看，與其用語言向讀者灌輸信息，不如讓讀者去看，讓形象去說服讀者。

圖像是文字的具象化，圖像能極大地提升文字的魅力、張力和感性，一幅好的圖像，能將設計師抽象的思考予以“具體化”的表達，把某些無法用文字表現出來的視覺特征，通過圖像形象地表現出來，它應該是一種文字意念的“再創造”。

網頁中廣告的圖像通常是通過畫面的視覺形象對瀏覽者的視覺產生刺激，增強人們對廣告信息——商品或者勞務等的印象，在人們毫無反感的心理狀態下，不知不覺地接受了廣告所傳播的信息。網絡廣告從圖像入手，讓圖像說話，用形象傳遞信息，以強烈的視覺沖擊力打動觀眾的心，激發觀眾的聯想和刺激觀眾的想象，讓觀眾在審美的過程中接納商品信息。網絡廣告中圖像是商品信息的載體，它的最主要的功能就是將產品或者企業的商業活動所承載的信息、概念轉化為視覺語言，進行形象、藝術的描繪，以此來感染大眾的情緒，影響他們的心理，完成商業運作及廣告宣傳，讓大眾最終實施消費行為。

網頁設計推動了網絡經濟的發展，促進了商品的流通。我們的設計師應該在追求商業性的同時還應該注意它的藝術性，藝術性越強，感染力會更高，藝術性是影響商業性的一個不可忽視的方面。

本文中所涉及到的圖表、注解、公式等內容請以PDF格式閱讀原文。