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

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

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

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

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

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

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

3．HTML語言的基本結(jié)構(gòu)和語法

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

1、如何建立站點(diǎn)

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

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

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

1、表格的應(yīng)用

2、表單的應(yīng)用

3、框架的使用

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

1.css的基本概念，基礎(chǔ)知識

2.css對于文字，圖片的設(shè)置

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

使用JavaScript的相關(guān)行為進(jìn)行網(wǎng)頁的一些特效以及驗(yàn)證。

1、講解JavaScript的基礎(chǔ)知識

2、講解JavaScript的常用方法。

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

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

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

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

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

1、導(dǎo)航條設(shè)計的原則

2、導(dǎo)航條設(shè)計的創(chuàng)意

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

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

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

白云技師學(xué)院，最好的計算機(jī)培訓(xùn)課程，電腦培訓(xùn)課程，網(wǎng)頁設(shè)計高級課程。電話020-36093333

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

第二篇：網(wǎng)頁設(shè)計課程小結(jié)

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

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

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

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

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

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

淺談網(wǎng)頁設(shè)計課程教學(xué)

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

關(guān)鍵詞：網(wǎng)頁設(shè)計，教學(xué)方法

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)頁設(shè)計》課程是職業(yè)院校計算機(jī)類專業(yè)及電子商務(wù)專業(yè)的一門專業(yè)課程，也是一門實(shí)踐性很強(qiáng)的職業(yè)技術(shù)課程。由于《網(wǎng)頁設(shè)計》課程實(shí)踐性和更新性很強(qiáng)，該課程如果采用傳統(tǒng)的教學(xué)方式，那結(jié)果是不理想的。在這里結(jié)合自身的實(shí)際經(jīng)驗(yàn)，談?wù)劸W(wǎng)頁設(shè)計課程的教學(xué)。

二、教學(xué)策略

1．課程特點(diǎn)

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

2．教學(xué)方案

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

（1）版式設(shè)計

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

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

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

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

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

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

（3）色彩的處理

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

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

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

（5）考核方式

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

三、結(jié)束語

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

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

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

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

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

課程編號：

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

先修課程：計算機(jī)文化基礎(chǔ) 課程簡介：

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

教學(xué)目的和要求：

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

教學(xué)內(nèi)容：

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

1、教學(xué)內(nèi)容：

1.1 在Internet上安個家

1.2 知識要點(diǎn)

1.2.1 有關(guān)網(wǎng)頁設(shè)計的概念

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

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

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

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

2、教學(xué)重點(diǎn)：

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

3、教學(xué)難點(diǎn)： 網(wǎng)頁設(shè)計與HTML。

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

1、教學(xué)內(nèi)容：

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

2.2 知識要點(diǎn)

2.2.1 認(rèn)識Dreamweaver MX中文版基本界面

2.2.2 認(rèn)識窗口項(xiàng)目

2.2.3 面板組

2.3 本章小結(jié)

2、教學(xué)重點(diǎn)：

Dreamweaver MX中文版基本界面。

3、教學(xué)難點(diǎn)：

面板組的使用。

第3章 用Dreamweaver MX設(shè)計首頁（1）

1、教學(xué)內(nèi)容：

3.1 一個簡單首頁設(shè)計的例子

3.2 知識要點(diǎn)

3.2.1 頁面屬性

3.2.2 文本屬性

3.2.3 表格屬性 3.2.4 單元格屬性

3.2.5 圖像屬性

3.3 本章小結(jié)

2、教學(xué)重點(diǎn)：

設(shè)置文本、表格和圖像的屬性。

3、教學(xué)難點(diǎn)： 頁面屬性的設(shè)置。

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

1、教學(xué)內(nèi)容：

4.1 制作動態(tài)鏈接效果

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

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

4.2 知識要點(diǎn)

4.2.1 什么是CSS樣式

4.2.2 CSS樣式與HTML樣式

4.2.3 CSS樣式控制面板

4.2.4 定義CSS樣式

4.3 本章小結(jié)

2、教學(xué)重點(diǎn)：

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

3、教學(xué)難點(diǎn)：

定義CSS樣式的方法。第5章 表格應(yīng)用（2）

1、教學(xué)內(nèi)容：

5.1 用表格實(shí)現(xiàn)一個系部主頁的設(shè)計

5.1.1 網(wǎng)頁結(jié)構(gòu)分析

5.1.2 設(shè)計頁眉區(qū)

5.1.3 設(shè)計導(dǎo)航欄區(qū)

5.1.4 設(shè)計信息區(qū)

5.1.5 設(shè)計版權(quán)區(qū)

5.2 知識要點(diǎn)

5.2.1 標(biāo)準(zhǔn)視圖中的表格與布局視圖中的表格

5.2.2 標(biāo)準(zhǔn)視圖模式下表格的應(yīng)用技巧

5.2.3 布局視圖模式下表格的應(yīng)用技巧

5.3 本章小結(jié)

2、教學(xué)重點(diǎn)： 標(biāo)準(zhǔn)視圖模式下表格的應(yīng)用。

3、教學(xué)難點(diǎn)：

布局視圖模式下表格的應(yīng)用。

第6章 Dreamweaver MX圖層應(yīng)用（2）

1、教學(xué)內(nèi)容：

6.1 一個彈出式菜單設(shè)計的實(shí)例

6.1.1 設(shè)計彈出式菜單的效果圖

6.1.2 設(shè)計彈出式菜單的過程

6.2 知識要點(diǎn)

6.2.1 創(chuàng)建層

6.2.2 選擇層

6.2.3 插入層對象

6.2.4 移動層

6.2.5 對齊層

6.2.6 層與表格相互轉(zhuǎn)換

6.2.7 設(shè)置層屬性

6.3 本章小結(jié)

2、教學(xué)重點(diǎn)：

層的基本操作和層的屬性設(shè)置。

3、教學(xué)難點(diǎn)：

層與表格的轉(zhuǎn)換、行為和事件。

第7章 Dreamweaver MX時間軸（2）

1、教學(xué)內(nèi)容：

7.1 制作一個動態(tài)地址導(dǎo)航圖

7.2 知識要點(diǎn)

7.2.1 時間軸控制面板

7.2.2 時間軸的基本應(yīng)用

7.3 本章小結(jié)

2、教學(xué)重點(diǎn)： 時間軸的基本應(yīng)用。

3、教學(xué)難點(diǎn)： 錄制層路徑。

第8章 表單操作（2）

1、教學(xué)內(nèi)容：

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

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

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

8.2 知識要點(diǎn)

8.2.1 插入表單

8.2.2 插入文本對象表單

8.2.3 插入按鈕

8.2.4 插入復(fù)選框

8.2.5 插入單選按鈕

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

8.2.8 插入圖像域

8.2.9 插入隱藏域

8.2.10 插入跳轉(zhuǎn)菜單

8.3 本章小結(jié)

2、教學(xué)重點(diǎn)：

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

3、教學(xué)難點(diǎn)：

插入隱藏域和跳轉(zhuǎn)菜單。

第9章 Dreamweaver MX綜合應(yīng)用（2）

1、教學(xué)內(nèi)容：

9.1 一個網(wǎng)站建立的實(shí)例

9.1.1 建站準(zhǔn)備

9.1.2 制作網(wǎng)站

9.2 知識要點(diǎn)

9.2.1 網(wǎng)站的設(shè)計構(gòu)思

9.2.2 資源面板的應(yīng)用

9.2.3 行為面板的應(yīng)用

9.2.4 站點(diǎn)管理器的應(yīng)用

9.3 本章小結(jié)

2、教學(xué)重點(diǎn)：

網(wǎng)站的設(shè)計構(gòu)思、資源面板的應(yīng)用。

3、教學(xué)難點(diǎn)： 行為面板的應(yīng)用。第10章 Flash MX快速入門（0.5）

1、教學(xué)內(nèi)容：

10.1 制作一個移動的圓

10.2 知識要點(diǎn)

10.2.1 Flash MX的界面

10.2.2 主菜單項(xiàng)目

10.2.3 常用工具欄

10.2.4 時間軸面板

10.2.5 繪圖工具欄

10.2.6 其他重要欄目

10.3 本章小結(jié)

2、教學(xué)重點(diǎn)：

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

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

1、教學(xué)內(nèi)容：

11.1 制作一個網(wǎng)頁廣告

11.2 知識要點(diǎn)

11.2.1 繪圖工具 11.2.2 指針工具

11.2.3 填充工具

11.2.4 文本工具

11.2.5 顏色設(shè)置

11.2.6 圖片的使用

11.3 本章小結(jié)

2、教學(xué)重點(diǎn)： 繪圖工具的使用。

3、教學(xué)難點(diǎn)： 圖片的使用。第12章 Flash MX動畫制作初步（1）

1、教學(xué)內(nèi)容：

12.1 制作動態(tài)文字的實(shí)例

12.2 知識要點(diǎn)

12.2.1 圖層（Layer）

12.2.2 幀（Frame）

12.2.3 使用圖符、實(shí)例和庫

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

12.2.5 文件預(yù)覽

12.3 本章小結(jié)

2、教學(xué)重點(diǎn)：

使用Flash MX制作簡單動畫。

3、教學(xué)難點(diǎn)：

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

1、教學(xué)內(nèi)容： 13.1 圖像動畫實(shí)例

13.1.1 制作可供控制播放的循環(huán)動畫

13.1.2 制作按鈕元件

13.1.3 設(shè)計場景

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

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

13.1.6 后臺控制程序

13.2 知識要點(diǎn)

13.2.1 ActionScript的基本概念

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

13.3 本章小結(jié)

2、教學(xué)重點(diǎn)： 動作面板的使用。

3、教學(xué)難點(diǎn)：

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

1、教學(xué)內(nèi)容：

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

14.1.2 素材準(zhǔn)備

14.1.3 制作過程

14.1.4 發(fā)布過程

14.2 知識要點(diǎn)

14.2.1 文件的導(dǎo)入與導(dǎo)出

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

14.2.3 發(fā)布預(yù)覽

14.3 本章小結(jié)

2、教學(xué)重點(diǎn)：

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

3、教學(xué)難點(diǎn)：

Flash MX動作的應(yīng)用。第15章 Fireworks MX應(yīng)用基礎(chǔ)（1）

1、教學(xué)內(nèi)容：

15.1 Web按鈕制作實(shí)例

15.2 知識要點(diǎn)

15.2.1 Fireworks的基本概念

15.2.2 Fireworks的編輯模式

15.2.3 Fireworks的工具詳解

15.2.4 Fireworks中的對象

15.2.5 Fireworks的層

15.3 本章小結(jié)

2、教學(xué)重點(diǎn)：

Fireworks的工具詳解。

3、教學(xué)難點(diǎn)： Fireworks的層。第16章 Fireworks MX進(jìn)階操作（1）

1、教學(xué)內(nèi)容：

16.1 一個簡單的動畫

16.2 知識要點(diǎn)

16.2.1 Fireworks的蒙版

16.2.2 Fireworks的顏色混合模式

16.2.3 Fireworks的熱點(diǎn)和切片

16.2.4 Fireworks實(shí)用技巧 16.3 本章小結(jié)

2、教學(xué)重點(diǎn)： Fireworks實(shí)用技巧。

3、教學(xué)難點(diǎn)：

Fireworks的蒙版、熱點(diǎn)和切片。第17章 站點(diǎn)的發(fā)布、宣傳推廣與維護(hù)（2）

1、教學(xué)內(nèi)容： 17.1 站點(diǎn)的發(fā)布

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

17.2.2 瀏覽器兼容性測試

17.2.3 拼寫檢查測試

17.3 站點(diǎn)宣傳與推廣的一般方法

17.4 站點(diǎn)的維護(hù)與更新

17.5 本章小結(jié)

2、教學(xué)重點(diǎn)： 站點(diǎn)的發(fā)布。

3、教學(xué)難點(diǎn)： CuteFTP的使用方法。

實(shí)驗(yàn)內(nèi)容：

實(shí)驗(yàn)一

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

1、實(shí)驗(yàn)?zāi)康模?/p>

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

2、實(shí)驗(yàn)內(nèi)容：

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

一首唐詩

夜雨寄北

李商隱

君問歸期未有期，

巴山夜雨漲秋池。

何當(dāng)共剪西窗燭，

卻話巴山夜雨時。

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

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

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

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

在這門課上我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的知識，對flash也有所了解。課上我還學(xué)到了一些基礎(chǔ)的網(wǎng)絡(luò)技術(shù)，用制作網(wǎng)絡(luò)的工具做網(wǎng)頁等。

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

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

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

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

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

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

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

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

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

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

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

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

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