第一篇：網頁設計比賽總結
網頁設計比賽總結
武邑職教中心
王恒
在2016年12月19日-20日舉行的省級網頁設計技能大賽中，我校就業班50班的6名學生取得優異成績。
本次比賽是由省教育廳、省財政廳、省人力資源和社會保障廳、省信息化廳聯合組織的，共有全省各市縣近20支參賽隊參加，其中僅有徐水、灤南與我校為縣級學校，其它均為省市級學校實力都很雄厚，比賽一等獎占10%，二等獎占20%，三等獎占30%。
比賽分為理論、操作
1、操作2三部分。理論試題包含面很廣，包括平面、動畫、網頁設計、網絡等方面的內容；操作1為模擬制作，即按要求學生在電腦上制作一個一模一樣的網頁；操作2要求學生在電腦上制作一個精美的網站，要求包含多個網頁、動畫、并有特效。經過2天的激烈角逐，我校學生崔子涵榮獲二等獎、楊千榮獲三等獎、王蘇丹榮獲三等獎、劉賀彩榮獲三等獎、曹敬如榮獲三等獎、楊婷榮獲優秀獎，并獲得團體二等獎。
這次大賽，我們獲得了團體二等獎，但它畢竟不是一等獎，說明我們與其它學校還有一定的差距，我們認真的分析了一下產生差距的原因，主要有以下幾個方面。
一、開設課程時間短，很多學校是在一年級第2學期就開設網頁設計課了，我們是從第2學期開設的，相當于比人家晚學半年。這也是造成我們沒有得一等獎的根本原因。
二、專業劃分不細。很多學校計算機專業又劃分了若干子專業，如網頁設計、電子商務、辦公自動化、組裝與維修，這些不同子專業，授課內容是不一樣的，他們專攻其中一項。而我們卻沒有分這么細，如我們的學生即學網頁設計又學組裝維修，學的內容多，但不專一。這也是造成我們成績不是最的主要原因。如楊千同學，他參加的是網頁設計，而他的長項是組裝維修。
三、頭一次參加。網頁設計比賽，年年有，即有學生的，也有教師的。很多學校年年參加，他們已經知道了出題的范圍，能夠有針對性的練習。而我們是頭一次參加，只能是各方面都練習，結果在各方面都不是很精。這也是我們失利的一個原因。
四、教材不一致。我們的教材是Dreamweaver CS6，而比賽用的卻是Dreamweaver CS3，并且是直到比賽前才知道，這也對我們的訓練產生了一定的影響。
通過這次比賽，我們的收獲也是很大的。主要表現在以下幾方面：
一、刻苦訓練，提高了能力。這次比賽，學校、老師、學生高度重視，我們補充了大量了練習題，學生們訓練也很刻苦，從而學生們的網頁設計水平也得到了很大的提高。可以這么說，這屆學生的網頁設計水平比以往各屆學生的水平都高。
二、提高了所有同學的學習動力。參加比賽的這些學生都屬于班里的好學生，由于他們的帶頭作用，其它學生的學習動力也被調動起來，甚至有的學生幫著參加比賽的這些同學，為他們提供改進建議與改進方案。
三、提高了自信心。說實話，就業班的學生，他們的成績一直是很差的，甚至他們也認可了自己很差。通過這次比賽，他們認識的到自己原來也很棒，他們的自信心得到了很大的提高，這可能對他們的人生會產生重大影響。
或許提高了學生們的自信心，這才是這次比賽的最大收獲。
第二篇：網頁設計總結
網頁設計聽課總結
網頁設計的階段性課程：
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的具體應用還不是和很熟練，沒有能完全達到自己預期的效果，還好通過老師的細心指導才能達到最終效果??通過這次網頁設計與制作實訓，一定把以前所學過的知識重新溫故。
在這次實訓中，也有許多的困難的和問題，以前我還以為制作網頁很簡單，只需要在網頁制作工具中動動鼠標，找點資料就可以完成，原來是我把網頁制作看得太簡單了，在這次實訓中我知道我錯了。制作網頁不是簡單的，需要分步驟，而且還要會為網頁取名，取名真的很重要，而且要記著保存，有的時候吧，我就會忘了保存。老師在實訓中也是不自一次的說建了一個網頁或修改了網頁中的東西，一定要記住保存，還有名字不能取中文。再取名字中也遇到了點問題，因為網頁太多了，有時候自己取的什么名字都忘了，共 頁
第頁
四川機電職業技術學院
找一個后臺就會找很久，然后慢慢學乖了，這個現象也在慢慢減少。當然了這還不是在制作過程中遇到最困難的問題，最困難的問題的是什么呢，當然是打不開網頁了。我相信很多人都會遇到，我遇到的時候當然也是去看源碼又沒錯，有時候是單詞寫錯了，可有的時候我就是不知道哪里有錯，找了很久也找不到，總之很心煩它就是不出來。這時候你就知道同學朋友有多重要了，我問好朋友為什么，也問同學，請他們幫我找錯，他們也是很有耐心的幫我解決我所遇到的問題，有時候三四個人還一起討論，感覺很棒。數據庫的連接說容易也不容易，一不小心把文件的路徑給改了或放錯了位置也是不行，網頁就會顯示沒找到所說的文件或對象，也可能無法顯示。而且在制作過程中感覺很有趣，因為是按照自己的設計而制作的。要把自己所寫的內容在網頁上顯示又需要連接和后臺，我就在上面遇到了一個問題找不到對象，我明明有鏈接呀，也有內容呀，后來才清楚我只連接了一個地方還有個地方沒連接所以就不能顯示啦，而且也找不到。
在兩周的實訓日子里，雖然有時很心煩，無奈，但是可以學到很多很多的的東西，同時不僅可以鞏固了以前所學過的知識，而且學到了很多在書本上所沒有學到過的知識。更懂得并親身體會到了理論與實際相結合的重要性，只有理論知識是遠遠不夠的，把所學的理論知識與實踐相結合起來，從理論中得出結論，才能真正為掌握技術，從而提高自己的實際動手能力和獨立思考的能力。
共 頁
第頁
第四篇：網頁設計與制作比賽方案
貴州商業高等專科學校網頁設計大賽組織方案
為了進一步加強我校學生創新能力和專業能力，激發學生學習興趣，提高學生網頁設計與制作的水平，以滿足用人單位需求，提高學生的社會競爭力，特制定本組織實施方案。
一、主辦單位：校團委、計科系
二、承辦單位：電子商務教研室
三、組委成員：
陳興科、穆肇南、吳晶鑫、王松、賈若、洪奕、楊磊、余先昊、胡文生
四、參賽方式：個人或團隊（三人一隊）方式參賽
五、獎項設置：
本次大賽最終共選出10個入圍參賽作品。再從入圍作品中選出一等獎1名，二等獎2名，三等獎3名，其余所有入圍作品均獲優秀獎。
一等獎：證書、獎金300元（1隊）；
二等獎：證書、獎金240元（2隊）；
三等獎：證書、獎金180元（3隊）；
優秀獎：證書、獎金90元（4隊）
六、參賽者資格：貴州商業高等專科學校全體在校學生
七、參賽作品要求：
1.參賽作品必須為作者本人原創，不得抄襲他人或網上作品，作品一經發現剽竊立即取消參賽資格。
2.作品主題無限制，內容健康，導向積極，具有創意，有自己獨特的風格，能展示青年大學生的良好精神風貌和綜合素質。
3.制作軟件不限制，通過合理運用網頁設計的各種技術，體現良好的藝術性和實用性。
4.子頁面不超過三級，網頁的總頁面數不少于10頁，全部文件的總容量不超過20M（盡量少用音頻視頻文件）。
5.要求能在win2000或winxp操作系統上運行。顯示分辨率1024×768，網頁采用Internet Explorer5.0以上瀏覽。（請在作品中注明最佳瀏覽效果瀏覽器）
6.參賽者自留備份文件，提交參賽作品必須附有完整的作品簡介（包括作品名稱、主題、作品說明等）及作者聯系方式（包括姓名、系科班級、聯系方式等）。
八、報名參賽辦法
1.參賽者報名時提供如下資料：
(1)個人簡介：姓名、班級、聯系電話、QQ、電子郵箱
(2)作品、作品主題、作品說明
2.比賽時間：2011年4月——6月
(1)報名開始時間：2011年5月26日
(2)報名截止時間：2011年6月20日
(3)評獎時間：2011年6月28日至6月30日
3.報名地點：計科系
4.聯系人：楊磊老師（***）
九、評分標準
■ 內容 30 分
10分 是否有明確的主題、內容
10分 內容健康向上、有時代感、信息的實時性
10分 創意水平的高低
■ 常規技術 50 分分 整體視覺效果：整個網站在設計上是否統一和諧
10分 美工設計：頁面的美工設計含量分 頁面布局：頁面的布局是否合理、美觀分 頁面易用型：用戶使用時是否方便分 內容充實：網站內容對用戶的吸引力分 內容分類結構：整個網站的內容分類是否清晰完整分 瀏覽速度：瀏覽時額定速度分 技術含量：網站整體的技術評價分動靜搭配：動與靜的搭配合理，動而不亂，靜而不僵■ 多媒體技術20分
20分 有體現自己作品主題的風格特色的動畫（flash、gif）
校團委
計科系
2011年5月20日
第五篇：中職網頁設計比賽方案
網頁設計比賽方案
一、參賽對象：1013、1102
二、參賽時間：5月20日——6月10日
三、參賽內容及設計要求：
1、網頁內容健康、合法、安全、不得有惡意代碼，可運用多項網絡技術。
2、參賽作品要求內容積極向上，形式新穎，構思獨特，有開創性；頁面協調統一，能夠引發瀏覽者的視覺享受；網站內容豐富，實用性強；網頁標志鮮明突出，網頁顯示速度快；有效運用網頁特效，有較強的藝術表現力和感染力；導航明顯突出，方便快捷。
3、選手可根據自己掌握的網頁技術自由創作，但必須主題明確，構思新穎.。
4、頁面深度必須在3層左右，網頁的總頁面數不少于8頁，全部文件的總容量不超過20M。
5、網頁規模：網頁的深度至少包括二級頁面，以4~7個頁面為適宜。
6、作品中所有文件均要以小寫字母或阿拉伯數字命名；由于系統對字母的讀寫敏感，請不要采用中文作為文件名且一律使用小寫字母。
7、作品制作規范符合要求；作品首頁請一律采用 index.htm 或index.asp等文件名。
8、超連接的路徑為相對路徑，所有路徑都必須正確而且不作空白。
9、我們鼓勵原創，允許模仿他人但不可以直接利用他人模板，完全盜用模板者一律無條件退出比賽。
四、評選原則：以頁面設計為主，兼及內容、網頁動態技巧。
五、獎項設置：一等獎1名，二等獎2名，三等獎3名，優秀獎若干。
六、評分標準（百分制）
1.內容質量（20分）
內容健康、充實且積極向上；內容具有觀賞性、普及性、藝術性、可讀性，語言文字有特色；分突出主題，全站點圍繞一個主題及其周邊內容進行建設
設計思路清晰，明確表達設計意圖；
2、網頁結構（15分）
框架及表格結構清楚合理，頁面內容清晰明了。
子頁面及父頁面方便返回訪問，打開/關閉窗口較為輕易
沒有空鏈接和錯誤鏈接。
3.版面與視覺感受（40分）
瀏覽頁面時不得出現亂碼，無因布局不合理而出現的表格錯位情況
圖片使用得當，網頁內各個元素搭配合理，色彩搭配協調，頁面美觀。
4.網頁創意（25分）
5.頁面具有較強的個人設計創意。（10分）
網頁整體風格創意，色彩搭配鮮明，內容布局合理。
點擊咨詢 