第一篇：網頁設計課程心得體會

“網頁設計”學習心得體會

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

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

通過對網頁設計書籍的翻閱，我學習到了一些關于建設網站和制作網頁的知識，在實踐查閱資料時，對flash也有所了解。我還了解了一些基礎的網絡技術。通過學習，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網頁制作的過程與一些技巧手法更有了另外一番了解，對網頁制作的基礎知識也有了一定的掌握。在這個過程中，我同樣認識到網頁設計不是一門學科的獨秀，而是多種課程的綜合，他是Flash、Fireworks等網頁軟件的綜合應用。

下面闡述一下我在設計我的網站時的一些關于網頁設計的見解。在具體的制作時我了解到一個優秀的網頁設計應該具備一些基本原則。

首先，要確定網頁設計的內容，一個優秀的風站要有一個明確的主題。整個網站圍繞這個主題,也就是你在網頁設計之前要明確你這個網站有什么目的,用來做什么，所有頁面都是圍繞著這個內容來制作，有了明確的內容對排名有很重要的作用；其次，要了解你網站所在行業的客戶，及你的網頁屬于哪個類別。用戶是一個網站成敗的關鍵,如果用戶要花很多時間進入你網站很有可能用戶會立即關掉你網站,或者你網站操作很不方便用戶也會馬上離開,這種網站是很失敗的設計,只會讓用戶失望的離去.在完成以上的基本內容之后網頁的基本框架便成形成了。下面要開始的便是優化工作。內容是整個網頁的核心。在網頁設計之前必須明確網頁的內容安排。優秀網頁設計是要建立在平凡的基礎上的。然后在具體的規劃一個網頁時，可以用樹狀結構先把每個頁面的內容大綱列出來，尤其要制作一個大的網站(有很多頁面)的時候，特別需要把這個架構規劃好，也要考慮到以后可能的擴充性，免得做好以后又要一改再改整個網站的架構，很浪費時間和財力。大綱列出來后，還必須考慮每個頁面之間的鏈接關系。是星形，樹形，或是網形鏈接。這也是判別一個網站優劣的重要標志。鏈接混亂，層次不清的站點會造成瀏覽困難，影響內容的發揮。框架定下來了，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也會為主頁將來發展打下良好的基礎。下一步，就以動手制作具體內容了，題材選定，框架選定，接下來就開始往主頁里面填內容。

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

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

美術學1303B 班 賈宇波

2014年6月8日

第二篇：網頁設計課程心得體會

“網頁制作”課程心得體會

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

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

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

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

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

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

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

不以用戶身份親身體驗網站你才能發現問題，才知道那些需要改進，盡量不要讓客戶去發現問題，在前期設計時就應該把這些問題解決。優化內容

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

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

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

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

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

在準備材料的時候我們可以用到學習的Flash知識來制作一些小的動畫和動態圖片，Flash 提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，效果可以很直觀的反映出來。

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

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

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

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

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

淺談網頁設計課程教學

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

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

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月