網頁設計教學

『壹』 我想學網頁設計,沒有基礎.請各位推薦一個網頁設計培訓的遠程教學給我.

1、先要了解HTML語言，找個編輯器、有個瀏覽器就可以進行測試！
2、學習PHOTOSHOP、fireworks等！
網上也有相關的視頻！
祝生活愉快、工作順利！

『貳』 請大家推薦一下好的網頁設計網站，教學視頻，或者好用的軟體~~

Frontpage更加容易上手些，而Dreamweawer則功能更為強大些，只要喜歡鑽研，學起來也不是很難~這兩版個就是比權較好用的網頁製作軟體了。除了這兩個軟體，要想真正掌握製作網頁，還需學會Photoshop和Flash等有用的輔助軟體。

『叄』 網頁製作與網站建設從入門到精通 求教學實例

可以去一些比較大的網站學習 都是比較全面的 類似極客這種的

『肆』 網頁設計連接資料庫視頻教學

鏈接資料庫很簡單的、首先要在控制面板裡面添加一個數據源。然後在DW中資料庫-添加-數據源名稱-接下來那些自己看應該就明白了

『伍』 如何提高網頁設計與製作的教學質量

教學質量是學校辦學的永恆主題,是學校生存與發展的關鍵問題之一.如何提版高教學質量是教權育工作者和社會普遍關注的問題,也是一個常談不衰的話題.《網頁設計與製作》是一門綜合性、操作性和實踐性很強的課程,如何進行教學才能取得好的教學效果？結合自己的教學實踐,分別從課程內容、教學方法、學習方法、評價方式等幾個方面對如何提高《網頁設計與製作》課程教學質量進行了分析與闡述.

『陸』 如何提高網頁製作課程的教學效果

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

『柒』 淺談如何提高《網頁設計與製作》課程教學質量

如何提高教學質量是教育工作者和社會普遍關注的問題，也是一個常談不衰的話題。《網頁設計與製作》課程是高等職業院校計算機相關專業必修的一門課程，旨在培養學生網頁設計、網頁製作、網站建設與管理的能力。本文從課程內容、教學方法、學習方法、考核方式等幾個方面對如何提高《網頁設計與製作》課程教學質量進行了分析與闡述。[關鍵詞] 職業院校；網頁設計；網頁製作；教學質量一.引言隨著現代科學技術的迅猛發展，計算機已被廣泛應用於社會生活的各個領域，網站網頁已成為公司、企業或個人展示信息的一個平台。《網頁設計與製作》課程現已成為高等職業院校計算機相關專業必修的、理論與實踐相結合、重在學生設計與製作的一門專業課。傳統的教學方式主要以在多媒體教室授課，在機房實驗為主，由於實驗時間與授課時間是不連續的，往往出現在實驗環節中有些知識會被遺忘，在多媒體教室上課並沒有起到實質性作用，學生只是自我感覺看懂了，聽懂了，但真正動手操作練習時，會發現很多知識點並沒有掌握，結果導致部分學生失去學習的信心，整門課程的教學質量也隨之下降。那麼如何提高《網頁設計與製作》這門課程的教學質量，達到師生雙贏的結果，這是值得我們探討的。本人經過幾年的《網頁設計與製作》課程的教學實踐與觀察，從課程教學內容、教學方法、實踐教學、考核方式等幾個方面闡述了這一關鍵問題。二.合理調整課程教學內容從高職教育的培養目標出發，《網頁設計與製作》課程教學內容重在培養學生的網頁設計、實際動手製作的能力，培養高素質高技能型人才，學生畢業就能上崗，因此對課程的教學內容進行合理的調整尤為重要，本課程重要介紹網站建設規劃、網頁的設計與製作及網站的建設與管理，經過對本課程的調查、分析與研究，從五大模塊進行了介紹：模塊一介紹網頁基礎知識，網站的種類，網站的概念，並對優秀的網站網頁進行賞析；模塊二介紹HTML語言，通過一個典型的小型網站來講解HTML語言各類標記符的使用方法；模塊三介紹網站建設、網站規劃及流程，通過對優秀網站的分析，使學生頭腦里存在設計的概念、想法及思路；模塊四介紹製作網頁軟體的使用，通過具體的網站實例來介紹軟體的使用方法；模塊五為網站綜合設計，通過由學生選擇設計各類題目，兩人一組設計一個綜合類網站，進而鍛煉學生的團隊合作能力，網頁設計與製作的能力。將整門課程分為五大模塊，在實施過程中可能分階段進行，這種課程體系結構的安排證明在實踐過程中、在教學質量中都取得了良好的教學效果。三.改進教學方法，激發學生學習興趣在傳統的《網頁設計與製作》中，主要是以教師在多媒體教室講授，然後學生在機房練習實驗內容，這種教學方法使學生對知識的掌握很容易被遺忘，因此採取靈活多樣的教學方法，不僅能夠激發學生的學習興趣，還能夠起到事半功倍的效果。本人在此課程中主要採用了項目式教學法取得的良好教學效果進行分析闡述。本課程中主要採用了項目式教學方法，所謂項目教學，就是師生通過共同實現一個完整的項目工作而進行的一個教學活動。項目可以一個學生獨立做，也可以多個學生一起做。在教學前期一定要一個人獨立完成一個項目，為掌握了並不等於會使用，一定要讓學生動手實際操作，以是否會用相關技術製作出網頁為評價標准。在教學後期比較大的項目上可以幾個人一起完成。在本門課程的教學過程中，一方面採用四人為一個小組共同設計系部網站這一個項目，每組選出一名小組長進行總體的策劃，將這一完整項目分成多個子任務，每個任務分配到小組成員中，使他們各盡其責完成自己負責的任務；另一方面小組中的每個成員必須完成一個作品，這個網站的作品是由個人獨立完成的項目。網站製作結束前經過教師核准驗收後，可以宣布整個項目工作結束。接下來教師要對學生製作的作品進行展示，在進行作品展示時，教師可以把班級同學集中起來一起觀看，這會更加促進學生的團隊意識。同時，為了更好地利用網路空間和網上資源，可以把學生的好作品上傳校園網站。讓全校師生都來關注學生的成果。這樣，既給學生施加民壓力，也激發了學生的學習動力與信心，讓學生享受成功的快樂，享受成果的樂趣，真正提高對所學知識的理解和掌握。因此，通過個人項目、團隊項目、作品展示等教學方法與形式，不僅鍛煉了學生的自我設計、製作、審美及創新能力，還鍛煉了學生的團隊合作能力，分析問題、解決問題的能力，在很大程度上提高了學生的學習積極性和學習興趣。實踐證明項目式教學方法可行，得到了學生的喜愛與好評，也取得了良好的教學效果。四. 正確引導學生的學習方法要提高教學質量，必須培養學生良好的學習習慣、有效的學習方法、良好的學習態度。職業院校的學生大多數存在學習的積極性不高，不主動，課前不預習，課後不復習等現象，因此，在本課程的教學過程中，正確引導學生的學習方法是至關重要的。 (一)教師要很好地引導學生總結學習過程中的經驗教訓,從自身因素尋找獲取學習成功的突破口,意識到學習是一個艱苦、求是、提高、升華的過程。經常與學生溝通交流，使學生養成預習與自學的好習慣。使學生了解，通過預習和自學能夠充分發揮其動手的能力，掌握各種技能，培養自身的創新能力，這種方法的運用要比老師單純地講好得多。 (二)根據學生的認知水平、思維方式，適當降低教材的理論難底，一方面以課程內容「適度、夠用」為主，增強實用性和操作性，適應學生的心理實際，進而讓他們經過一段時間的學習後，覺得這些課程能夠學會，從而增強學生的自信心。另一方面，多讓學生欣賞一些網頁製作方面的案例，增加學生的興趣，調動學生的學習積極性，激發學生的潛能。(三)在實際教學中，多引用實例，多讓學生分析、解決、判斷及操作完成，幫助學生加強深對網站網頁的理解，使其能夠靈活運用所學的知識，學生設計與製作網頁，使學生獲得一種滿足感。例如：在介紹網頁中表格的布局時，以「製作旅遊類網站」為主進行介紹，首先由小組中的一名同學在黑板上畫出網頁的布局結構，然後再請另一名同學在軟體中進行設計，小組協作共同完成這一個案例，在製作過程中難免會遇到一些問題，如表格布局是否合理、單元格是否為頂端對齊、單元格的邊距和間距是否為0等現象是學生經常出問題的地方，那麼由學生進行操作所遇到的問題，他們自身的印象會更深，這樣就使其在今後的實踐環節中減少此類問題的出現。五.考核方式《網頁設計與製作》課程分為三部分考核，第一部分為平時成績佔30%，通過學生的日常出勤情況、實驗效果情況、平時表現進行考核；第二部為期末考試成績佔50%，期末考試主要以學生作品進行考核，主要是鍛煉學生的網頁設計與製作的能力，同時通過學生自評、互評、教師點評等方式進而調動了學生的學習舉；第三部分為對期末所製作的作品進行答辯佔20%，主要是考核學生的表達能力、信息的收集與整理的能力。通過這三種考核方式，能夠極大的調動學生的積極性，培養學生的創新思維，培養學生團隊合作意識，同時也受到了學生的認可與好評。六.結束語總之，《網頁設計與製作》課程是一門實踐性非常強的課程，如何提高本門課程的教學質量途徑多種多樣，只要在教學中不斷探索，勇於創新，定會尋找出一條既符合實際又有效的途徑，讓學生在有限的時間內學習到更多的知識，操作的更熟練，為今後的工作、學習奠定良好的基礎。同時,我也相信，只要每位教師本著「勤學、善思、實干」的准則，一如既往，再接再厲，調動學生學習的主動和積極性，培養學生觀察、思維、推理、自學以及分析問題、解決問題的能力，任何一門課程的教學質量都會得到提高。六.參考文獻：[1] 夏晶.試析如何提高高職院校《工業企業管理》課程的教學質量,中小企業管理與科技 2009

『捌』 實例教學，如何打造豐富而充滿呼吸感的網頁設計布局

網格系統

一般而言，網頁會有一塊主體區域，網站內容都包含在這塊區域中。

從文檔中我們看到Bootstrap分了三個結點，四種布局，分別對應台式顯示器、筆記本、平板電腦和手機。

因為它是一個框架，需要支持盡量多的自定義，所以每種布局都運用了12欄的網格系統，我們在實際項目中並不需要如此統一的劃分。比如在手機中，一般都會上下堆砌，最多不會超過3欄。

關於網頁的基礎布局問題可以講的還有非常多，960雖然已經使用多年，但在個人博客或者一些地方還是有著非常廣泛的使用，其中的門道也是非常的多。

至於響應式設計，需要關注的點更是隨著判斷情況的增多而需要考慮的也更為復雜，比如導航欄、圖片、內容的樣式的變化及信息的刪減等。

『玖』 簡述網路教學設計原則

基於網路環境來的教學設計自不同於傳統課堂環境的教學設計。為發揮網路環境的優勢，體現網路教學的特點，開展網路環境的教學設計，應遵循如下原則：

1. 教學（學習）關系是以教師為主導、學生為主體；

2. 學習（教學）活動具有個性化的特點；

3. 學習（教學）方式是以問題為中心的，以任務來驅動；

4. 學習（教學）過程是協商合作、共同建構的過程；

5. 學習（教學）成果是具有創造性和生產性的。