第一篇：網頁設計教學總結
《網頁設計》教學總結
本學期計算機科學與技術系軟件工程專業的《網頁制作》課程由我負責，學生共74人，及格率100%。其中90分以上的沒有，80分以上的只有幾個，大多是在70～80之間，也有一小部分在60～70之間。成績不是很理想，總體來說大多數學生平時上機實踐比較積極、踏實，能夠自覺的按照老師的要求去做，但也有少數學生自覺性差，需要老師和學委催促。現將一個學期的教學情況總結如下：
一、老師給與學生合理的引導，更要加強自身的素質修養，提高自己的知識水準。
在整個教學過程中，在教學過程中自己還缺少更高的藝術修養和藝術創造能力，所以還要不斷的學習；另外就是技術上還需要完善，也需要和有經驗的老師多交流，多溝通。相信只有站在一定的高度去看整個項目的實現，會更通俗易懂也更有說服力，所以也不能說都是學生的原因，歸結起來還是要提高自己的知識水平和業務素質！
二、了解學生，加強考核。
針對全體學生來說，聰明程度相當，但學習興趣層次不同，大部分學生只愿意聽后選擇性的接受，而沒有知識的創新利用，或者是沒有下去自學，鞏固知識，單一的只是聽和做。有的同學，上完課后根本就直接把書丟在一邊置之不理。綜合學生的學習態度問題，個人認為還需要加強考核制度，從嚴制學，寬進嚴出，嚴肅考風！
三、教學內容心得
1.網頁制作要簡潔大方。網站在設計過程中以簡潔大方為主，配合合理的顏色搭配和主題內容的詮釋，給訪問者賞心悅目的感覺；而避免過多的動畫和幀的過多運用，以及不明確的導航，雜亂的顏色，沒有主題的胡編亂造。2.網站風格要統一。所有的圖像、文字，包括像背景顏色、區分線、字體、標題、注腳什么的，要統一風格，貫穿全站。這樣子讀者看起來舒服、順暢，也會對你的網站留下一個 “很專業”的印象。
知識運用中要大量配合合理的模板、CSS樣式的運用而避免在網頁中反復的字體樣式重定義顏色的胡亂運用，參差不齊給人雜亂的感覺。
3.網站布局合理。避免一些“拿來主義”，一些學生為了設計方便，拿網上流行的模版做網頁，做出的網頁幾乎是千篇一律，沒有特色，雖然完成了網頁的制作，畢竟不是出自個人之手，知識缺乏進一步鞏固，且讓瀏覽者產生厭倦。另外導航清晰化，能引領瀏覽者閱讀網頁，思路一定要清晰，避免交叉鏈接。
4.網站容量要小。雖然網頁更加美觀可以吸引瀏覽者，但是圖片，動畫容量大會影響瀏覽速度，所以一定要注意網絡容量問題。圖片盡量壓縮，多采用單一色，或者簡單的顏色；動畫要盡量簡潔實用，用最少的幀做出最漂亮實用的動畫，給網頁增色。
但是總體來說，通過整個學期網頁制作的學習，學生已經了解了網頁制作所需要的基本技術，也掌握了網頁制作的基本技能。但由于時間緊迫，知識點多，一些重點難點問題還需要勤加練習，比如：靜態網頁中的布局和CSS 的定義；動態網頁中對象的綜合運用等等。當然也存在著遺憾，不少學生反映，學習愛好更多的是動畫的制作即 Flash的學習，而我們只是籠統的講解，不能完全滿足學生的求知欲！當然針對網頁制作來說，還需要加強學生的配色觀念以及審美觀的培養，以及動態網頁的實現技術的把握，在很多方面還需要老師和學生們進一步配合，共同學習和實戰，以達到知識運用的一定高度！
第二篇：網頁設計教學總結
網頁設計教學總結
這個學期我擔任了10網絡(1)(2)班和10商務班的的網頁設計這門課程。在前面半個學期的教學中，我做到了認真制定計劃，注重教學理論，認真備課和教學，努力上好每一節課，并和其它優秀老師交流，從中吸取教學經驗，取長補短，提高自己的教學水平。按照課程要求進行施教，讓學生掌握好網頁設計知識。還注意以德為本，結合網站實例進行層層善誘，多方面、多角度去培養學生的實踐能力、提升其操作技能。
下面從以下幾個方面來談談我這個半個學期的教學總結： 教學進度
按照教學進度，我們已經完成了課程的全部內容的學習。教學進度基本上按照原計劃已經完成了。教學方法
教學中我從以下幾方面進行努力：
一、課前準備。熟悉教材。解教材的結構，重點與難點，掌握知識的邏輯，能運用自如，知道應補充哪些資料，采用哪個實例作為網頁教學實例；解學生的知識結構，解他興趣、需要和習慣，知道他學習新知識可能會有哪些困難，采取相應的預防措施；結合學生情況采取何種教學方法，解決如何把教材上的知識系統地傳授給學生，包括如何組織教材、如何安排每節課、如何講解實例。設計一些實際中的商業網站案例。
二、課堂情況。網頁設計課上。課堂上引起學生的興趣，激發學生的創作興趣。網頁設計課里包含有一些圖片設計和動畫設計，這些需要有豐富的想象力才能制作出優秀的作品，課堂上，也盡力培養學生的想象力，引導學生想象。課堂上，始終以學生為學習主體，把學習的主動權交給學生，挖掘學生潛在能力，讓學生自主學習，提高學生學習的獨立性。記得在有節課，把一個網站拿來講解，讓學生先看，看了后讓學生在草稿紙上畫出自己的設計草圖。最后我再來以不同的方式講解該網站制作的方式，給學生從多角度進行分析。有時也讓學生在教師機上當場操作，讓學生的智慧、能力得到體驗，使學生成了學習的主人，使學習成了需求，讓他覺得學習中有發現、有樂趣、有收獲。課堂上關注全體學生，注意信息反饋，調動學生的注意，使其保持相對安靜，同時，激發學生的情感，使他產生愉悅的心境，創造良好的課堂氣氛，課堂語言簡潔明了努力克服重復的毛病，課堂提問面向全體學生，努力引發學生學網頁課的興趣。還要做好課后輔導工作。認真批改學生的作業。
三、課后工作。要提高教學質量。總結學生本次作業中的不足，解哪些知識學生還沒有理解并在下一節課時進行補充說明。鼓勵優秀學生，激發其它學生。課后多和學生交流，解其學習情況，以便改善教學。存在問題:
一、教學中的相互合作有待提高。
二、網絡教學資源還不是特別豐富，不能很好滿足教學需求。今后將進一步加強網絡資源建設，并提高資源利用率。
總結整個2007年上半年的教學工作，收獲是豐富的，不管從知識，還是教學管理，還是教學經驗上都是豐富的。給了我成長的道路上寶貴的一筆。雖然有很多時候都是在一種緊張，忙碌的狀態下走過，但我知道，走過了這一段，人生就會是另一個起點，有另一個更大的目標等著我去前進。
屈明 2011-12-28
第三篇：網頁設計期中教學總結
網頁設計期中教學總結
計算機工程學院—王湘文
這個學期我擔任了計算機科學技術學院09計網一、二的網頁設計這門課程。作為網頁教師，在前面半個學期的教學中，我做到了認真制定計劃，注重教學理論，認真備課和教學，努力上好每一節課，并和其它優秀老師交流，從中吸取教學經驗，取長補短，提高自己的教學水平。按照課程要求進行施教，讓學生掌握好網站建設知識。還注意以德為本，結合商業網站實例進行層層善誘，多方面、多角度去培養學生的實踐能力、提升其操作技能。
下面從以下幾個方面來談談我這個半個學期的教學總結：
一、上半學期教學工作的回顧
1、教學進度
網頁設計這門課的教材共16章，按照教學進度，我們已經進入了第10章插入表單的學習。教學進度基本上按照原計劃已經完成了。
2、教學方法
教學中我從以下幾方面進行努力：
掌握教材的基本思想、基本概念，一、課前準備。熟悉教材。解教材的結構，重點與難點，掌握知識的邏輯，能運用自如，知道應補充哪些資料，采用哪個實例作為網頁教學實例；解學生的知識結構，解他興趣、需要和習慣，知道他學習新知識可能會有哪些困難，采取相應的預防措施；結合學生情況采取何種教學方法，解決如何把教材上的知識系統地傳授給學生，包括如何組織教材、如何安排每節課、如何講解實例。
設計一些實際中的商業網站案例，二、課堂情況。網頁設計課上。課堂上引起學生的興趣，激發學生的創作興趣。網頁設計課里包含有一些圖片設計和動畫設計，這些需要有豐富的想象力才能制作出優秀的作品，課堂上，也盡力培養學生的想象力，引導學生想象。課堂上，始終以學生為學習主體，把學習的主動權交給學生，挖掘學生潛在能力，讓學生自主學習，提高學生學習的獨立性。記得在有節課，把騰訊的一個分支網站拿來講解，讓學生先看，看了后讓學生在草稿紙上畫出自己的設計草圖。最后我再來以不同的方式講解該網站制作的方式，給學生從
多角度進行分析。有時也讓學生在教師機上當場操作，讓學生的智慧、能力得到體驗，使學生成了學習的主人，使學習成了需求，讓他覺得學習中有發現、有樂趣、有收獲。課堂上關注全體學生，注意信息反饋，調動學生的注意，使其保持相對安靜，同時，激發學生的情感，使他產生愉悅的心境，創造良好的課堂氣氛，課堂語言簡潔明了努力克服重復的毛病，課堂提問面向全體學生，努力引發學生學網頁課的興趣。還要做好課后輔導工作。認真批改學生的作業，三、課后工作。要提高教學質量。總結學生本次作業中的不足，解哪些知識學生還沒有理解并在下一節課時進行補充說明。鼓勵優秀學生，激發其它學生。課后多和學生交流，解其學習情況，以便改善教學。
3、存在問題
一、由于教材過厚，學生反映教學速度過快。以后在教學過程中將注意教學進度，尤其是語速。
二、教學中的相互合作有待提高。
三、網絡教學資源還不是特別豐富，不能很好滿足教學需求。今后將進一步加強網絡資源建設，并提高資源利用率。
二、下一階段教學工作的計劃
在下個學期的教學中，我將繼續認真備課，上課；按原訂授課計劃完成教學任務。并且總結上半個學期教學中存在問題，爭取改進。同時，網頁設計是一門需要實踐的課程，我將做好網頁設計實訓計劃以及擬訂期末考試度卷。做好學生考評工作。
第四篇：網頁設計總結
網頁設計聽課總結
網頁設計的階段性課程：
1、規劃階段（網站策劃）
2、設計階段（網頁美工）
3、實施階段（網頁制作）
詳細流程：站點策劃、構思草圖、美工設計、圖形制作、腳本編程、圖形頁面整合、測試發布
從創建站點開始（學會搭建并定義本地站點）
規劃站點結構的原則（用文件夾來保存文檔、使用合理的文件名稱、首頁名稱、將本地和遠端站點設為同樣的結構）搭建自己的網頁文件夾 比如（images、midea等等）
創建站點文檔（添加文件和文件夾、文件的管理）
HTML代碼的基本結構（頭部、主體）：
….
…
設定meta內容（通用頭元素的設置、添加meta元素。設置關鍵字和描述文字、刷新網頁設置）
設定頁面屬性（標題、背景圖像、背景色、文本顏色、邊距）
添加文本（插入特殊字符、設定文本屬性、改變字體和尺寸）
換行快捷鍵：enter 和shift+enter（br式回車 緊湊型）
網頁支持的圖像格式：gif、JPEG、png等
圖像在網頁中自動變形后，可以按“重新取樣”后改變圖片的大小
底部水平線修改顏色：點擊快速標簽編輯器修改源代碼即可（如：color=“green”）插入flash動畫、flash按鈕與文字、flash圖片查看器、flashpaper文件
插入javaapplet元素（源代碼：）
插入交互圖像（翻轉圖片和導航條）
JavaScript 腳本語句：
設置滾動文字屬性：在滾動文字前加上
鼠標指向時停止滾動命令：onmouseover=“this.stop()”
鼠標離開時開始滾動命令：onmouseout=“this.start()”
在滾動文字結束代碼的最后寫上：
例如：
網頁鏈接：絕對路徑（http://）
相對路徑(相對于同網站下的鏈接b.htm)
根路徑（a.htm）
內部鏈接、外部鏈接、錨鏈接、Email鏈接、鏈接的目標窗口、圖像的超級鏈接、熱點 鏈接的源代碼：
郵件鏈接：（mailto:郵件地址？subject=網站意見反饋&cc=郵件地址）
例如：mailto:xxx@163.com?subject=網站意見反饋&cc=xxx@163.com
錨鏈接的使用方法：先在頭部拋錨，然后在頁尾鏈接到錨點（在目標處寫：#top）源代碼如下：返回頭部
圖像的熱點：在一張圖片的不同地區選擇新的鏈接。
腳本鏈接：例子：關閉窗口的鏈接：JavaScript：window.close()
表格的應用：新增表格、表格的屬性設定
學會用fireworks切片，并且在Dreamweaver中導入fireworks HTML并調整表格的操作 Html源代碼 表格:
表格的繪制：（繪制表格、繪制單元格）擴展、標準、布局
快捷鍵：ctrl + ：放大ctrl-： 縮小
做好切片及排版
制作表單：（什么是表單？客戶端填寫表單（提交反饋）服務器端處理表單、加入空白表單、設定表單屬性）
表單動作：（表單內容發到郵箱）mailto:xxx@163.com &cc=xxx@163.com
文本域、單選按鈕、復選框
源代碼：
id=”leftFrame“ title=”leftFrame“ />
添加浮動框架： 使用浮動框架（制作浮動框架、設置浮動框架屬性、制作浮動框架鏈接）
屬性的設置源代碼：
制作復雜的嵌套結構框架頁面、學會在頁面中使用嵌套框架，并制作框架頁面間的鏈接。模板的應用：模板的功能 什么是模板 為什么用模板（方便制作及更新）
創建模板（根據已有文件建立模板）文件菜單下：另存為模板?
定義可編輯的區域
庫的建立及應用 庫的建立（什么是庫？為什么使用庫？）便于局部文件的修改
1、建立庫
2、應用庫
3、更新庫
層的使用 創建層 設置層屬性（選擇層 改變層的大小 移動層 排列層）
插入層的html語句：
層是屬于CSS樣式表的一種定位技術
作用：直接使用層排版、利用層來設計表格（層和表格可以互換）、使用層溢出屬性 控制當層的內容超過層的大小的時候就要用到層的溢出屬性（類似滾動條效果）
溢出屬性的選擇有四種：
1、visible（可見的）
2、hidden（隱藏的）
3、scroll（滾動效果）
4、auto（自動）
行為（什么是行為/動作/事件 選擇對象 添加動作 調整事件）
行為的應用：制作彈出信息窗口、制作打開瀏覽器窗口、播放音樂（實現背景音樂）在html語言中添加背景音樂：
其中的（loop=”-1“：指的是無限循環）
設置狀態欄文本 針對輸入文本框的行為事件“點擊”是：onfocus
不在文本框的行為事件是：onblur
控制flash的播放 先給flash命名 然后在下方設置控制播放的命令 給名字設置空連接（空
連接的目標為：#）
檢查表單 對按鈕實施行為事件
轉到URL
交換圖像
顯示彈出式菜單
檢查插件（新建文字 指向空連接 然后設置行為屬性即可。）
檢查瀏覽器（在IE流行的現在時代，一般不使用）
改變屬性（例如改變圖片的邊框屬性 如：border）
拖動層的效果（拖動層要對整個頁面進行實施）
設置顯示隱藏層（例如：鼠標劃過時出現圖片，離開時消失）
設置層文本
制作時間軸動畫（層的漂浮效果）Fps：幀速率 在路線中添加關鍵幀
控制時間軸（鼠標經過停止、鼠標離開浮動）
常用事件：onmouseover、onmouseout、onfocus、onload等等
使用插件
1、手動安裝插件：擴展對象、擴展命令（對于鼠標跟隨的效果，字體的設置直接在CSS樣式表中）、擴展行為
2、自動安裝插件（使用插件管理器）：Dreamweaver中的標準插件后綴名為：*.mxp去adobe網站找插件。主要包括：擴展對象、命令、行為
預覽和出版：檢查網站中的錯誤鏈接、檢查某個html頁面的鏈接錯誤
Dreamweaver課程總結：
1、建立站點、維護站點
2、頁面構成元素：文字（特殊字符）、圖片、表單、多媒體（embed、marquee、bgsound）、頭信息的加載
將其上傳到網站的根目錄即可。如果需要將Favicon.ico放到其他目錄下，或者希望讓不同的網頁顯示不同的Favicon，就需要在網頁Html文件中做設定了，在Html中的＜head＞部分加入如下的代碼：
第五篇：網頁設計總結
四川機電職業技術學院
有一句話說的真的很對“紙上得來終覺淺，絕知此事要躬行”，大學生活我想人人都向往，為什么呢？因為玩得很好。高中時老師們就經常把大學如何如何掛在嘴邊。是呀大學生大部分就是不上課就玩，缺乏實踐和動手能力，思維有時也變得越來越不活躍。這次的實訓就是很好的列子。
實訓第一天，因為是設計動態網頁要在ASP的平臺上才能顯示，老師就教我們安裝，文件不要亂放等，就這一個安裝我就試了好幾次才成功，心情很不好，總是感覺計算機在跟我作對，很奇怪吧，有時候就是不想承認別人都做出來了，自己卻沒有。現在想想都覺得自己那時好幼稚，好可笑，好無知。隨著做網頁的時間增多，有的事就越做越熟練，就不會像第一天安裝那個平臺要試幾次，現在一次就行而且是百分之百的成功。整個實訓的過程可以說是所學知識的一個整理，一個綜合，一個靈活運用。之前我們課堂上學的東西是一個個知識點，比較零散。雖然在實訓之前我們也做過兩個網站，但那是我們小組合作的，所以有些知識點我們并沒有都用到。而這次實訓是自己一個人做網站，做網站的各個環節都要自己親力親為，可以說是一個挑戰，同時也是對知識的一種升華。它不僅是dreamweaver軟件的熟練操作，也是potoshop、flash軟件的熟練運用。我們需要自己設計網站的LOGO這就需要運用到potoshop軟件強大的圖形圖像處理功能，需要做出生動的網頁效果，就需要flash做出動態的文字效果和圖片切換效果。免會遇到過各種各樣的問題，同時在設計的過程中發現了自己的不足之處，對以前所學過的知識理解得不夠深刻，掌握得不夠牢固，在CSS的具體應用還不是和很熟練，沒有能完全達到自己預期的效果，還好通過老師的細心指導才能達到最終效果??通過這次網頁設計與制作實訓，一定把以前所學過的知識重新溫故。
在這次實訓中，也有許多的困難的和問題，以前我還以為制作網頁很簡單，只需要在網頁制作工具中動動鼠標，找點資料就可以完成，原來是我把網頁制作看得太簡單了，在這次實訓中我知道我錯了。制作網頁不是簡單的，需要分步驟，而且還要會為網頁取名，取名真的很重要，而且要記著保存，有的時候吧，我就會忘了保存。老師在實訓中也是不自一次的說建了一個網頁或修改了網頁中的東西，一定要記住保存，還有名字不能取中文。再取名字中也遇到了點問題，因為網頁太多了，有時候自己取的什么名字都忘了，共 頁
第頁
四川機電職業技術學院
找一個后臺就會找很久，然后慢慢學乖了，這個現象也在慢慢減少。當然了這還不是在制作過程中遇到最困難的問題，最困難的問題的是什么呢，當然是打不開網頁了。我相信很多人都會遇到，我遇到的時候當然也是去看源碼又沒錯，有時候是單詞寫錯了，可有的時候我就是不知道哪里有錯，找了很久也找不到，總之很心煩它就是不出來。這時候你就知道同學朋友有多重要了，我問好朋友為什么，也問同學，請他們幫我找錯，他們也是很有耐心的幫我解決我所遇到的問題，有時候三四個人還一起討論，感覺很棒。數據庫的連接說容易也不容易，一不小心把文件的路徑給改了或放錯了位置也是不行，網頁就會顯示沒找到所說的文件或對象，也可能無法顯示。而且在制作過程中感覺很有趣，因為是按照自己的設計而制作的。要把自己所寫的內容在網頁上顯示又需要連接和后臺，我就在上面遇到了一個問題找不到對象，我明明有鏈接呀，也有內容呀，后來才清楚我只連接了一個地方還有個地方沒連接所以就不能顯示啦，而且也找不到。
在兩周的實訓日子里，雖然有時很心煩，無奈，但是可以學到很多很多的的東西，同時不僅可以鞏固了以前所學過的知識，而且學到了很多在書本上所沒有學到過的知識。更懂得并親身體會到了理論與實際相結合的重要性，只有理論知識是遠遠不夠的，把所學的理論知識與實踐相結合起來，從理論中得出結論，才能真正為掌握技術，從而提高自己的實際動手能力和獨立思考的能力。
共 頁
第頁
點擊咨詢 