網頁設計欣賞教學計劃

1、優秀網頁設計欣賞 如何做好網頁設計

可以看看零代碼的網站模板和案例，蠻不錯的。

2、國內網頁設計欣賞,國外網頁設計欣賞

你是要網站吧
設計雲 筆秀網 都不錯

3、優秀網頁設計欣賞,個人網頁設計欣賞

推薦百度：
關鍵詞「設計雲」，這是設計雲網站的素材下載。

4、如何提高網頁製作課程的教學效果

《網頁設計與製作》課程是我校計算機專業必修的課程，也是非計算機專業選修課程，本課程是側重學生設計與製作的一門課。那麼如何提高《網頁設計與製作》這門課程的教學質量，達到師生雙贏的結果，這是值得我們探討的。本人經過幾年的《網頁設計與製作》課程的教學實踐與觀察，從課程教學內容、教學方法等幾個方面進行闡述。
一.合理調整教學內容
從培養目標出發，《網頁設計與製作》課程教學內容重在培養學生的網頁設計、實際動手製作的能力，因此對課程的教學內容進行合理的調整尤為重要，在講述課程內容時，根據教學對象的不同，教學內容也是不同的，但是都沒有完全按照教材的章節順序來講述，比如對於計算機專業學生來講，我主要分成幾部分，第一部分介紹網頁基礎知識，網站的種類，網站的概念，並對優秀的網站網頁進行賞析；第二部分介紹HTML語言，通過一個典型的小型網站來講解HTML語言各類標記符的使用方法；第三部分用網站製作軟體具體介紹網站建設、網站規劃及流程，第四部分為網站綜合設計，通過由學生選擇設計各類題目，兩人一組設計一個綜合類網站，進而鍛煉學生的團隊合作能力，網頁設計與製作的能力。對於非計算機專業的學生來說，HTML語言部分就省略掉了，只有在做實例的過程中遇到問題時，在進行簡單講解，經過幾年的教學來看，取得了良好的教學效果。
二.改進教學方法，激發學生學習興趣
本人在此課程中主要採用了案例教學法，案例教學法師一種用案例教學的方法，在教學過程中，按照大綱的要求以實際案例作為剖析對象，在教師的指導下，教師與學生共同參與案例的分析，討論來尋找完成任務的方法。
比如在講授使用dreamweaver工具如何編輯文字和插入圖像等基本基本知識，我會將一個真實的學校的網頁呈現給學生，引導學生對這張網頁進行分析，並提出實現方法，最後選擇一種便捷的方法進行講解，學生再進行上機實踐。
再比如在介紹網頁中表格的布局時，以「製作旅遊類網站」為主進行介紹，首先由小組中的一名同學在黑板上畫出網頁的布局結構，然後再請另一名同學在軟體中進行設計，小組協作共同完成這一個案例，在製作過程中難免會遇到一些問題，如表格布局是否合理、單元格是否為頂端對齊、單元格的邊距和間距是否為0等現象是學生經常出問題的地方，那麼由學生進行操作所遇到的問題，他們自身的印象會更深，這樣就使其在今後的實踐環節中減少此類問題的出現
實踐證明案例教學方法可行，得到了學生的喜愛與好評，也取得了良好的教學效果。
三. 正確引導學生的學習方法
根據我校學生的特點，學生存在學習的積極性不高，不主動，課前不預習，課後不復習等現象，因此，在本課程的教學過程中，正確引導學生的學習方法是至關重要的。
(一)經常與學生溝通交流，使學生養成預習與自學的好習慣。使學生了解，通過預習和自學能夠充分發揮其動手的能力，掌握各種技能，培養自身的創新能力，這種方法的運用要比老師單純地講好得多。
(二)根據學生的認知水平、思維方式，適當降低教材的理論難底，並多讓學生欣賞一些網頁製作方面的案例，增加學生的興趣，調動學生的學習積極性，激發學生的潛能。
總之，《網頁設計與製作》課程是一門實踐性非常強的課程，如何提高本門課程的教學質量途徑多種多樣，只要在教學中不斷探索，勇於創新，定會尋找出一條既符合實際又有效的途徑，讓學生在有限的時間內學習到更多的知識，操作的更熟練，為今後的工作、學習奠定良好的基礎。同時,我也相信，只要每位教師本著「勤學、善思、實干」的准則，一如既往，再接再厲，調動學生學習的主動和積極性，培養學生觀察、思維、推理、自學以及分析問題、解決問題的能力，任何一門課程的教學質量都會得到提高。

5、網頁設計需要學習什麼？

1、html語言。首先必須要學這個，html語言又稱為「超文本標記語言」，任何網頁的顯示都要靠html語言來表達，也是構成網頁文檔的主要語言。

2、伺服器架設。要製作網頁就需要架設伺服器來調試你做出來的網頁，有iis等很多種，可以在網上搜索得到。

3、css語言。css又作層疊樣式表，css大部分是自動生成的，很難理解，需要學習基本的css知識，是步入高手的必經之路。

css控制著網頁圖片、表格、文字等等內容在我們面前的顯示樣式，比如顏色，邊框，大小等。css能夠根據不同使用者的理解能力，簡化或者優化寫法，針對各類人群，有較強的易讀性。

4、div+css布局。這個東西是走向專業製作的必經之路，網頁元素靠它來搭建基本框架，像百度空間，QQ空間的皮膚等就是利用這個來做的。

5、資料庫。走向動態網頁的基礎，比如百度知道的提問回答這些，都涉及資料庫的讀、寫、改、刪。常見的資料庫有mysql、mssql、access等。

資料庫是所有軟體的基礎，80%以上的應用程序都涉及資料庫，而作為網頁製作來說沒有必要學得很深，夠用就行。

6、動態語言，asp，php，jsp，.net(c#等）。要操作資料庫，交互就需要動態語言，現在好多動態語言像php都有「框架」，用框架建站好比用活動板房的零件建房子，全部自己寫好比一塊一塊磚砌房子。

7、javascript腳本。JavaScript是一種屬於網路的腳本語言，通常是通過嵌入到HTML網頁中給網頁帶來各式各樣的動態效果。

網頁裡面的驗證碼，彈窗，特效等就靠它了，一個沒有javascript的頁面基本沒有，這個也有好多的框架可用，這個語言是最難的，也是最強大的，網頁木馬，病毒大多用這個語言。

8、平面涉及軟體。flash，photoshop等，頁面美化還要靠圖片等東西。

9、學習一種動態網頁技術

ASP是微軟公司開發的代替CGI腳本程序的一種應用，也是微軟公司的第一個伺服器側的腳本引擎，能夠動態產生Web頁面。ASP可以與Web資料庫以及其它程序進行交互，是一種簡單、方便的編程工具。

(5)網頁設計欣賞教學計劃擴展資料：

設計事項

一、注意超鏈接顏色與單純敘述文字的顏色呈現

WWW的語言—HTML允許Webpage設計者特別標明單純敘述文字與超鏈接的顏色，以便豐富Webpage的色彩呈現。

如果您的網站充滿知識性的信息，欲傳達給訪問者，建議您將網頁內的文字與超鏈接顏色，設計成較干凈素雅的色調，會較有利於閱讀。

純粹的敘述文字採用較暗、較深的顏色來呈現，超鏈接文字則以較鮮明搶眼的色彩來強調，至於探訪過的超鏈接則採用較低於原超鏈接亮度的顏色做呈現。

二、測試所有的超鏈接與導覽按鈕的真實可行性

Webpage上線之後，第一件該做的事，是逐一測試每一頁的每一個超鏈接與每一個導覽按鈕的真實可行性。徹底檢驗有沒有失敗的link無法鏈接到該鏈接的Webpage，卻反而冒出「FileNotFound」的錯誤訊號出來。

三、讓超鏈接的字串長短適中且走文自然

抓住能傳達主要訊息的字眼當做超鏈接的錨點(anchor)，可有效地控制住超鏈接的字串長度，避免字串過長(如∶整行、整句都是錨點字串)或過短(如∶僅一個字當做錨點)，而不利於讀者的閱讀或點取。

四、當導覽按鈕鏈接到當前頁時

各Webpage若重復使用同一組的導覽按鈕，無可避免地會產生某一導覽按鈕鏈接到當前頁的情形。

為達成界面設計的一致性，並沒有絕對的必要性拿掉此導覽按鈕，但Webpage設計者可讓此按鈕不再具有超鏈接的功能;或將此按鈕的彩度、亮度降低，使讀者可清楚地意識到∶這個暗設下來的導覽按鈕不再具有超鏈接的功能。