第一篇：淺談網頁設計課程教學

淺談網頁設計課程教學

摘要：網頁設計課程是計算機和藝術的交叉學科課程，應注重將技術和藝術相結合起來進行教學。本文針對“網頁設計 ”課程的特點，結合實踐應用，闡述在教學方面的一些體會。

關鍵詞：網頁設計，教學方法

Abstract: website design course is a cross computer science and artistry course, it is need to combine teaching methods of these subjects.this paper is to base on the feature of “website design” course and practice , to give some opinion about teaching.Key words : website design, a teaching method

一、引言

《網頁設計》課程是職業院校計算機類專業及電子商務專業的一門專業課程，也是一門實踐性很強的職業技術課程。由于《網頁設計》課程實踐性和更新性很強，該課程如果采用傳統的教學方式，那結果是不理想的。在這里結合自身的實際經驗，談談網頁設計課程的教學。

二、教學策略

1．課程特點

網頁設計課程是計算機和藝術的交叉學科課程。在教學過程中，除了要求學生掌握基本的技術外，也必須對藝術設計有一定的了解。網頁設計應注重技術和藝術的統一性。在進行網頁設計時，應考慮網站的總體結構，風格定位，色彩的應用，版式的設計等方面的因素，力求形式與內容的統一，讓網頁的顯示達到快捷，美觀的視覺效果。

2．教學方案

要設計一個好的網頁作品，首要的因素不是創新，而是“用戶體驗”，第一步應該站在用戶的角度去考慮設計方案，所有的形象風格都必須服從主題，服務用戶。這就對網頁的整體形象有了較高的要求，整體形象包括版式設計，色彩的應用，logo設計，素材設計，廣告設計，web圖像設計及優化，交互方式等等。在教學時，我們可以結合實際，要求學生從版式布局設計和網頁元素的處理及色彩搭配三方面著手，歸納如下：

（1）版式設計

網頁的美感來源于網頁的版式設計，它突出了網頁設計的藝術性和個性，屬于網頁的藝術設計，好的版式設計會使得網頁顯得更具有美感和創意。網頁的版式設計是基于內容的，應該從實用性和藝術性考慮。網頁內容一定要主次分明，中心突出；導航要清晰；可以圖文并茂，是網頁顯得生動和活躍。除此以外，網頁的版式設計要符合統一、分割的原則。統一即指整個網站版式風格的統一性、整體性；分割即指要科學的劃分整個頁面。

網頁的版式設計主要是表格、層等技術的應用。表格是一種最簡單的布局手法，它可以將圖像和文字做最恰當的編排，達到清晰易懂的效果。層（div）的布局，是現在正當流行的排版手法，它主要應用相對位置等的關系進行準確定位，再加上層疊樣式表的輔助，突出了它對網頁的設計具有可擴展的優勢。

文字是網頁內容的主要載體，所以文字的視覺效果在版式設計中也起著關鍵的作用。文字的設置可以分為字體、大小、顏色、行距等，通過這些屬性設置，使文字排列得整體和美觀。但要注意的是中文字體和英文等其他字體的設置，是有一定區別的。英文的字體有很多的選擇，但中文的正文字，總的來說，就兩種：宋體和黑體。在傳統的版式設計中，大家都還是傾向于英文的排版，從視覺上來看，英文字體更有韻律性，因為每個字母本身高矮不一致；但是中文字體相對來說，就顯得單調和獨立些，所以在設計時，這兩種文字要作不同的處理。另外，也不要選擇一些非常特殊的字體，除非用戶的瀏覽器認識這些特殊字體，否則將會出現亂碼。如果遇到非要使用特殊字體的情況，可將文字轉換成圖片再將其應用。對于字號而言，單位應采用em，而不是px，這點在使用層疊樣式表（css）時尤為重要，還要注意的是em和px是有差別的，所以在使用的時候也要對上號，否則也達不到預先的視覺效果。文字一行的字數最好不超過50字，首頁的標題在10-20字為佳；行距一般使用的是20-22像素的行距，這樣使得整個的文字內容部分不會顯得太緊湊或者太松散。文字的整體排列一般有四種基本形式：兩端對齊、居中對齊、左對齊或右對齊、圖文環繞排列。在整個網頁版式設計中，標題文字的設計原則應該是“醒目而不夸張”。

導航欄的設計在網頁設計中也很重要，它對整個網站內容有提綱和導航的作用，在設計的時候，要注意首先導航欄的風格也要和整個網頁風格保持統一，另外最好采用文字，因為網絡的速度可能會影響圖片的正常下載；不過現在flash按鈕的導航欄已經成為時尚，它可以實現豐富的動感效果。

（2）網頁元素的處理

網頁元素包括logo、按鈕、圖片、動畫、聲音、banner等。在網頁中包含這些對象時要注意的有：首先是logo的設計，logo代表了整個網站或者企業的文化，一個有特色、具有視覺沖擊力的logo，可以直接影響瀏覽者對網站的判斷，給瀏覽者留下記憶深刻的印象。其次，要確保網頁上的每一個元素都有存在的必要性，不要使用冗余的技術和內容；再次，要保持形式和內容的統一；最后，要盡量的使網頁具有快捷性。對于網頁的特效技術，最好采用javascript或css技術來實現。

（3）色彩的處理

并非所有的顏色都能應用于網頁，網頁中的顏色會受到硬件、瀏覽器等的影響，即使網頁中使用了非常合理、非常漂亮的配色方案，每一位用戶所看到的效果也不一定相同。所以，最好使用使用網頁安全色來避免和解決這種問題。網頁安全色是指在不同的硬件環境和軟件環境下都能在瀏覽器上正常顯示的顏色，并且現顯示的效果都一樣，不會出現失真的現象。在頁面設計中，整個網頁的色彩種類最好不要超過3種，一種或者兩種主體色，其他為輔助色。顏色種類太多，會讓人覺得很雜亂。另外，文字內容和網頁的背景顏色的對比要做到突出，比如：背景為深色，則文字的顏色可以選取淺色調；背景為淺色時，文字顏色就應該深些；這種深淺的變化在色彩學中稱為“明度變化“。比如有些主頁，背景色和文字顏色都采用的是深色，由于色彩的明度較近，所以瀏覽者來瀏覽閱讀的時候，會感覺吃力，從而影響閱讀；但是色彩的明度變化也不能太大，明度變化大會導致亮度的反差強，讓人覺得很刺眼，同樣會影響整個網頁的視覺效果。在進行顏色搭配時，還要注意的是：第一，采用的顏色應具有聯想性，不同的色彩會產生不同的聯想，所以色彩的選取也要和網頁的內涵有關。第二，色彩的合理性。根據網頁的主題的不同，選取相應的色彩，比如紅色，可以體現出網站的熱情和喜慶；藍色可體現出科技的氣息等。第三，色彩要有鮮明性，這個才能給瀏覽者深刻的印象，并有耳目一新的感覺。

（4）網頁賞析

在教學過程中對學生的引導是非常重要的，設計網頁得多看多學，網頁設計的技術和風格在日新月異地變化，所以在提高學生設計技術的同時，還要多培養學生的審美能力，知道怎么設計才是一個好的網頁。創建網頁是一個不斷學習的過程，在看一個網站的時候，找到這個網站的優點缺點，注意哪些是可以借鑒的，哪些是需要避免的，在看的同時，可以看些成熟的網站，也可以看些成長中的作品，在同期的比較中，也有助于自身的提高。另外，鼓勵學生看源文件，了解某些效果是如果實現的，在效仿的同時進行改進和創新。

（5）考核方式

網頁設計課程的考核應該打破傳統的考試方式，建議采用機考的方式，學生通過一學期的學習，應能自行設計各種網頁，熟練掌握其基本制作方法和技巧，在規定的時間內設計網 頁。這也是一種對提高學生動能能力的一種鞭策方法。

三、結束語

在網頁設計課程教學中，應當充分認識到網頁設計課程的特點，結合實際，采取相應的教學措施和方法完成教學任務，以達到良好的教學效果。對于信息科技迅猛的發展今天，必須摒棄陳舊的教學理念，及時提高自身的專業水平，完善自身的教學理念，尋找更好的教學方法，激發學生的學習興趣，培養學生追求新知的能力和動手實踐的能力，從而達到學以致用的效果。

參考資料： 田博文，《Dreamweaver8基礎培訓教程》，人民郵電出版社，2007年2月

孫素華，<< Dreamweaverms2004完美網頁設計>>，中國青年出版社，2005年10月

第二篇：網頁設計課程的教學反思

精彩的“陷阱”是成功的一半

《網頁設計之div盒子的定位》教學反思

Div盒子模型是CSS控制頁面時一個十分重要的知識點，其定位方法則是重中之重。學生在掌握了盒子模型的概念、組成、作用等基本知識之后，就面臨著如何在頁面中為各盒子進行合理的排版，以實現豐富的頁面效果的實際需求。本節課圍繞該問題而展開，以任務驅動的形式帶領學生在不斷地發現問題，分析問題，解決問題的過程中，體驗兩種不同的定位法為div盒子排版所帶來的神奇變化。

課程開始時，我便和學生一起，結合上次課某學生的課堂作品文件，對div盒子的基礎知識做簡要的回顧，同時引導大家在該“問題作品”文件中尋找不足，即所有盒子都是按照標準流的方式，在瀏覽器窗口中由上而下依次排列。而實際上這種排列方式有其局限性，會導致網頁頁面效果“刻板”，且浪費頁面空間。此時，我再打開一份已經過合理定位后的同作品文件，讓學生注意觀察，該文件中各盒子的排列已經發生了巨大變化，整個頁面已變得十分美觀。通過這種導入方法，讓學生在發現自己的作品中存在問題的同時，又欣賞到了定位之后的文件效果，由此產生“改變現狀”的強烈愿望。至此，成功引入div盒子定位的概念。

在接下來的教學活動中，我結合ppt與板書簡單介紹了何為盒子的定位，其定位的兩種方法：float與position。然后針對導入時利用的“問題作品”，演示如何利用float屬性解決其中一部分問題，再將該“問題作品”源碼和包含任務說明、實現的效果、操作提示的“任務書”下發給每位學生，讓他們利用float知識解決現有問題，實現既定的效果文件。待學生基本完成該任務后，我再次拋出另一小任務：將左右兩個盒子的位置對調。當聽到該任務后，我發現有部分學生在竊喜，并且以非常快的速度完成了任務，然后紛紛讓我去檢查。其實此時他們已“成功”地掉入了我提前設計好的“陷阱”。我假裝十分嚴謹地檢查了幾個學生的作品后不做評價，并將全班的屏幕收回，讓其中某一位學生的作品呈現在所有人面前，同時提出問題：該同學是否真的實現了我要求的效果？此時討論聲起，大家各抒己見。我見機向全班演示了該操作過程，并將操作結果定格，提醒大家注意：我們確實可以利用float屬性將左邊盒子定位到右邊，但這里所謂的右邊到底是指誰的右邊？它又是否是我們需要的右邊？此時同學們會發現，答案是否定的，左盒子這時在瀏覽器最右邊，與上邊的盒子無法對齊，需要在此基礎上，再向左側移動一定的距離。

分析了問題所在與解決方案之后，我再次拋出了小任務：請大家按照剛才的分析思路，解決現在的問題，實現效果。這時全班都犯難了，幾乎聽不到敲擊鍵盤的聲音。我趁機裝作很“納悶”的樣子，反問大家，怎么都不動了？這時旁邊有聲音傳來，“老師，我們不知道怎么給左盒子移動一定的距離。”

“哦，對了，我忘了告訴大家移動的方法了！”此時換成是我竊喜了，因為我再次將他們置身于知道問題所在，卻沒辦法解決的境地。這時我便開始介紹position中相對定位的方法，并演示了具體的操作步驟后，將余下的任務交給全班，另外對學有余力的學生提出了更高的要求，即利用相對定位實現更為豐富、復雜的頁面效果，而絕大部分學生都非常成功地實現了既定的效果。

這節課在一個個環環相扣的任務中完成，效果在總體上比較理想。但有眾多細節問題需要自己推敲反思。如，有極少部分學生因基礎差，跟不上“隊伍”，直到課程快結束時，仍在琢磨第一個任務如何完成。這跟我沒有全面考慮學生因素有關，我應做到“區別對待”，對不同級別的學生給與不同難度的學習任務，如此不但能防止某些學生因跟不上節奏而放棄學習，還能激發他們的學習興趣，獲得成就感。另外，對課程內容中的“相對定位方向的確定”這一知識點的解釋不夠到位，導致很多學生要么不會做，要么只是強行記憶。其實，該知識的介紹除了利用傳統的ppt和板書工具外，還可以利用交互性較好的flash小動畫來演示，這樣學生能夠更加直觀地了解left、right、top、bottom四個方位屬性的意義所在。

第三篇：網頁設計課程小結

現在，計算機和網絡已經深入到了我們生活中的方方面面，也已經成了生活中不可缺少的一部分，網絡成了我們獲取知識和信息的一種便捷工具，現在的網民也在不斷的增多，所以，了解和學習網絡知識是我們作為一名大學生迫切所需的。我利用寒假的時間，對網頁設計進行了初步的認識和了解，并基本掌握dreamweaver的應用。

通過寒假期間的學習，在學習了網頁設計的同時，我更加深入的了解了關于計算機和網絡的知識。基于大一對計算機基礎與c語言的基本掌握，自學網絡設計的基礎部分便顯得較為輕松。誰然如此，在設計過程中依然出現了很多的問題，但通過看書，上網查詢，等方式，不斷的學習、解決、提高，設計出的網頁不論是外觀還是內容，都在不斷的進步、改善。可以說在自己動手，不斷實踐的過程中，網頁設計水平得到了很大的提高。

通過對網頁設計書籍的翻閱，我學習到了一些關于建設網站和制作網頁的知識，在實踐查閱資料時，對flash也有所了解。我還了解了一些基礎的網絡技術。通過學習，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網頁制作的過程與一些技巧手法更有了另外一番了解，對網頁制作的基礎知識也有了一定的掌握。在這個過程中，我同樣認識到網頁設計不是一門學科的獨秀，而是多種課程的綜合，他是、flash、fireworks等網頁軟件的綜合應用。下面闡述一下我在翻閱《dreamweaver》時的一些關于網頁設計的見解。在具體的制作一個網頁時我了解到一個優秀的網頁設計應該具備一些基本原則。首先，要確定網頁設計的內容一個優秀的風站要有一個明確的主題。整個網站圍繞這個主題,也就是你在網頁設計之前要明確你這個網站有什么目的,用來做什么，所有頁面都是圍繞著這個內容來制作，有了明確的內容對排名有很重要的作用；其次，要了解你網站所在行業的客戶，及你的網頁屬于哪個類別。用戶是一個網站成敗的關鍵,如果用戶要花很多時間進入你網站很有可能用戶會立即關掉你網站,或者你網站操作很不方便用戶也會馬上離開,這種網站是很失敗的設計,只會讓用戶失望的離去.在完成以上的基本內容之后網頁的基本框架便成形成了。下面要開始的便是優化工作，內容是整個網頁的核心。在網頁設計之前必須明確網頁的內容安排。優秀網頁設計是要建立在平凡的基礎上的。然后在具體的規劃一個網頁時，可以用樹狀結構先把每個頁面的內容大綱列出來，尤其要制作一個大的網站(有很多頁面)的時候，特別需要把這個架構規劃好，也要考慮到以后可能的擴充性，免得做好以后又要一改再改整個網站的架構，很浪費時間和財力。大綱列出來后，還必須考慮每個頁面之間的鏈接關系。是星形，樹形，或是網形鏈接。這也是判別一個網站優劣的重要標志。鏈接混亂，層次不清的站點會造成瀏覽困難，影響內容的發揮。框架定下來了，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也會為主頁將來發展打下良好的基礎。下一步，就以動手制作具體內容了，題材選定，框架選定，接下來就開始往主頁里面填內容。

如果是個人主頁，有能力的人完全可以靠自己來創作所有的內容。大部分人的方法是：從報紙，雜志，光盤等媒體中把相關的資料收集整理，再加上一定的編輯后就可以了。另外一個好的方法是從網絡上收集，您只要到搜索引擎上查找相應的關鍵字，就可以找到一大堆的資料。在準備材料的時候我們可以用一些小的動畫和動態圖片，flash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，效果可以很直觀的反映出來。然后是開始正式制作主頁。通過dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設置；文字的格式、顏色、背景顏色的設置等就可以制作出一個簡單的網頁。

總體來說，通過這個假期對網頁設計的學習，有收獲也有遺憾。但是，我已經邁入了網頁設計的大門，只要我再認真努力的去學習，在今后的閑余時間學習制作網頁的更多知識以實現自身技能的提高，我堅信將來設計出的網頁會更加專業，更加華麗，使它最終成為自己的一項技能。

第四篇：網頁設計高級課程

網頁設計高級課程（5個月）

學習內容：使用Dreamweaver制作網頁、使用Photoshop處理圖像、網站配色與布局、制作Flash動畫、DIV+CSS、淘寶網店裝飾與推廣、網站架構與策劃、PHP+MySql網站開發、SEO網站優化與推廣。白云技師學院，最好的計算機培訓課程，電腦培訓課程，網頁設計高級課程。電話020-36093333 px.byxy.com byxy.com

網頁設計制作基本概述

理解網頁設計制作原理、基本手段、流程與制作要求。

1．互聯網、網頁、網站、超級連接、HTML語言等基礎網絡知識的概念及定義

2．網站設計制作的常用工具與基本流程

3．HTML語言的基本結構和語法

熟練掌握網頁設計制作的基礎操作。講解HTML代碼。主要包括：

1、如何建立站點

2、對于網站文字，圖片，超鏈接的設置

3、以及以上網頁元素所對應的html代碼

熟練掌握常用的頁面版式與布局控制技術。

1、表格的應用

2、表單的應用

3、框架的使用

熟練掌握css+div的模式進行網頁設計，并能夠使用css制作特殊的效果的樣式。講解css和div的相關知識，主要包括：

1.css的基本概念，基礎知識

2.css對于文字，圖片的設置

3.css對于網頁布局的控制，css的特殊效果等

使用JavaScript的相關行為進行網頁的一些特效以及驗證。

1、講解JavaScript的基礎知識

2、講解JavaScript的常用方法。

了解網頁設計色彩的搭配原則以及網站logo設計的基本原則。

1、網頁色彩的色調組合，網頁設計中色彩的基本原則

2、網站logo設計的原則以及基本創意

3、優秀網站作品賞析

掌握網站導航條的設計制作技巧以及網站banner的制作方法。

1、導航條設計的原則

2、導航條設計的創意

3、網站banner的表現手法

4、制作網站banner常用的技法

5、如何制作有創意且美觀的網站banner

白云技師學院，最好的計算機培訓課程，電腦培訓課程，網頁設計高級課程。電話020-36093333

px.byxy.com byxy.com 歡迎前來報讀

第五篇：《網頁設計》課程教學大綱

《網頁設計》課程教學大綱

課程編號：

英文名稱：WebPages Designing 課程類型：專業選修課 學時/學分：24+24/2 授課對象：專科生

先修課程：計算機文化基礎 課程簡介：

《網頁設計》是一門重要的信息管理專業的選修課程。本課程講述了網站創建、網頁制作基本知識、Dreamweaver網頁制作集成工具使用的方法等內容。通過本課程的學習，使學生掌握構建網站的基本知識，熟悉網頁開發平臺的使用，能夠獨立的創建個人網站。

教學目的和要求：

通過學習，使學生了解網頁網站的基礎知識；掌握網頁三劍客的使用方法，以便能夠正確應用和維護網站。與此同時，通過對Web頁制作技術和制作工具的學習，使學生對于網頁設計中所涉及的相關知識有一個全面的了解。

教學內容：

第1章 網頁設計快速入門（2）

1、教學內容：

1.1 在Internet上安個家

1.2 知識要點

1.2.1 有關網頁設計的概念

1.2.2 網頁設計軟件

1.2.3 網頁制作過程

1.2.4 企業建立網站的過程

1.2.5 網頁設計與HTML 1.3 本章小結

2、教學重點：

網頁設計的概念、網頁制作過程。

3、教學難點： 網頁設計與HTML。

第2章 Dreamweaver MX快速入門（1）

1、教學內容：

2.1 制作網站電子相冊

2.2 知識要點

2.2.1 認識Dreamweaver MX中文版基本界面

2.2.2 認識窗口項目

2.2.3 面板組

2.3 本章小結

2、教學重點：

Dreamweaver MX中文版基本界面。

3、教學難點：

面板組的使用。

第3章 用Dreamweaver MX設計首頁（1）

1、教學內容：

3.1 一個簡單首頁設計的例子

3.2 知識要點

3.2.1 頁面屬性

3.2.2 文本屬性

3.2.3 表格屬性 3.2.4 單元格屬性

3.2.5 圖像屬性

3.3 本章小結

2、教學重點：

設置文本、表格和圖像的屬性。

3、教學難點： 頁面屬性的設置。

第4章 Dreamweaver MX的CSS樣式（2）

1、教學內容：

4.1 制作動態鏈接效果

4.1.1 Microsoft中國公司主頁的動態鏈接效果

4.1.2 為網頁制作動態鏈接效果

4.2 知識要點

4.2.1 什么是CSS樣式

4.2.2 CSS樣式與HTML樣式

4.2.3 CSS樣式控制面板

4.2.4 定義CSS樣式

4.3 本章小結

2、教學重點：

CSS樣式控制面板的使用、定義CSS樣式的方法。

3、教學難點：

定義CSS樣式的方法。第5章 表格應用（2）

1、教學內容：

5.1 用表格實現一個系部主頁的設計

5.1.1 網頁結構分析

5.1.2 設計頁眉區

5.1.3 設計導航欄區

5.1.4 設計信息區

5.1.5 設計版權區

5.2 知識要點

5.2.1 標準視圖中的表格與布局視圖中的表格

5.2.2 標準視圖模式下表格的應用技巧

5.2.3 布局視圖模式下表格的應用技巧

5.3 本章小結

2、教學重點： 標準視圖模式下表格的應用。

3、教學難點：

布局視圖模式下表格的應用。

第6章 Dreamweaver MX圖層應用（2）

1、教學內容：

6.1 一個彈出式菜單設計的實例

6.1.1 設計彈出式菜單的效果圖

6.1.2 設計彈出式菜單的過程

6.2 知識要點

6.2.1 創建層

6.2.2 選擇層

6.2.3 插入層對象

6.2.4 移動層

6.2.5 對齊層

6.2.6 層與表格相互轉換

6.2.7 設置層屬性

6.3 本章小結

2、教學重點：

層的基本操作和層的屬性設置。

3、教學難點：

層與表格的轉換、行為和事件。

第7章 Dreamweaver MX時間軸（2）

1、教學內容：

7.1 制作一個動態地址導航圖

7.2 知識要點

7.2.1 時間軸控制面板

7.2.2 時間軸的基本應用

7.3 本章小結

2、教學重點： 時間軸的基本應用。

3、教學難點： 錄制層路徑。

第8章 表單操作（2）

1、教學內容：

8.1 制作一個網上報名表單

8.1.1 制作網上在線報名表單

8.1.2 預覽網上在線報名表單

8.2 知識要點

8.2.1 插入表單

8.2.2 插入文本對象表單

8.2.3 插入按鈕

8.2.4 插入復選框

8.2.5 插入單選按鈕

8.2.6 插入列表/菜單域 8.2.7 插入文件字段

8.2.8 插入圖像域

8.2.9 插入隱藏域

8.2.10 插入跳轉菜單

8.3 本章小結

2、教學重點：

表單和常用表單域的用途和使用方法。

3、教學難點：

插入隱藏域和跳轉菜單。

第9章 Dreamweaver MX綜合應用（2）

1、教學內容：

9.1 一個網站建立的實例

9.1.1 建站準備

9.1.2 制作網站

9.2 知識要點

9.2.1 網站的設計構思

9.2.2 資源面板的應用

9.2.3 行為面板的應用

9.2.4 站點管理器的應用

9.3 本章小結

2、教學重點：

網站的設計構思、資源面板的應用。

3、教學難點： 行為面板的應用。第10章 Flash MX快速入門（0.5）

1、教學內容：

10.1 制作一個移動的圓

10.2 知識要點

10.2.1 Flash MX的界面

10.2.2 主菜單項目

10.2.3 常用工具欄

10.2.4 時間軸面板

10.2.5 繪圖工具欄

10.2.6 其他重要欄目

10.3 本章小結

2、教學重點：

Flash MX的工具欄和時間軸面板。

3、教學難點： 時間軸面板的使用。第11章 Flash MX的繪圖功能（0.5）

1、教學內容：

11.1 制作一個網頁廣告

11.2 知識要點

11.2.1 繪圖工具 11.2.2 指針工具

11.2.3 填充工具

11.2.4 文本工具

11.2.5 顏色設置

11.2.6 圖片的使用

11.3 本章小結

2、教學重點： 繪圖工具的使用。

3、教學難點： 圖片的使用。第12章 Flash MX動畫制作初步（1）

1、教學內容：

12.1 制作動態文字的實例

12.2 知識要點

12.2.1 圖層（Layer）

12.2.2 幀（Frame）

12.2.3 使用圖符、實例和庫

12.2.4 用Sound面板引入和編輯聲音

12.2.5 文件預覽

12.3 本章小結

2、教學重點：

使用Flash MX制作簡單動畫。

3、教學難點：

幀的基本操作、在動畫中添加聲音。第13章 Flash MX動作的應用（1）

1、教學內容： 13.1 圖像動畫實例

13.1.1 制作可供控制播放的循環動畫

13.1.2 制作按鈕元件

13.1.3 設計場景

13.1.4 舞臺播放區背景的制作

13.1.5 在場景上創建Daughter影片剪輯的實例

13.1.6 后臺控制程序

13.2 知識要點

13.2.1 ActionScript的基本概念

13.2.2 用動作面板編輯對象動作

13.3 本章小結

2、教學重點： 動作面板的使用。

3、教學難點：

用動作面板編輯對象動作。第14章 Flash MX的綜合應用（1）

1、教學內容：

14.1 制作一個網站的門戶廣告動畫 14.1.1 設計構思

14.1.2 素材準備

14.1.3 制作過程

14.1.4 發布過程

14.2 知識要點

14.2.1 文件的導入與導出

14.2.2 文件的發布及發布設置

14.2.3 發布預覽

14.3 本章小結

2、教學重點：

文件的導入和導出、文件的發布。

3、教學難點：

Flash MX動作的應用。第15章 Fireworks MX應用基礎（1）

1、教學內容：

15.1 Web按鈕制作實例

15.2 知識要點

15.2.1 Fireworks的基本概念

15.2.2 Fireworks的編輯模式

15.2.3 Fireworks的工具詳解

15.2.4 Fireworks中的對象

15.2.5 Fireworks的層

15.3 本章小結

2、教學重點：

Fireworks的工具詳解。

3、教學難點： Fireworks的層。第16章 Fireworks MX進階操作（1）

1、教學內容：

16.1 一個簡單的動畫

16.2 知識要點

16.2.1 Fireworks的蒙版

16.2.2 Fireworks的顏色混合模式

16.2.3 Fireworks的熱點和切片

16.2.4 Fireworks實用技巧 16.3 本章小結

2、教學重點： Fireworks實用技巧。

3、教學難點：

Fireworks的蒙版、熱點和切片。第17章 站點的發布、宣傳推廣與維護（2）

1、教學內容： 17.1 站點的發布

17.2 網頁的測試 17.2.1 下載時間測試

17.2.2 瀏覽器兼容性測試

17.2.3 拼寫檢查測試

17.3 站點宣傳與推廣的一般方法

17.4 站點的維護與更新

17.5 本章小結

2、教學重點： 站點的發布。

3、教學難點： CuteFTP的使用方法。

實驗內容：

實驗一

(使用HTML語言制作簡單網頁)（2）

1、實驗目的：

熟悉HTML語言的常用標記，學會在記事本環境下用HTML語言編輯簡單的網頁。

2、實驗內容：

用記事本輸入下面語句，另存為網頁文件，并在瀏覽器中瀏覽。

一首唐詩

夜雨寄北

李商隱

君問歸期未有期，

巴山夜雨漲秋池。

何當共剪西窗燭，

卻話巴山夜雨時。