導語：如何才能寫好一篇網站制作方法，這就需要搜集整理更多的資料和文獻，歡迎閱讀由公務員之家整理的十篇范文，供你借鑒。

篇1

當今世界依然進入信息化的時代，互聯網的普及極大地便捷了人們之間的信息交流，也使得網站建設與網頁制作技術逐漸受到人們越來越多的關注。在今天，人們經常利用空閑時間瀏覽各種網站，從各具特色的網頁上尋找娛樂資訊、時事要聞、生活常識等，再加上電子商務等電子交易的產生與普及，人們對互聯網的需求越來越多，這就為多種網站的成長提供了良好的機遇，也為網絡技術人才提供了良好的就業與發展前景。

一、網站建設前的準備

（一）網站的定位和規劃

在建設一個網站之前，設計者首先要對網站有一個明確的定位，確定網站的主題、建設目的、針對人群等，只有在做好網站定位之后，設計者才能夠進行接下來的工作。在網站的前期籌備中，設計者要進行一定的調查，大致估計網站的可觀性和實用性，并在一定的基金支持下進行網站的設計與建設。在進行網站設計規劃時，設計者必須要認真分析網站瀏覽者的心理訴求，明白瀏覽者真正想要的是什么，用換位思考的方法，對網站的整體風格以及組織結構進行合理的規劃，還要用最簡明的話語來突出網站的主題。

（二）網站整體風格的統一

設計者在建設一個網站時，要十分注意網站整體風格的統一，并在此基礎上，調整頁面的排版與布局，使得網站的頁面整齊、美觀，對于插圖以及圖形的放置，最好采用同一種環繞方式，每個標題的樣式都盡量整齊，盡量不給人留下凌亂的感覺，如果網站的第一張網頁頂部放置了網站的標志，就最好在每一個網頁的相同位置都添加網站的標志。一個網站往往包含諸多網頁，如果想使用圖標導航，那每一頁的圖標都盡量相同，并要放在相同的位置，要想實現這樣的效果，可以使用模板或者框架，以上只是為了讓網站盡量簡潔與美觀，可能略顯條理化與格式化，設計者也可以根據個人愛好進行自由設計，采用不同的方法進行頁面索引，這樣的設計會更加具有特色，也容易引起瀏覽者的注意。在建設網站時，設計者可以指定連接的頁面在哪個框架里顯示，避免網頁上相同內容的重復下載，這對于提高網頁顯示速度和網絡傳輸速率方面都有著積極的意義。

（三）版面設計簡潔明快

網站建設要十分注重網頁的簡潔與明快，去掉不必要的內容來提高網頁的訪問速度，節約訪問者的時間。設計者在進行網站頁面排版時，要仔細分析各構成要素間的比例關系，并保證各要素之間比例關系的協調。每一個網站的版面設計都沒有統一的模式，設計者可以根據自己的喜好，進行自我思維的展示，設計者可以采用普遍的上左右型、上左中右型、左中右型、左右型、上下型、單一版式等，還可以多種板式結合使用，或者去掉版面分隔線。一個網站往往設置了不同的欄目，但是欄目設置不能過于繁雜，欄目版面設置適宜采用上下對稱式，使欄目更加簡潔明了，同時，欄目的大標題及以下小標題的排列要整齊，豐富欄目的信息量而又不顯雜亂，欄目大標題要簡潔明了，概括性強，能夠形象地說明欄目內容，大標題與大標題之間應是一定的聯系，但是彼此之間不能重復。

（四）網頁內容以人為本

設計者建設一個網站，就是要為廣大瀏覽者服務，因此，設計者必須要站在瀏覽者的角度思考問題，使網站風格更加容易被瀏覽者所接受，并積極思考更多點子增加網站的創意與特色。設計者在進行網站建設時要堅持以人為本的理念，選擇合適的網站內容，并根據不同的網站內容來變換網站風格。網站的風格要依據網站的性質來確定，如果是社交網站，就可以輕松隨意、張揚個性，如果是商業化的網站，就需要根據網站群體確定網站內容。網站建設要以人為本，注重簡約，去掉的繁雜的文字說明與不相關的圖片，內容信要有條理，簡潔的網頁設計有利于提高訪問的速度。

二、網頁制作方法與技巧

（一）善用表格

在進行網頁制作時，設計者可以根據以往的設計經驗，或者利用一些常用的工具來優化網頁制作，提高制作效率等，表格就是網頁制作中經常使用的一種工具。在制作網頁中使用表格，可以實現文本與圖像的位置的隨意調整，不用擔心其他因素對其產生影響，設計者可以利用表格強大的定位功能，將文字與圖片進行系統的排列，增加網頁的緊湊性與連貫性，使網頁編輯與排版更加富有邏輯，布局更加合理。在網頁制作中使用表格具有很大的便利性，但是過多的使用表格也有弊端，會減慢網頁打開的速度，網頁中表格的循環嵌套會給整個網頁帶來巨大的負擔，瀏覽器要在下載完表格的所有內容之后，才能顯示表格內容，而在瀏覽器下載與解析的過程中，瀏覽者什么都看不到，很容易產生厭煩與暴躁心理，不利于網站點擊率的提升，因此，良好的網頁制作一般是采用表格進行定位，并且大多都是一行一行來進行設計的。

（二）使用一些 HTML 語言

要想實現網頁文字的動態顯示，使網頁內容如同跑馬燈一樣顯示，設計者可以使用一些 HTML 語言。在進行網頁制作時，設計者先要在表格中輸入一些文字，并設置好文字的大小、顏色、粗細等屬，然后選中該文字切換到代碼窗口，在文字選中狀態下進行編譯，設計者在一個文字前輸入，系統便會自動生成，只要將 移到最后一個文字后面，在預覽時，就可以看到文字從右到左移動，就像跑馬燈一樣。也可以修改編譯語句，使文字上下移動或者左右移動，還可以設置文字出現的方式，滾動速度等。

（三）在網頁中插入透明 Flash 文件

設計者如果想在網頁中插入視頻或者動畫，例如透明 Flash 文件時，可以使用Dream-weaver實現文件的插入操作，要想使文件變透明，就需要先選中已插入的 swf 影片文件，在屬性面板中點“參數”按鈕，在彈出的面板中將參數設為 wmode，將值設為transparent就可以了。

（四）網頁制作中需要注意的問題

在進行網頁制作時，一些圖片在網頁編輯狀態下可以正常打開并顯示，但是在預覽或者網頁之后就無法進行顯示，這可能是圖片的原始存儲路徑發生了問題，也可能是設計者保存時修改了文件名稱所導致的。如果發生這種情況，設計者可以將圖片存入網站對應的文件夾中，然后修改圖片的保存路徑就可以恢復正常，如果執行此操作后，網頁預覽依舊看不見圖片，往往就是因為設計者在保存時使用了中文的文件名或目錄名，這就需要修改圖片的名稱，將其名稱更改為由英文字母、數字和下劃線等符號組成的文件名或目錄名。在制作網頁時，設計者還要注意對網頁進行優化，為網頁設置合理的頁邊距，并做好網頁的字體美化工作，修改文字的字體，字號，字距及文字顏色等，從而實現更好的視覺效果，設計者還可以采用多種文字和圖片處理工具，進行圖片與文字的進一步美化，使網頁更加美觀，更加吸引瀏覽者的目光。

結語

建設一個良好的網站，不僅需要優秀的技術，還需要團隊之間協調的配合，一個團隊需要具有一定的網站建設基礎，還要掌握許多網頁編程技術和美術知識，為網站的建設與美化，網頁的設計與優化等提供堅實的基礎。進行網站建設與網頁制作，需要設計者熟練掌握編程工具的操作方法，還要深入了解與數據庫相關的知識，并能夠結合實際，對所學知識進行靈活的運用。在科學技術不斷發展的今天，相信網站建設與網頁制作工作會越來越輕松，互聯網資訊會更加豐富多彩。

參考文獻

[1]李建梅.新概念中文 DreamweaverMX 教程[M]. 北京：科海電子出版社， 2003.

篇2

關鍵詞：網頁制作；HTML；DIV ；CSS；能力培養

中圖分類號：G642 文獻標識碼：A 文章編號：1009-3044（2013）18-4271-02

隨著互聯網的迅速發展和應用日益廣泛，網頁制作技術成了當今非常流行的實用技術，《網頁制作》課程也成為各個高校廣泛開設的熱門課程。無論是對計算機相關專業還是非計算機專業的學生來說，網頁制作都成為了一門重要的計算機基礎技術課程。在大學生求職的過程中，許多用人單位也都把大學生能否掌握網頁制作的能力作為一項重要的基本技能來考核。但許多高校在教學過程中，還是采用傳統的教學模式，導致學生的學習積極性不高，實際動手能力也很弱。為了使學生能夠快速地掌握網頁的設計與制作技術，許多學者做了相關方面的教學研究工作，提出了一些新的教學方法，如：任務驅動方式教學法[1]， 將以往以傳授知識為主的傳統教學理念，轉變為以解決問題、完成任務為主的多維、互動式的教學理念；案例教學法[2]，根據教學目的和教學內容的要求，運用典型案例，將學生帶入特定事件情境中進行案例分析；由點到面—分層次教學法[3]，根據學生的個性差異及獲取知識能力的不同特點，對學生進行分層次教學等。這些新的教學方法調動了學生的學習積極性，提高了課堂教學的效果。但由于《網頁制作》是一門實踐性非常強的學科，學生的思維創新能力和實際動手操作能力仍然需要進一步的培養。根據我校多年的實驗教學經驗總結，我認為應從以下幾個主要的方面進行學生能力的培養。

1 HTML代碼編寫能力的培養

HTML（超文本標記語言）是一種專門為WWW網頁顯示及瀏覽而設計的標記語言，HTML通過標記符號來標記要顯示的網頁中的各個部分。HTML是網頁制作的基礎語言[4]，用任何網頁制作工具制作的網頁，最后生成的網頁代碼都是以HTML為基礎的，因此學會使用HTML編寫代碼文件是學習制作網頁的基礎。 雖然HTML代碼的編寫在網頁制作中的作用非常重要，但是由于HTML標記內容繁多，不易記憶，很多學生都不愿意用編寫HTML代碼的方式來制作網頁，現在有許多操作很方便的網頁制作工具如Dreamweaver CS5和以前的FrontPage等，這些軟件在制作網頁時非常直觀，所見即所得，使用方便。但是如果掌握了HTML代碼的編寫會更有利于網頁制作工具的學習，也能精確地控制頁面的排版，從而實現更多的網頁制作功能。

為了更好地培養學生HTML代碼編寫能力，我們在實驗教學中采取了以下一些較好的方法：首先對HTML標記進行分類，按標記的作用范圍可分為：文本標記；圖片標記；表格標記；超級鏈接標記；音樂及視頻、動畫標記；網頁框架標記等。按標記的單雙特性可分為：成對的標記：{...}var _gaq = _gaq || [];_gaq.push(['_setAccount', 'UA-22575914-1']);_gaq.push(['_setDomainName', '']);_gaq.push(['_trackPageview']);(function () {var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;ga.src = ('https:' == document.location.protocol ? 'ssl' : 'www') + '/ga.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);})();var _userid = '';var _siteid =691;var _istoken = 1;var _model = 'Model03'; WebPageSpeed =234; UrchinTrack();，{...}，{...}

3 網站制作綜合應用能力的培養

在學生掌握了《網頁制作》的各章知識以后，網站制作綜合應用能力的培養就變得非常重要了。因為學習了網頁制作技術不一定能做出好的網站。而本課程的教學目標之一是，要求學生能熟練地制作出一個可以的靜態網站，因此我們要對學生在網站制作綜合應用能力方面進行培養。

為了培養學生在網站制作綜合應用方面的能力，我們學校在實驗教學上花了很大的功夫，首先，所有的理論教學和實驗教學都是安排在計算機機房完成的，這就給學生提供了理論學習后立即實踐的機會。其次，為了給學生提供更好的實踐機會，我們學校建立了計算機基礎教學網，本課程的每個任課老師都建立了自己的教學網站，同時也給每個學生分配了網站空間，要求每個學生都把自己實驗作業上傳到自己的網站空間，并且要求每個學生都要建立自己的個人主頁，其主題和風格不限，主頁的內容不作統一的要求，鼓勵學生根據自己的興趣愛好，應用所學的網頁制作技術，發揚自己的創新精神，做好自己的個人網站，并將其作為期末考核的內容之一。

在網站制作綜合應用的實驗教學上，我們特地收集了一些有創意、非常有特色的優秀網站和好的網頁制作素材，拿到課堂上跟學生分享，同時跟學生一起研究討論這些素材，并將學生中做得好的網頁也拿來進行比較，提高學生的創新能力。我們還將網站的實際開發項目引入到實驗教學中，結合我們老師為其他公司開發網站的實際經驗來進行實驗教學，將真實的網站建設和網頁設計項目呈現在學生面前，從網站開發的需求分析到最后交付使用等各個環節，讓學生自己去發現問題、分析問題和解決問題，并鼓勵學生嘗試采用不同的網頁制作方法來完成項目開發，培養了學生自主學習的習慣和不斷創新的能力。

4 結束語

《網頁制作》是一門實踐性非常強的課程，實驗教學對于本課程來說非常重要。通過對實驗教學方式和內容的合理安排，進而對學生進行正確的引導，提高學生實際動手能力是非常關鍵的.本文通過實驗教學對學生在HTML代碼編寫能力、DIV+CSS網頁布局能力和網站制作綜合應用能力等方面的培養，使學生熟練掌握網頁制作的相關技術、開發和維護網站的知識與技能。通過實驗教學，完善了學生的專業知識結構，提高了學生學習的主動性和今后從事實際工作的綜合素質。也培養了學生科學的思維方法、獨立研究問題的能力和創新思維能力，取得了很好的實驗教學效果，為學生將來走向工作崗位奠定了一個良好的基礎。

參考文獻：

[1] 李建慧.網頁制作課程的教學研究與實踐[J].科學教育研究，2007（4）：124.

[2] 韓敏，李云帆.高職網頁制作課程教學探索[J].電腦知識與技術，2009，5（18）：4654-4655.

[3] 郭文龍，黃建瓊.計算機教學方法探究[J].電腦知識與技術， 2009，5（12）： 3158-3164.

[4] 陳建孝，陸錫聰，余曉春，江玉珍.網頁制作案例教程[M].北京：人民郵電出版社，2012.

篇3

關鍵詞：網頁制作 項目教學法 計算機教學

中圖分類號： G718 文獻標識碼： C 文章編號：1672-1578（2012)04-0224-02

隨著現代科學技術的迅猛發展，計算機網絡及應用越來越廣泛，許多企事業單位都建有自己的網站，計算機網頁設計正成為一個很熱門的行業，網頁制作已是中等職業學校計算機專業學生的一門必須課程。為了讓學生更好地掌握網頁設計的方法和技巧，提高學生的動手能力，筆者通過多年來從事網頁制作課程的教學工作，總結出一些實際教學經驗與體會，與大家一起探討。

1 根據課程特點，合理設置課程

網頁制作這門課程涉及的內容較多，因此需要學生學很多相關方面的知識，如Html基本知識，Photoshop知識，Flash知識。如果學生剛一進校在沒有任何基礎的情況下就學網頁制作，不設相關的基礎課程，這樣學生直接上這門課會覺得課程很難從而失去信心，教師教這門課也比較痛苦。為此，我們對整個專業的課程設置做了一定的調整，第一學期先開設Photoshop圖像處理和Flas制作這兩門課程，第二學期再開設網頁制作課。在圖像處理課程中，掌握PhotoShop軟件的應用，為網頁中的圖像處理和網站的整體布局打好基礎；同時在動畫制作課程中，掌握Flash軟件的使用，通過網頁中插入動畫，使網頁更加生動，更有吸引力。筆者認為沒有這兩門課程做鋪墊，學生即使熟練掌握了DreamWeaver這一軟件的應用，也無法完成一個靜態網站的建設。何況從近幾年的全國計算機技能操作大賽來看，不僅僅要求學生掌握靜態網站的制作，還要掌握動態網站的設計，那要求的基礎知識就要更多更廣泛一些，要掌握HTML語言、腳本語言、數據庫基礎知識，還要具備一定的程序調試能力。因此我們要根據該課程的特點結合中等職業學校學生的實際情況，有計劃、有目的的設置專業教學計劃、課程計劃，合理安排教學內容。

2 引入項目教學法

網頁制作是一門綜合性和實踐性都很強的課程。與其他課程的教學相比，本課程無論是教學內容還是教學方法上都有其獨特之處。如果教師還單一地采用傳統教學模式——“教師講解，學生模仿”來進行教學活動，是遠遠不夠的。按照這樣的方法教學，一堂課下來學生只會做教師教的，不會融會貫通，學生的學習興趣得不到激發，創新意識也得不到培養和開發。因此為了提高學生的專業技能和改變以前的教學情況，我們采用了“項目教學法”進行教學。

在設計“項目”時，要注意學生的特點與知識接受能力的差異，充分考慮學生的現有基礎、認知能力和興趣等。網站建設作為整體項目可細分為多個子項目。例如到學期結束，學生必須完成一個大的項目，我們就選擇“企業網站制作”作為本次項目教學活動的課題，按照項目教學法，將教學過程劃分成以下幾個步驟。

2.1分組

在先學生自愿組合、后教師調配安排下對全班同學進行分組，4-5人一組，采取組長負責制，由組長統籌安排其組員的分工。

2.2規劃網站

在制作網站前，給學生介紹演示不同行業的企業網站，要求學生在瀏覽網站的同時，總結企業網的特點，如欄目設置、布局安排等，并把自己的心得介紹給老師和同學，這樣不但能提高學生的學習興趣，而且為引入項目教學法做好了鋪墊。課前讓學生利用雙休日的時間，分成小組走進企業，進行網站需求的調查，并收集有關企業素材。課堂上讓學生結合各自調查情況，制定好一份初步計劃書，確定網站主題。

2.3細化任務。分工合作

在分組時教師已經把握好學生的層次和特長了，因此在小組分工時要根據網站的具體要求，精心組織教學內容，由組長進行網站總體的策劃，把整個項目分成不同層次的子任務， 每個任務分配到小組成員中，使他們各盡其責完成自己負責的任務。

2.4實施項目

學生確定各自在小組內的分工及小組成員間合作形式后，按照已確定的方案進入具體的企業網站制作，包括主頁設計、網站排版、圖片的處理等。在這個過程中，學生必然會碰到許多新問題，此時教師就可以把問題集中起來，要求各小組在回答問題時充分發表意見，同學間可以互相幫助，教師根據學生的掌握情況進行及時補充，對學生在應用上有困難的地方，教師要提供給他們解決問題的方法，讓班上絕大多數學生能完成基本的教學內容。

2.5小組成果展示

網站制作結束前，經過教師核準驗收后，可以宣布整個項目工作結束。接下來教師要對學生制作的作品進行展示，在進行作品展示時，教師可以把班級同學集中起來一起觀摩，這樣會更加促進學生的團隊意識。同時，為了更好地利用網絡資源，可以把學生的好作品上傳到校園網站，讓全校師生都來關注學生的成果。這樣能激發學生的學習動力與興趣，讓學生享受成功的快樂，真正提高對所學知識的理解和掌握。

2.6評估總結

學生在完成網站設計后，教師要求他們進行網站的自評、互評。這個過程可以與成果展示同時進行，并且最好是以大班教學方式進行，也就是把幾個班的同學集中在一起上課、交流。學生對各自網站自評，不僅有利于學生的自主學習，而且可以改進課程或教學的設計；學生互評，讓學生對學習成果進行共享，從學生的角度發現問題以及提出改進意見。最后教師對各項目組的網站進行綜合評價，這一工作是最主要的。教師在評價學生網站時，不能只進行優劣評價，而應該指出問題所在，給出具體改進及修改建議等，讓學生去完善網站。

實踐證明項目式教學方法可行，它得到了學生的喜愛與好評，也取得了良好的教學效果。

3 開展多種實踐，提高專業技能

只有學生多實踐才會掌握專業技能，因此除了課堂上開展正常的項目訓練外，還要有計劃、有實質性內容的開展一些課外實踐活動。筆者要求每位學生用學到的網頁知識通過網上免費的個人空間或博客，制作一個個人網站，并經常進行各種比賽，如班級網站比賽，展示班級風采，對優秀網站進行獎勵，并上傳到校園網上展示。對于優秀的學生鼓勵他們參加校外各類大賽如省市中職學校技能比賽、文化藝術節比賽、全國中小學電腦制作活動網頁制作項目比賽等，通過參加比賽活動，使學生的才華得以展現，創新能力得到培養。另外成立網頁制作興趣小組，平時多加以輔導，以分工合作的形式，定一個主題，自行參考各種資料、收集素材，模仿他人優秀網站作品或自行設計創作一些網站，以此來鍛煉學生的綜合應用能力和分析問題、解決問題能力。通過不斷的實踐，使學生基本上都能熟練地掌握網頁制作方法，為以后畢業就業從事網頁設計方面的工作做好鋪墊。

4 不斷更新知識，提高教師專業水平

計算機專業是一門更新很快的學科，教師的專業技能往往決定著所教學生的水平，如果教師專業知識不更新，就不知道很多新技術在這個領域中的運用，如現在網頁制作網頁的結構很多采用DIV+CSS布局，如果我們很多教師只會用表格布局就相當落后了，培養的學生出去也不適應這個行業，再如，多年前用ASP語言做動態網頁設計，現在表明ASP在安全性方面存在著很多問題，我們教師要學習現在流行的JSP 、PHP、語言了。因此學校可采用脫產培訓，寒暑假集訓的方式，組織教師進行“雙師型”學習或研修，有針對性地更新或拓寬專業知識。同時，有計劃地選送教師到企業實踐培訓，走進社會，了解企業，提供給教師將理論與實踐結合的機會。積極鼓勵教師參加各類計算機技能大賽，提高教師的實際操作能力。

總之，網頁制作課程是一門實踐性非常強的課程，如何提高本門課程的教學質量方法多種多樣，只要在教學實踐中不斷探索，不斷創新，一定會尋找出一條既符合實際又有效的途徑，使學生真正掌握網頁制作這門技術，為今后的工作奠定良好的基礎。

參考文獻：

[1]王棟松．在計算機課程教學中開展項目教學法的研究[J]．職業教育研究，2005(11)．

[2]楊曉明．《網頁制作》課程教學改革的探索與研究[J]．甘肅聯合大學學報，2008(3)．

篇4

1.以就業為導向的網頁設計與制作課堂的教學

1.1網頁設計與制作課程的內容與特點

網頁版面的規劃設計與制作方法是網頁設計與制作主要設計的內容，在計算機應用中網頁設計與制作只是其中的一個分支。學生可以通過學習網頁設計與制作學會基本技能，用來進行網頁美化、網頁設計與網頁制作。網頁設計與制作作為一門課程有一定的技術性，同時它所具有的藝術性也很強，學生會因為課程豐富的內容和涉及到多方面的知識而獲取生存技能，同時學生的藝術氣息也會受到培養。因此學生自身要有較高的綜合素質才能學習這門課程。

1.2以就業為導向的課程體系設置目標

就業是目前網頁設計課程的設計導向。市場需求是這種體系的前提，課程設置以就業為先決條件，職業中所需要的技能在課程設置中都能找到相對應的內容，學生有明確的就業方向在畢業之后。課程設置決定于崗位需求，課程內容緊密聯系實際需要，在就業趨勢上充分體現了“能力本位”。網頁設計為與市場相連接應該構建一套課程體系，課堂體系的本位應該是培養能力、主線是進行實踐操作并且能夠順應經濟社會的發展。這套課程體系歸納總結了網頁設計師在實際中的應用，不同的模塊在教學中被設立用來進行學生的訓練，對于教學中的知識點學生可以通過模擬訓練來熟練掌握。

2.大學文科專業開展網頁設計與制作課程的必要性

當今社會已經普遍應用了計算機和互聯網，各企業和單位也越來越重視自身網站的建設，因此基本的網站制作技能是每個專業的學生都應該具備的。互聯網背后運作被網頁設計展現在大學生面前，對于這些文科生中的很多人都是聞所未聞的。因此，文科生會或多或少的存在一些困難在網頁制作的學習中。文科生與理科生相比有比較活躍的思維，對文字更善于表達。如果對于計算機技能文科生能夠快速的掌握，結合自己的知識背景和現代計算機來滿足市場上的各種職業要求，那么他們的就業優勢在同一競爭環境中就會比較突出。所以開展網頁設計與制作課程十分必要。

3.以就業為導向的大學文科網頁設計與制作課程體系構建策略

3.1優化課程內容設計，引入新的教學方法

在文科占較大比重的綜合性大學中，學生因專業的不同需要掌握不同的計算機技術。因此，高校應該根據不同的張揚對計算機課程進行不同的設置。理論與實踐緊密相連是網頁設計與制作課堂的基本特征，沒有清晰的劃分界限在理論與實踐之間。本文提出了一些建議與意見在教學方法上用來實現教學效果的最優化。

3.1.1模擬任務法，課堂教學結合實際操作。

教師在教學活動中可以把課堂假設成工作環境，模擬演練制作任務，一邊把如何操作演示給學生，一邊向學生進行講解，學生則可以邊聽邊做。學生在這樣的講練過程中很容易被激發出興趣，這種以學生為主的課堂可以提高學生發現問題、分析問題和解決問題的能力。

3.1.2實際案例分析法。

教師在課堂中引入典型的分類網站，為學生在課堂上做展示，對這些網站的內容分類、布局結構及技術特點進行分析討論。通過實際案例對教材中的知識點進行解釋說明，使學生的創新思維在實踐教學中得到培養，團隊合作能力得到鍛煉。

4.項目驅動的專題教學模式創新

4.1對教學項目進行合適的選擇，開發進度表的制定要細化。

優秀的教學項目對學生的積極性能起到充分的調動作用，學生會由“要我學”的學習態度逐漸轉變為“我要學”。對于教學內容與實際案例的結合教師在備課時應該進行充分的考慮，選擇的網絡項目應該略具挑戰性、有較廣的覆蓋范圍。

4.2為了促進網頁設計課程的創新引入專題教學模式。

篇5

1以就業為導向的網頁設計與制作課程教學

網頁設計與制作課程的內容與特點網頁設計與制作是計算機應用的一個分支，主要涉及網頁版面的規劃設計與制作方法。這里所闡述的主要是Dreamweaver是如何使用的，并結合HTML語言講述靜態網頁的制作過程以及簡要介紹如何制作動態網頁。通過對網頁設計與制作的學習，學生可以掌握網頁設計、網頁美化以及網頁制作的基本技能。網頁設計與制作是一門技術性課程，但是也具有很強的藝術性，課程內容豐富，涉及面廣，使學生在獲取生存技能的同時也培養了藝術氣息。因此，課程的學習要求學生具有較高的綜合素質。以就業為導向的課程體系設置目標目前，網頁設計的課程設計是以就業為導向的。這種課程體系以市場需求為提前，就業目標是課程設置的先決條件，職業中所需要的技能都能夠找到相應的課程設置，學生畢業后的就業方向明確。崗位需求決定課程設置，課程內容與實際需要緊密相連，這充分體現了“能力本位”的就業趨勢。專業化課程與個人的職業生涯息息相關，明確的就業方向解決了學生“畢業即失業”的尷尬局面。為與市場相連接，針對網頁設計構建一套“以能力培養為本位、以動手操作實踐為主線、最終構建順應經濟社會發展的課程體系”。這套課程體系將網頁設計師在實際中的應用進行歸納總結，在教學時設立不同的模塊進行訓練，有組織有重點，讓學生通過模擬訓練掌握相應的知識點。相比理科專業，文科專業有著不同的專業特征、職業定位以及職業能力結構體系。如包含人文系、歷史系、經管系在內的文科專業，大多具有自身獨特的職業特征與能力要求。這就要求高校文科專業在進行網頁設計與制作課程體系構建時，必須充分結合高校文科專業的特色，從其就業方向及職業能力需求出發。

2大學文科專業開展網頁設計與制作課程的必要性

隨著計算機和互聯網的普遍應用，各企業和各單位對自身的網站建設越來越重視，網頁制作的人才也就逐漸供不應求。現如今，網頁制作與網頁設計已成為高校學生的熱門選修專業，每個專業的學生都需要具備基本的網站制作技能，網頁設計與制作這一課程也已成為高等院校文科專業計算機教程的主要科目之一。互聯網已經深入現代人的日常生活中，尤其是當代大學生，通過互聯網獲取各種信息已成為他們學習的主要手段。網頁設計將互聯網的背后運作展現在他們面前，很大一部分文科生對這些是聞所未聞的。因此，在一定程度上，文科生的網頁制作學習會存在或多或少的困難。但與理科生的背景知識、計算機技術等優勢相比，文科生的思維比較活躍，善于文字表達。如果文科生能夠快速掌握計算機技能，將自己的知識背景與現代計算機相結合，滿足市場的職業要求，那么在同一競爭環境中，他們的就業優勢就會比較突出。所以，對于那些文科生占較大比重的綜合性大學而言，為增加畢業生的就業籌碼，在課程體系中加入網頁設計與制作就是十分有必要的了。

3基于就業導向的大學文科網頁設計與制作課程體系構建策略

結合學生不同的專業，優化課程內容設計在以文科生為主力軍的綜合性大學中，不同專業的學生需要掌握的計算機技術是不同的。因此，各高校要根據專業的不同設置不同的計算機課程。基于就業導向，引入新的網頁設計與制作課程的教學方法網頁設計與制作這一課程的基本特征是理論和實踐緊密相連，課堂教學與實際操作是一體化的，理論與實踐沒有清晰的界限劃分。為了使教學效果最優化，本文提出一些對教學方法的建議與意見。

1）模擬任務法，課堂教學與實際操練相結合。在教學活動中，教師模擬一個制作任務，將課堂氛圍假設為實際工作環境，教師可以將制作任務分為若干個子任務進行模擬演練，一邊為學生演示如何操作，一邊講解，學生邊聽邊做。這樣的講練結合過程極大地激發了學生的學習興趣，課堂是以學生為主的，他們發現問題、分析問題、解決問題的能力得到有效提高，既學到了知識，又鍛煉了能力。

2）實際案例分析法。教師可以將典型的分類網站引入到實際課堂中，在課上為學生做展示，分析并討論這些網站的布局結構、內容分類以及技術特點。教材中的主要知識點要通過實際案例解釋說明，在實踐教學中培養學生的創新思維，鍛煉他們的團隊合作能力。有效利用多媒體、互聯網等現代教育手段，采取第一課堂和第二課堂、產學研相互結合的人才培養模式。項目驅動的專題教學模式創新一是選擇合適的教學項目，制定細化的開發進度表。一個優秀的教學項目可以充分調動學生的積極性，學生的學習態度也會由“要我學”向“我要學”逐漸轉變。教師在備課時要充分考慮教學內容與實際案例的充分結合，選擇一些略具挑戰性、覆蓋范圍廣的網絡項目，這些項目是教學過程的中軸線，所有活動的展開都是以中軸線為標準的。二是引入專題教學模式，促進網頁設計課程創新。完成一項網絡任務的過程一般包括確定主題、收集并整理有關資料、選擇風格、設計LOGO、編排網頁的布局結構、確定配色方案、自定義網絡樣式、制作網絡主頁、制作各個分頁、對網站進行測試、最終對外公布。教師需要將網絡制作的這些過程與教學大綱緊密結合，收集整理并設計制作與實際情況相符的教學專題。教師在設計教學專題時應秉承以下幾個原則：

1）盡量與教材中的主要知識點相結合；

2）尋找不同的教學案例，全方面、多角度滿足學生的學習需求；

3）關注當前熱點，緊跟時代潮流，網頁制作技術要與時俱進；

4）把握學生對知識的接受與消化能力，精心設計課程，先易后難；

5）要從整體出發考慮專題的選擇，每個專題之間都是環環相扣的，前后銜接之后才能出色地完成一個網站項目。

4結語

篇6

關鍵詞： 動作補間動畫 教學設計 任務驅動 金蘋果定律

一、教材分析及處理

《動作補間動畫》是我校五年制高職計算機網絡技術專業網站制作方向的專業基礎課《FlashCS3中文版動畫制作基礎》的§5.3中的內容。是繼“逐幀動畫”“形狀補間動畫”之后學習的又一種動畫形式，是Flash中非常重要的基礎內容，后續的圖層動畫都是以它為基礎的。

教材采用的案例雖然典型，但相互之間沒有關聯，深度不能滿足三年級學生的認知需求，故新設計了一個完整的動畫項目《金蘋果定律》進行輔助教學。

二、學情分析

教學對象是五年制高職三年級學生，已有元件、圖層、逐幀動畫、形狀補間動畫等知識基礎，多數同學對動畫制作興趣濃厚，喜歡嘗試和摸索，對本課采用探究法進行教學十分有利。學生對網絡已能較熟練地進行應用，沒有美工基礎，創新思維能力薄弱，部分學生對復雜動畫制作缺少耐心。

三、教學目標分析

本課旨在讓學生學會運用動作補間技術制作動畫的方法，在知識、能力、情感三個維度達到如下教學目標。

1.知識目標。

·明白動作補間動畫的制作原理與制作要領；

·在制作中體會它的多種運用形式與應用技巧。

2.能力目標。

·學會并能熟練運用動作補間；

·能夠在作品中加上自己的創意。

3.情感目標。

·培養小組協作、探究學習的意識，提高發現問題、解決問題的能力，不斷推敲和完善的制作理念。

·教育學生要敢于面對挫折，讓它變成摘取碩果的基石。

四、教法與學法分析

在任務驅動下采用探究法完成整個動畫制作，對“小球運動”實例通過演示講解和提示，說明原理、了解動作補間的多種應用形式。在場景三教學中找出突破難點途徑，在場景四教學中啟迪創意時采用小組討論法，調動學生學習的主動性，引導學生在做中學，學中做。

本課引導學生通過自主探究、小組協作、觀察、討論等學習方法完成整個動畫的制作，從而達到提高學生發現問題、解決問題的能力的目的。

五、課前準備

學生通過ftp下載“金蘋果定律.swf”，各場景動畫的播放文件，“碩思閃客精靈”反編譯軟件，評分表，以及電子板書。

六、教學過程

本節內容用《金蘋果定律》這個完整的動畫項目來組織教學，用時4課時，分成3個子項目，課前要求學生預習制作教材98頁“游戲山水”案例，讓學生對動作補間動畫有個初步的認識。

第一課時：子項目一——場景一制作

1.創設情境，呈現目標，幫助學生形成學習動機。

展示教學目標：“金蘋果定律”動畫，告訴學生參照范例用“動作補間”來完成這個動畫的制作，向學生說明教學安排，讓學生對教學任務有個總體概念。以什么是“動作補間動畫”提問完成導入。

2.演示講解：小球運動制作——快速掌握動作補間制作原理。

用小球位置移動這一實例，使用多媒體廣播系統演示其制作方法，提出問題引導學生思考，并與逐幀動畫、形狀補間動畫對比，以列表的形式展示說明三者之間的區別，對學生預習過程當中存在的問題進行答疑解惑，讓學生在制作中達成“明白動作補間動畫的制作原理與要領”的教學目標。

3.自主探究：場景一制作。

學生先從ftp中得獲取《金蘋果定律》動畫的素材，借助“碩思閃客精靈”工具軟件將動畫的播放文件反編譯成原文件，利用“導入外部庫”的方法就可使用其庫元件了。這一軟件能方便學生課后上網下載動畫進行破解制作，拓展了學生學習的方法和途徑，給了學生更廣闊的學習空間。

場景一雖然采用的是位置移動這一簡單原理設計，但是在圖層對象配合，時間結點的銜接上稍有深度，但并不很難，學生經過推敲能夠制作出來。不僅可以讓學生在運用中深入學習和提高，更可以讓學生加深對原理與要點的理解。

第二課時：子項目二——場景二、四制作

1.結合創意自主探究場景二制作。

第二課時，主要任務是完成場景二、四的制作，這兩個場景的制作都不難，設計時主要考慮培養學生的創新意識。老師只需稍加提示，讓學生自由發揮，做出許多花樣。通過點評，參看別人的制作樣式，啟迪創意，累積經驗和技巧。

2.自主設計場景四。

有了場景一、二的制作基礎，學生對動作補間的制作方法已經掌握，但是缺乏創意。基于這種情況，老師創設啟迪學生創意的討論情境來幫助學生解決這一問題：可用成功小人追蘋果說明道理，也可用蘋果從挫折人手中拋出說明道理……打開了學生靈感的閘門。學生你一言我一語，產生了很多好的創意。學生邊自己做邊看別人是怎么做的，相互借鑒和參考，最終完成自己的創作。最后，老師選擇幾個獨具特色的作品進行欣賞，開闊學生視野，激發學生學習動畫的自信心和創作熱情。讓一堂原本平淡的課變得生動起來，讓學生在制作中感受互相學習帶來的輕松與快樂。從而達到“能夠在作品中加上自己創意”這一能力目標，以及敢于面對挫折，才能最終取得成功的情感目標。

第三、四課時：子項目三——場景三制作。

第3、4課時的任務是制作場景三，這個場景制難點在于各圖層對象動作的配合、時間結點的銜接上存在難度。先召集小組進行討論，然后小組派代表說明討論結果，老師和學生一起總結規律。最后，理清制作思路，明確關鍵幀創建的結點。不僅鍛煉了學生的邏輯思維能力，而且鍛煉了學生的語言表達及交流的能力。

找到了突破難點的途徑，又有場景一制作的鋪墊，學生自行制作。對制作中出現的問題小組成員一起探討解決，教師針對學生制作中普遍出現的問題或沒注意到的問題通過廣播給予必要的講解和提示。最后，展示幾個學生的作品給予點評，并對不足的地方進行完善。這樣，學生在反復推敲、摸索修改中完成作品，將這一難點真正得以突破，達到熟練運用動作補間，以及培養小組協作、探究學習的意識，提高發現問題、解決問題的能力這兩個教學目標。

學生完成上述任務后，調整場景順序，測試動畫，自評打分，小組測評打分，每小組推薦一個最好的作品全班共評，最后將作品及評分結果保存上傳。

七、課后提升

要求學生上網瀏覽更多的flash作品，激發靈感，搜集有關“環保”或“生命安全”的素材，自主設計制作一個有關“環保”或“生命安全”的動畫。通過115網絡硬盤提交，供同學互相欣賞，相互學習，教師審核檢查。對于該項目的成績評定以課堂作業50分與課后拓展作業50分計量。目的在于鞏固所學知識，拓展思維、促進知識的遷移，提高獨立設計的能力。

八、教學反思

1.本課打破傳統教學模式的束縛，借助課件，以項目為核心，任務為驅動，大膽采用探究法組織教學，將做與學有機結合，更調動了學生學習的主動性，充分體現了創新教育的開放性和探索性。

2.將課堂教學向課前課后雙向延伸，全方位調動學生學習的積極性與主動性，注重培養學生創新能力；給學生適當的時間進行自主設計，體現了教學的層次性與創新性。

篇7

1廣告公司常用的平面設計軟件

（1）Photoshop軟件：Photoshop主要處理以像素所構成的數字圖像。使用其眾多的編修與繪圖工具，可以有效地進行圖片編輯工作。ps有很多功能，在圖像、圖形、文字、視頻、出版等各方面都有涉及。（2）PageMaker軟件：PageMaker軟件是一款非常流行的排版軟件，其長處就在于能處理大段長篇的文字及字符，并且可以處理多個頁面，能進行頁面編頁碼及頁面合訂學習排版的設計的最基本原則、使用的技巧和方法，對于快捷鍵和工具箱的使用，對于各個菜單功能鍵和操作使用的技巧，宣傳頁、出版書籍、出片輸出的注意事項，和對報紙雜志的專業排版的制作方法掌握。（3）llustrator軟件：Adobeillustrator是一種應用于出版、多媒體和在線圖像的工業標準矢量插畫的軟件，作為一款非常好的圖片處理工具，AdobeIllustrator廣泛應用于印刷出版、海報書籍排版、專業插畫、多媒體圖像處理和互聯網頁面的制作等，也可以為線稿提供較高的精度和控制，適合生產任何小型設計到大型的復雜項目。（4）Freehand軟件：Freehand是Adobe公司軟件中的一員，簡稱FH，是一個功能強大的平面矢量圖形設計軟件，無論要做廣告創意、作書籍海報、機械制圖、還是要繪制建筑藍圖，Freehand都是一件強大、實用而又靈活的利器。（5）CorelDraw軟件：CorelDRAWGraphicsSuite是加拿大Corel公司的平面設計軟件；該軟件是Corel公司出品的矢量圖形制作工具軟件，這個圖形工具給設計師提供了矢量動畫、頁面設計、網站制作、位圖編輯和網頁動畫等多種功能。通過使用CorelDRAW軟件，全方位的設計到現有的設計方案當中，制作的矢量插圖與圖像設計，能夠出色地設計出公司的logo、海報、手冊和一些包裝產品等等。

2廣告創意設計對設計者的要求

廣告設計者的設計必須要有目的性、規劃性。對于平面設計首先是通過消費者的視覺來進行傳播廣告的設計，與此同時必須通過視覺的享受向消費者表達廣告所要表達的信息。對于怎樣設計一個好的廣告除了靈感之外，還必須要極為準確地將廣告的賣點信息表達出來，這樣才符合企業的的要求。用于印刷廣告，如果空間概念來劃分，然后，是指當前的長度，寬度和各種廣告媒體的廣告傳達視覺信息的二維的形態;如果生產方法的定義，可分為印刷類，非印刷類和光電三種形式;如果從使用場所限定，可分為室外，室內和三種形式可以是便攜式的;如果從設計的角度來看，它包含了一個副本，圖形，線條，色彩，所有的舞蹈元素。平面廣告傳達的信息簡潔明了，能瞬間與人聯系起來，從而成為廣告的主要手段之一。在創作和表演的圖形設計要求是指集中象征，一個優秀的圖形設計，新穎的時代感十足，并具有獨特的設計，表現手法和感情。如何設計一個好的廣告，廣告向消費者傳達的視覺信息起著決定性的作用是廣告策劃的一個組成部分，從而使廣告更加深化規劃方案，使視覺更豐富的代表性吸引力。廣告的最終目標是，達到廣告的最終利益，廣告設計質量，主要是廣告設計師，是否有一個好主意。就目前而言，對于廣告設計的首要任務就是根據商家的營銷目標和能否達到要求，設計的廣告能否達到效益，這是至關重要的，設計師要抓住消費者的眼球，準確將廣告所要表現的信息全部呈現出來，這要才能有助于企業推銷自己的的產品形象和企業的形象。平面廣告設計作品的好和壞不能拿個人視覺的“好看”與“不好看”來評定，真正好的作品要看能夠起到哪些廣告效應，而不是整體版面的美觀度，版面的美觀度是衡量一份作品好與壞的，尤其是微小的一部分。對于平面廣告的設計構成主要有點線面三個方面構成的。設計出的優秀的產品平面廣告作品，是由點線面三個方面貫穿融合組成。與此同時不失大體，很適合大眾的品味。也可以簡單的說是圖片和文案之間的組合，這種組合是簡潔的，以便達到設計者的要求和需求者的需求。

3總結