網頁設計課程的教學內容

1、網頁製作要學哪些課程？

初級前端

主要學習三個部分：HTML，CSS，JavaScript

一、html + css部分：
這部分特別簡單，到網上搜資料，書籍視頻非常多。css中盒子模型，流動，block，inline，層疊，樣式優先順序等這些自學起來也是非常容易。最後再深入了解下瀏覽器差異性，ie9以下兼容簡單了解就行了，ie9以下瀏覽器被淘汰掉是趨勢，低版本沒必要浪費大量時間去學習兼容主流瀏覽器，google chrome瀏覽器、firefox瀏覽器、safari瀏覽器、opera瀏覽器即可。瀏覽器差異內容很多，建議在實踐中多多積累。

二、JavaScript部分。
1.基礎學習：
難點，也是重點，要學的內容實在很多，如果沒有其他編程語言的基礎的話，學起來可能要費些力，有很多比較抽象的概念，必須要深入理解，比如閉包、原型、面向對象、封裝等，要理解透徹。看書是必不可少的，找一本優秀的js書從頭到尾，反復研究學習，第一遍可以快速翻閱，大體知道了解概念即可，第二三遍就需要深入學習了。另外，js面向對象編程必須要學習，非常重要，個人推薦一本書， Stoyan Stefanov著，凌傑譯的《javascript面向對象指南》。邊學邊練，實踐出真知。

2.jQuery學習：
這些基礎知識掌握好之後，還需要學jQuery，這是一個非常優秀的Javascript庫，大型開發必備。它簡化了Javascript的復雜操作，消除了Javascript跨平台兼容問題，提供了大量實用方法，有良好的文檔和幫助手冊，是一個非常成熟的Javascript庫。慕課網學習視頻幕課網。學習方法也很簡單，照著產品文檔做幾個頁面就行了，不用面面俱到，以後遇到問題查文檔就行了。

大概流程就是這樣，如下圖所示：

3.進階學習：
有了以上知識，對於大多數小型網站，你應該已經可以寫出能夠工作的代碼了。但要想成為更專業的前端，你還需繼續努力。更高的要求大概還有四方面：易維護，可測試，高性能，低流量（移動端）。

中高級前端

1.工具學習習：大型項目中，前端代碼構建已經不是簡單的壓縮一下了，依賴管理、模塊合並、各種編譯步步不可缺少，需要學會使用grunt、gulp等前端構建工具，要學習的還有：包管理器bower、npm，代碼優化CSS Lint、JSHint、JSLint，CSS預處理器less、sass,代碼管理及版本控制svn、Git，web框架/伺服器Node、Express，代碼規范、HTML模塊化、css模塊化。如果你想學習JS可以加這個群：611-428-142，每天有免費的直播課程，有錄播視頻回放，有專業老師解答。

2.布局框架學習如Bootstrap。

3.新技術html5學習。

4.js框架學習，requireJS、 AngularJS等，往前端架構師靠近。

5.nodejs學習。

下圖非常好的表達了高級前端工程師需要學習的內容：

到招聘網站，參考任聘要求，准沒錯，舉例如下：

1.精通html和css，能製作符合W3C標準的靜態頁面；
2.精通JavaScript編程，對面向對象編程思想有深刻理解；
3.精通主流Javascript庫/框架jQuery；
4.理解並掌握JavaScript語言核心技術DOM、BOM有Javascript性能優化經驗；
5.對瀏覽器兼容性有深入的研究，精通各種瀏覽器問題 ；
6.了解Backbone.js、AngularJs等MVC框架並有實際項目開發經驗；
7.了解http://asp.net等伺服器後台技術和擁有一定的C#編程能力者優先；
8.對交互體驗、可用性、用戶體驗有一定程度的理解；
9.有良好的責任心和團隊合作能力、能承受較大的壓力；

自己動手搜索下吧，確定目標和方向，以上是個人路線，僅供參考。

2、網頁設計需要學習哪些課程

這是網頁設計的全部課程，要是感興趣的話可以了解一下：
計算機基礎
Office辦公自動化
Dreamweaver網頁設計
SQL server2008
JavaScript
HTML5+CSS3
動態網頁設計PHP+MYSQL

3、自學網頁美工，需要學習那些內容的課程呢？

網頁美工，包含美術設計和軟體工具兩個大方面的學習，我個人人為軟體工具大家都能學要容易一些。

一、軟體方面除photoshop，dreamweaver ,coreldraw和Illustrator也應該要學下，因為網站很多這方面的矢量素材可以用。

二、我認為的難點也就是美術設計方面，大家都知道很多美術專業的童鞋這方面基本工就比較扎實，做出東西也漂亮，大體說來美術設計又要分兩分面，一個是審美，二個就動手設計能力，一般眼高手底就是說的看到的想像的，或說領悟到的覺得非常漂亮，但親自動手設計就會覺得達不到想要的效果。
1、提高審美方面：簡單點來說就是多看優秀做品，更重要的是照著做，模仿，這樣進步更快，一般來說為什麼我們總覺得自己做的東西不好看，然後不斷改進，也就是說我們自身審美術能力比較高一些，但自己設計能力還需要提高。
2、設計方面分設計構成和色彩知識。設計構成說細了就是點線面的塔配組合，也就是排版知識。色彩方面的知識也比較多，如色相環，對比色，類似色，明度，純度等等還有色彩與心理的研究，這兩方面都有很多專業書可以看。

4、現在學校那個網頁設計方面的課程主要有哪些？

你好，一般要學一些平面設計軟體和二維動畫軟體
如photoshop fireworks 動畫為Flash
也會學一些腳本語言VB 和JS等等
對一些網路編程語言進行初步的了解包括ASP等等
然後主要的是Dreamwerver

5、網頁設計到網站開發,這些課程有什麼不同

完全不用學這么多 只要你專攻一兩個語言就可以了 舉個例 就像你坐飛機能到北京 坐火車也可以 做汽車也可以 ....主要看你擅長什麼了···開發網站也是一樣的 您要做什麼樣的網站 可以通過不同的方法實現 而結構框架 程序功能 隨便用你最擅長那個來寫就可以了

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

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