第一篇：網(wǎng)頁設計課程小結

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

通過寒假期間的學習，在學習了網(wǎng)頁設計的同時，我更加深入的了解了關于計算機和網(wǎng)絡的知識?；诖笠粚τ嬎銠C基礎與c語言的基本掌握，自學網(wǎng)絡設計的基礎部分便顯得較為輕松。誰然如此，在設計過程中依然出現(xiàn)了很多的問題，但通過看書，上網(wǎng)查詢，等方式，不斷的學習、解決、提高，設計出的網(wǎng)頁不論是外觀還是內容，都在不斷的進步、改善?？梢哉f在自己動手，不斷實踐的過程中，網(wǎng)頁設計水平得到了很大的提高。

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

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

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

第二篇：網(wǎng)頁設計高級課程

網(wǎng)頁設計高級課程（5個月）

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

網(wǎng)頁設計制作基本概述

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

1．互聯(lián)網(wǎng)、網(wǎng)頁、網(wǎng)站、超級連接、HTML語言等基礎網(wǎng)絡知識的概念及定義

2．網(wǎng)站設計制作的常用工具與基本流程

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

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

1、如何建立站點

2、對于網(wǎng)站文字，圖片，超鏈接的設置

3、以及以上網(wǎng)頁元素所對應的html代碼

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

1、表格的應用

2、表單的應用

3、框架的使用

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

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

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

3.css對于網(wǎng)頁布局的控制，css的特殊效果等

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

1、講解JavaScript的基礎知識

2、講解JavaScript的常用方法。

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

1、網(wǎng)頁色彩的色調組合，網(wǎng)頁設計中色彩的基本原則

2、網(wǎng)站logo設計的原則以及基本創(chuàng)意

3、優(yōu)秀網(wǎng)站作品賞析

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

1、導航條設計的原則

2、導航條設計的創(chuàng)意

3、網(wǎng)站banner的表現(xiàn)手法

4、制作網(wǎng)站banner常用的技法

5、如何制作有創(chuàng)意且美觀的網(wǎng)站banner

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

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

第三篇：淺談網(wǎng)頁設計課程教學

淺談網(wǎng)頁設計課程教學

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

關鍵詞：網(wǎng)頁設計，教學方法

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

一、引言

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

二、教學策略

1．課程特點

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

2．教學方案

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

（1）版式設計

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

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

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

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

（2）網(wǎng)頁元素的處理

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

（3）色彩的處理

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

（4）網(wǎng)頁賞析

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

（5）考核方式

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

三、結束語

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

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

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

第四篇：《網(wǎng)頁設計》課程教學大綱

《網(wǎng)頁設計》課程教學大綱

課程編號：

英文名稱：WebPages Designing 課程類型：專業(yè)選修課 學時/學分：24+24/2 授課對象：?？粕?/p>

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

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

教學目的和要求：

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

教學內容：

第1章 網(wǎng)頁設計快速入門（2）

1、教學內容：

1.1 在Internet上安個家

1.2 知識要點

1.2.1 有關網(wǎng)頁設計的概念

1.2.2 網(wǎng)頁設計軟件

1.2.3 網(wǎng)頁制作過程

1.2.4 企業(yè)建立網(wǎng)站的過程

1.2.5 網(wǎng)頁設計與HTML 1.3 本章小結

2、教學重點：

網(wǎng)頁設計的概念、網(wǎng)頁制作過程。

3、教學難點： 網(wǎng)頁設計與HTML。

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

1、教學內容：

2.1 制作網(wǎng)站電子相冊

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 制作動態(tài)鏈接效果

4.1.1 Microsoft中國公司主頁的動態(tài)鏈接效果

4.1.2 為網(wǎng)頁制作動態(tài)鏈接效果

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 用表格實現(xiàn)一個系部主頁的設計

5.1.1 網(wǎng)頁結構分析

5.1.2 設計頁眉區(qū)

5.1.3 設計導航欄區(qū)

5.1.4 設計信息區(qū)

5.1.5 設計版權區(qū)

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 創(chuàng)建層

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 制作一個動態(tài)地址導航圖

7.2 知識要點

7.2.1 時間軸控制面板

7.2.2 時間軸的基本應用

7.3 本章小結

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

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

第8章 表單操作（2）

1、教學內容：

8.1 制作一個網(wǎng)上報名表單

8.1.1 制作網(wǎng)上在線報名表單

8.1.2 預覽網(wǎng)上在線報名表單

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 一個網(wǎng)站建立的實例

9.1.1 建站準備

9.1.2 制作網(wǎng)站

9.2 知識要點

9.2.1 網(wǎng)站的設計構思

9.2.2 資源面板的應用

9.2.3 行為面板的應用

9.2.4 站點管理器的應用

9.3 本章小結

2、教學重點：

網(wǎng)站的設計構思、資源面板的應用。

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 制作一個網(wǎng)頁廣告

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 制作動態(tài)文字的實例

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 制作可供控制播放的循環(huán)動畫

13.1.2 制作按鈕元件

13.1.3 設計場景

13.1.4 舞臺播放區(qū)背景的制作

13.1.5 在場景上創(chuàng)建Daughter影片剪輯的實例

13.1.6 后臺控制程序

13.2 知識要點

13.2.1 ActionScript的基本概念

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

13.3 本章小結

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

3、教學難點：

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

1、教學內容：

14.1 制作一個網(wǎng)站的門戶廣告動畫 14.1.1 設計構思

14.1.2 素材準備

14.1.3 制作過程

14.1.4 發(fā)布過程

14.2 知識要點

14.2.1 文件的導入與導出

14.2.2 文件的發(fā)布及發(fā)布設置

14.2.3 發(fā)布預覽

14.3 本章小結

2、教學重點：

文件的導入和導出、文件的發(fā)布。

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章 站點的發(fā)布、宣傳推廣與維護（2）

1、教學內容： 17.1 站點的發(fā)布

17.2 網(wǎng)頁的測試 17.2.1 下載時間測試

17.2.2 瀏覽器兼容性測試

17.2.3 拼寫檢查測試

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

17.4 站點的維護與更新

17.5 本章小結

2、教學重點： 站點的發(fā)布。

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

實驗內容：

實驗一

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

1、實驗目的：

熟悉HTML語言的常用標記，學會在記事本環(huán)境下用HTML語言編輯簡單的網(wǎng)頁。

2、實驗內容：

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

一首唐詩

夜雨寄北

李商隱

君問歸期未有期，

巴山夜雨漲秋池。

何當共剪西窗燭，

卻話巴山夜雨時。

第五篇：網(wǎng)頁設計課程心得體會

“網(wǎng)頁制作”課程心得體會

現(xiàn)在，計算機和網(wǎng)絡已經深入到了我們生活中的方方面面，也已經成了生活中不可缺少的一部分，網(wǎng)絡成了我們獲取知識和信息的一種便捷工具，現(xiàn)在的網(wǎng)民也在不斷的增多，所以，了解和學習網(wǎng)絡知識是我們作為一名大學生迫切所需的。

這學期選擇的這門課程讓我學到了不少關于計算機和網(wǎng)絡的知識。老師把課程內容安排的很合理，講的大都是很基礎的知識，這對于像我這樣對網(wǎng)絡了解不多的學生來說很容易理解，接受。

在這門課上我學習到了一些關于建設網(wǎng)站和制作網(wǎng)頁的知識，對flash也有所了解。課上我還學到了一些基礎的網(wǎng)絡技術，用制作網(wǎng)絡的工具做網(wǎng)頁等。

通過對這門課的學習，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的基礎知識也有了一定的掌握。

在具體的制作一個網(wǎng)頁時我了解到一個優(yōu)秀的網(wǎng)頁設計應該具備以下一些基本原則 1 確定網(wǎng)頁設計的內容

一個優(yōu)秀的風站要有一個明確的主題,整個網(wǎng)站圍繞這個主題,也就是你在網(wǎng)頁設計之前要明確你這個網(wǎng)站有什么目的,用來做什么，所有頁面都是圍繞著這個內容來制作，有了明確的內容對排名有很重要的作用。了解你網(wǎng)站所在行業(yè)的客戶

用戶是一個網(wǎng)站成敗的關鍵,如果用戶要花很多時間進入你網(wǎng)站很有可能用戶會立即關掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會馬上離開,這種網(wǎng)站是很失敗的設計,只會讓用戶失望的離去.3、做一個典型用戶

不以用戶身份親身體驗網(wǎng)站你才能發(fā)現(xiàn)問題，才知道那些需要改進，盡量不要讓客戶去發(fā)現(xiàn)問題，在前期設計時就應該把這些問題解決。優(yōu)化內容

內容是整個網(wǎng)站的核心。在網(wǎng)站設計之前必須明確網(wǎng)站的內容安排。

優(yōu)秀網(wǎng)頁設計是要建立在平凡的基礎上的。然后在具體的規(guī)劃一個網(wǎng)站時，可以用樹狀結構先把每個頁面的內容大綱列出來，尤其要制作一個大的網(wǎng)站(有很多頁面)的時候，特別需要把這個架構規(guī)劃好，也要考慮到以后可能的擴充性，免得做好以后又要一改再改整個網(wǎng)站的架構，很浪費時間和財力。

大綱列出來后，還必須考慮每個頁面之間的鏈接關系。是星形，樹形，或是網(wǎng)形鏈接。這也是判別一個網(wǎng)站優(yōu)劣的重要標志。鏈接混亂，層次不清的站點會造成瀏覽困難，影響內容的發(fā)揮。

框架定下來了，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也會為主頁將來發(fā)展打下良好的基礎。下一步，就以動手制作具體內容了，題材選定，框架選定，接下來就開始往主頁里面填內容。我們稱作資料收集

如果是個人主頁，有能力的人完全可以靠自己來創(chuàng)作所有的內容。大部分人的方法是：從報紙，雜志，光盤等媒體中把相關的資料收集整理，再加上一定的編輯后就可以了。另外一個好的方法是從網(wǎng)絡上收集，您只要到搜索引擎上查找相應的關鍵字，就可以找到一大堆的資料。

在準備材料的時候我們可以用到學習的Flash知識來制作一些小的動畫和動態(tài)圖片，F(xiàn)lash 提供了功能齊全的繪圖和編輯圖形工具?？梢灾苯釉诰庉媴^(qū)里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，效果可以很直觀的反映出來。

然后是開始正式制作主頁。通過Dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設置；文字的格式、顏色、背景顏色的設置等就可以制作出一個簡單的網(wǎng)頁。

通過個人網(wǎng)頁的制作最終把自己的網(wǎng)頁上傳到互聯(lián)網(wǎng)上，那種成就感是無法用語言形容的。在今后的閑余時間，我將會學習制作網(wǎng)頁的更多知識，使它成為自己的一項技能。