第一篇：網頁設計總結
網頁設計聽課總結
網頁設計的階段性課程：
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的具體應用還不是和很熟練，沒有能完全達到自己預期的效果，還好通過老師的細心指導才能達到最終效果??通過這次網頁設計與制作實訓，一定把以前所學過的知識重新溫故。
在這次實訓中，也有許多的困難的和問題，以前我還以為制作網頁很簡單，只需要在網頁制作工具中動動鼠標，找點資料就可以完成，原來是我把網頁制作看得太簡單了，在這次實訓中我知道我錯了。制作網頁不是簡單的，需要分步驟，而且還要會為網頁取名，取名真的很重要，而且要記著保存，有的時候吧，我就會忘了保存。老師在實訓中也是不自一次的說建了一個網頁或修改了網頁中的東西，一定要記住保存，還有名字不能取中文。再取名字中也遇到了點問題，因為網頁太多了，有時候自己取的什么名字都忘了，共 頁
第頁
四川機電職業技術學院
找一個后臺就會找很久，然后慢慢學乖了，這個現象也在慢慢減少。當然了這還不是在制作過程中遇到最困難的問題，最困難的問題的是什么呢，當然是打不開網頁了。我相信很多人都會遇到，我遇到的時候當然也是去看源碼又沒錯，有時候是單詞寫錯了，可有的時候我就是不知道哪里有錯，找了很久也找不到，總之很心煩它就是不出來。這時候你就知道同學朋友有多重要了，我問好朋友為什么，也問同學，請他們幫我找錯，他們也是很有耐心的幫我解決我所遇到的問題，有時候三四個人還一起討論，感覺很棒。數據庫的連接說容易也不容易，一不小心把文件的路徑給改了或放錯了位置也是不行，網頁就會顯示沒找到所說的文件或對象，也可能無法顯示。而且在制作過程中感覺很有趣，因為是按照自己的設計而制作的。要把自己所寫的內容在網頁上顯示又需要連接和后臺，我就在上面遇到了一個問題找不到對象，我明明有鏈接呀，也有內容呀，后來才清楚我只連接了一個地方還有個地方沒連接所以就不能顯示啦，而且也找不到。
在兩周的實訓日子里，雖然有時很心煩，無奈，但是可以學到很多很多的的東西，同時不僅可以鞏固了以前所學過的知識，而且學到了很多在書本上所沒有學到過的知識。更懂得并親身體會到了理論與實際相結合的重要性，只有理論知識是遠遠不夠的，把所學的理論知識與實踐相結合起來，從理論中得出結論，才能真正為掌握技術，從而提高自己的實際動手能力和獨立思考的能力。
共 頁
第頁
第三篇：網頁設計培訓總結
網頁設計技能比賽總結
12月24日，結束了河北省網頁設計項目技能比賽，我校取得了團體三等獎的成績，其中六名選手均獲得三等獎。先將本次比賽總結如下: 一.整體訓練過程
在本次比賽中，領導、技術科給予了很大的支持，學生經過嚴格的篩選，教研室主任也從選人，培訓時間，培訓內容等很多方面協助我們的學生選定,日常培訓等工作。培訓時間從11月2日至12月20日，主要利用中午休息時間以及周末時間，考前最后一周，進行集訓，共48天。
二.培訓情況（1）學生選定
學生選擇范圍是13、14計算機專業的在校學生，除了學生自愿報名以外，我還咨詢了幾個班級的班主任老師以及計算機專業任課教師，由他們推薦了幾名優秀學生，又通過平時培訓中的觀察，最后選出基礎扎實，領悟能力較強的六名學生參加比賽。
（2）培訓計劃
借鑒上次比賽的經驗，我決定這次培訓要做到全面細致，基于這個目標制定培訓計劃。網頁設計項目需要學習的軟件有dreamweaver、flash和photoshop。老師和學生一起在學校圖書館借來大量的學習資料和教學光盤。經過分析三門課程的難易程度以及在網頁制作中的作用，列出了培訓計劃，以dreamweaver為主為先，flash和photoshop同時進行的學習。
（3）前期培訓
對每一個關于網頁制作的知識點都力求講過練過，不放過任何一個知識點，做到全面。又通過強化練習的方式使學生對基礎知識做到熟練，能夠靈活運用每個知識點。
培訓時間分為兩段，中午是基礎知識的學習，下午是綜合實例的訓練，這樣將基礎知識及時應用于網站建設，提高了學習效率。
（4）后期培訓
由于比賽有時間限制，根據以往的比賽，技能有兩場考試：第一場三個小時，第二場兩個小時，所以在后期培訓中，采用測驗的方式，要求學生必須在三小時內完成六七個頁面的網站，要求每個網頁效果圖都能還原成網頁，經過這樣的練習，學生的技能得到強化，操作速度也有了很大的提升。
（5）臨賽之前
另外，總結每次比賽都有學生因為讀題失誤而丟分的情況，我找遍資料，找到了河北，保定CEAC考試題，以及評分標準，帶領學生仔細讀題，審題，揣摩試題的規律，進行練習。
考前幾天，分析比賽過程中的注意事項，如果遇到某類情況應該如何應對，希望學生們在比賽中不要慌款，緊張。
（6）學生學習刻苦努力。
在培訓的50天里，學生和老師放棄了休息時間，除了生病，沒有缺勤的記錄。因為冬天流感盛行，有兩個學生生了病，除了輸液時間都堅持來培訓，每名學生都努力提高技能，希望在比賽中取得好成績。除了培訓時間，學生還來利用晚上回家時間搜集資料，加強練習，和老師一起探討。
我也為了比賽付出了很多，平時在家里，每天都有家務活和孩子，這近兩個月只能放下這些全力備賽，有很多次因為孩子沒有人看，帶著孩子來培訓，平時上課已經很緊張，再加上比賽更顯得忙碌疲憊。期間還病了一場，缺勤了一天，學生們都發來安慰的短信，沒有因為我的生病而耽誤練習。培訓的過程中有辛苦也有感動。
三.比賽感受
作為指導老師，此次帶領學生參加技能比賽，雖然拿回了團體獎項，但成績不算很理想，更使我認識到與其他職業中學的差距，學生的技能水平和理論水平方面都有所欠缺。
四.比賽成績分析及改進方向（1）學生的篩選方式可以更多樣。
本次比賽選手的全由指導教師從報名的學生的中篩選，有些計算機專業的優秀學生沒能參加，或者是因為對技能比賽的重要性缺乏認識，或者是因為惰性、怕辛苦等原因。而指導教師還需要時間對不熟悉的學生進行了解。所以除了自愿報名外，也可以由平時與學生接觸較多的任課教師或班主任進行擇優推薦，多向學生們說說參加技能比賽的重要性，以及對自身能力的提高，這樣還可以達到鼓勵學生參加技能比賽。
（2）學生應試能力較差。由于參加這種大型比賽經驗缺乏，有些選手考試由于緊張，對考試環境的不適應，導致沒有發揮出正常水平，出現讀題不細致，由于慌張沒有正常發揮等問題。所以，學生應該多一些機會參加比賽，鍛煉心理素質和應試能力。
（3）賽前準備還應再加強。
熟練度方面，還應在技巧方面多下功夫，改掉浪費時間且造成代碼冗余的不良操作習慣，精細度方面，網頁作品還應該再細化，有些同學覺得差不多就行了，對作品沒有追求完美。
（4）理論題還應該再加強
理論題復習內容主要是CEAC和人才培養工程的題目，理論性較強，而考試題目針對日常操作的題目較多，所以理論題的復習也應該更加全面。
（5）比賽題目不清楚
對于技能比賽的考試范圍，都是聽學生考完之后的描述，但具體的評分標準和題目要求都不清楚，有時候成績下來并不知道與一等獎究竟差距在哪里，看不到一等獎學生的作品。再加上網頁三門軟件培訓范圍太廣，所以有時候培訓重點抓不到。
總之，這次比賽是網頁設計專業在教學好實踐中的又一次探索，鑒于中職學校的特點，在今后的教學實踐中，會更加注重學生技能的培養，使我們的學生掌握更多的專業知識，在以后的工作中學以致用，存在的問題和不足，我們也力求在今后的類似活動中克服和改進。
第四篇：網頁設計教學總結
網頁設計教學總結
這個學期我擔任了10網絡(1)(2)班和10商務班的的網頁設計這門課程。在前面半個學期的教學中，我做到了認真制定計劃，注重教學理論，認真備課和教學，努力上好每一節課，并和其它優秀老師交流，從中吸取教學經驗，取長補短，提高自己的教學水平。按照課程要求進行施教，讓學生掌握好網頁設計知識。還注意以德為本，結合網站實例進行層層善誘，多方面、多角度去培養學生的實踐能力、提升其操作技能。
下面從以下幾個方面來談談我這個半個學期的教學總結： 教學進度
按照教學進度，我們已經完成了課程的全部內容的學習。教學進度基本上按照原計劃已經完成了。教學方法
教學中我從以下幾方面進行努力：
一、課前準備。熟悉教材。解教材的結構，重點與難點，掌握知識的邏輯，能運用自如，知道應補充哪些資料，采用哪個實例作為網頁教學實例；解學生的知識結構，解他興趣、需要和習慣，知道他學習新知識可能會有哪些困難，采取相應的預防措施；結合學生情況采取何種教學方法，解決如何把教材上的知識系統地傳授給學生，包括如何組織教材、如何安排每節課、如何講解實例。設計一些實際中的商業網站案例。
二、課堂情況。網頁設計課上。課堂上引起學生的興趣，激發學生的創作興趣。網頁設計課里包含有一些圖片設計和動畫設計，這些需要有豐富的想象力才能制作出優秀的作品，課堂上，也盡力培養學生的想象力，引導學生想象。課堂上，始終以學生為學習主體，把學習的主動權交給學生，挖掘學生潛在能力，讓學生自主學習，提高學生學習的獨立性。記得在有節課，把一個網站拿來講解，讓學生先看，看了后讓學生在草稿紙上畫出自己的設計草圖。最后我再來以不同的方式講解該網站制作的方式，給學生從多角度進行分析。有時也讓學生在教師機上當場操作，讓學生的智慧、能力得到體驗，使學生成了學習的主人，使學習成了需求，讓他覺得學習中有發現、有樂趣、有收獲。課堂上關注全體學生，注意信息反饋，調動學生的注意，使其保持相對安靜，同時，激發學生的情感，使他產生愉悅的心境，創造良好的課堂氣氛，課堂語言簡潔明了努力克服重復的毛病，課堂提問面向全體學生，努力引發學生學網頁課的興趣。還要做好課后輔導工作。認真批改學生的作業。
三、課后工作。要提高教學質量。總結學生本次作業中的不足，解哪些知識學生還沒有理解并在下一節課時進行補充說明。鼓勵優秀學生，激發其它學生。課后多和學生交流，解其學習情況，以便改善教學。存在問題:
一、教學中的相互合作有待提高。
二、網絡教學資源還不是特別豐富，不能很好滿足教學需求。今后將進一步加強網絡資源建設，并提高資源利用率。
總結整個2007年上半年的教學工作，收獲是豐富的，不管從知識，還是教學管理，還是教學經驗上都是豐富的。給了我成長的道路上寶貴的一筆。雖然有很多時候都是在一種緊張，忙碌的狀態下走過，但我知道，走過了這一段，人生就會是另一個起點，有另一個更大的目標等著我去前進。
屈明 2011-12-28
第五篇：網頁設計實習總結
實習總結
為期一個月的實習結束了，首先我感謝老師、感謝思普公司給我這個鍛煉自我的機會。在這個月里，我學到很多，感受也很深刻，給我以后找工作積累了工作經驗。
來到公司，文總給我的第一個任務就是要我做世界旅游小姐的一張圖片，還有設計布局世界旅游小姐大賽的熱點賽事和主辦單位。我做了很久都沒做出來，只是在那蠻想，不懂得去借鑒類似的網站，在小呂的提示下，我借鑒了別的網站，終于做出來了，雖然做的不好看，自己很不滿意，不過老總滿意就行了。這不是我不負責任，我明白了兩個問題。
一、做我們這一行的，做出來的東西是給顧客跟老板看的，不是給自己看的。
二、做出來的東西要符合大眾的眼光，所以要多鑒賞別的好的網站，你覺得好的僅僅只是你覺得好，人家不一定會這么想。
在公司，我的主要工作就是接收美工人員的網站模板，將其通過Photoshop切片，然后導入Dreamweaver進行排版，（排版主要使用css+div），并進一步的加以制作，完善美化，如加入js代碼，或Flash，因為網頁是用css+div進行排版的，所以在最后一步的時候，我們還需要進行瀏覽器測試，因為css+div排版方式有一個最大的缺點就是：瀏覽器不兼容的問題，典型的如：IE6、IE7、IE8、Fireworks，因為各種瀏覽器使用的協議不同，所以會導致頁面在最終瀏覽的時候有一些小問題，如：頁面混亂，圖片、文字之間的距離過大或過小，頁面不美觀等等，做為一個新人，我在有些方面的技術還很不成熟，所以在小呂的幫助下，解決了很多問題，所在我很感謝他。在布局頁面的時候，我也明白了幾點，如下： 一、一定要按照美工設計的模板去布局網頁，老板沒說要修改不要擅自做主加以修改。
二、頁面的布局，要先看整體后局部，還要注意瀏覽器的兼容性
1、少用margin多padding
2、少用float多用overflow:hidden
3、使用float指定寬
4、繼承關系不要復雜
5、大塊拆成小塊寫
6、標簽關系不要太復雜
7、少用定位
8、不要偷懶，有些層不要一個標簽搞定
9、多練
三、要有耐心，特別對于新手來說。
經過一個月的實習，讓我認識到自己懂的太少，必須得不斷的學習，才能提升自己。網絡的更新速度太快，跟不上這個節奏，只能被這個浪潮淹沒。所以，我們要不斷的學習來充實自己。
點擊咨詢 