第一篇：網(wǎng)頁設計比賽總結(jié)
網(wǎng)頁設計比賽總結(jié)
武邑職教中心
王恒
在2016年12月19日-20日舉行的省級網(wǎng)頁設計技能大賽中，我校就業(yè)班50班的6名學生取得優(yōu)異成績。
本次比賽是由省教育廳、省財政廳、省人力資源和社會保障廳、省信息化廳聯(lián)合組織的，共有全省各市縣近20支參賽隊參加，其中僅有徐水、灤南與我校為縣級學校，其它均為省市級學校實力都很雄厚，比賽一等獎占10%，二等獎占20%，三等獎占30%。
比賽分為理論、操作
1、操作2三部分。理論試題包含面很廣，包括平面、動畫、網(wǎng)頁設計、網(wǎng)絡等方面的內(nèi)容；操作1為模擬制作，即按要求學生在電腦上制作一個一模一樣的網(wǎng)頁；操作2要求學生在電腦上制作一個精美的網(wǎng)站，要求包含多個網(wǎng)頁、動畫、并有特效。經(jīng)過2天的激烈角逐，我校學生崔子涵榮獲二等獎、楊千榮獲三等獎、王蘇丹榮獲三等獎、劉賀彩榮獲三等獎、曹敬如榮獲三等獎、楊婷榮獲優(yōu)秀獎，并獲得團體二等獎。
這次大賽，我們獲得了團體二等獎，但它畢竟不是一等獎，說明我們與其它學校還有一定的差距，我們認真的分析了一下產(chǎn)生差距的原因，主要有以下幾個方面。
一、開設課程時間短，很多學校是在一年級第2學期就開設網(wǎng)頁設計課了，我們是從第2學期開設的，相當于比人家晚學半年。這也是造成我們沒有得一等獎的根本原因。
二、專業(yè)劃分不細。很多學校計算機專業(yè)又劃分了若干子專業(yè)，如網(wǎng)頁設計、電子商務、辦公自動化、組裝與維修，這些不同子專業(yè)，授課內(nèi)容是不一樣的，他們專攻其中一項。而我們卻沒有分這么細，如我們的學生即學網(wǎng)頁設計又學組裝維修，學的內(nèi)容多，但不專一。這也是造成我們成績不是最的主要原因。如楊千同學，他參加的是網(wǎng)頁設計，而他的長項是組裝維修。
三、頭一次參加。網(wǎng)頁設計比賽，年年有，即有學生的，也有教師的。很多學校年年參加，他們已經(jīng)知道了出題的范圍，能夠有針對性的練習。而我們是頭一次參加，只能是各方面都練習，結(jié)果在各方面都不是很精。這也是我們失利的一個原因。
四、教材不一致。我們的教材是Dreamweaver CS6，而比賽用的卻是Dreamweaver CS3，并且是直到比賽前才知道，這也對我們的訓練產(chǎn)生了一定的影響。
通過這次比賽，我們的收獲也是很大的。主要表現(xiàn)在以下幾方面：
一、刻苦訓練，提高了能力。這次比賽，學校、老師、學生高度重視，我們補充了大量了練習題，學生們訓練也很刻苦，從而學生們的網(wǎng)頁設計水平也得到了很大的提高。可以這么說，這屆學生的網(wǎng)頁設計水平比以往各屆學生的水平都高。
二、提高了所有同學的學習動力。參加比賽的這些學生都屬于班里的好學生，由于他們的帶頭作用，其它學生的學習動力也被調(diào)動起來，甚至有的學生幫著參加比賽的這些同學，為他們提供改進建議與改進方案。
三、提高了自信心。說實話，就業(yè)班的學生，他們的成績一直是很差的，甚至他們也認可了自己很差。通過這次比賽，他們認識的到自己原來也很棒，他們的自信心得到了很大的提高，這可能對他們的人生會產(chǎn)生重大影響。
或許提高了學生們的自信心，這才是這次比賽的最大收獲。
第二篇：網(wǎng)頁設計總結(jié)
網(wǎng)頁設計聽課總結(jié)
網(wǎng)頁設計的階段性課程：
1、規(guī)劃階段（網(wǎng)站策劃）
2、設計階段（網(wǎng)頁美工）
3、實施階段（網(wǎng)頁制作）
詳細流程：站點策劃、構(gòu)思草圖、美工設計、圖形制作、腳本編程、圖形頁面整合、測試發(fā)布
從創(chuàng)建站點開始（學會搭建并定義本地站點）
規(guī)劃站點結(jié)構(gòu)的原則（用文件夾來保存文檔、使用合理的文件名稱、首頁名稱、將本地和遠端站點設為同樣的結(jié)構(gòu)）搭建自己的網(wǎng)頁文件夾 比如（images、midea等等）
創(chuàng)建站點文檔（添加文件和文件夾、文件的管理）
HTML代碼的基本結(jié)構(gòu)（頭部、主體）：
….
…
設定meta內(nèi)容（通用頭元素的設置、添加meta元素。設置關鍵字和描述文字、刷新網(wǎng)頁設置）
設定頁面屬性（標題、背景圖像、背景色、文本顏色、邊距）
添加文本（插入特殊字符、設定文本屬性、改變字體和尺寸）
換行快捷鍵：enter 和shift+enter（br式回車 緊湊型）
網(wǎng)頁支持的圖像格式：gif、JPEG、png等
圖像在網(wǎng)頁中自動變形后，可以按“重新取樣”后改變圖片的大小
底部水平線修改顏色：點擊快速標簽編輯器修改源代碼即可（如：color=“green”）插入flash動畫、flash按鈕與文字、flash圖片查看器、flashpaper文件
插入javaapplet元素（源代碼：）
插入交互圖像（翻轉(zhuǎn)圖片和導航條）
JavaScript 腳本語句：
設置滾動文字屬性：在滾動文字前加上
鼠標指向時停止?jié)L動命令：onmouseover=“this.stop()”
鼠標離開時開始滾動命令：onmouseout=“this.start()”
在滾動文字結(jié)束代碼的最后寫上：
例如：
網(wǎng)頁鏈接：絕對路徑（http://）
相對路徑(相對于同網(wǎng)站下的鏈接b.htm)
根路徑（a.htm）
內(nèi)部鏈接、外部鏈接、錨鏈接、Email鏈接、鏈接的目標窗口、圖像的超級鏈接、熱點 鏈接的源代碼：
郵件鏈接：（mailto:郵件地址？subject=網(wǎng)站意見反饋&cc=郵件地址）
例如：mailto:xxx@163.com?subject=網(wǎng)站意見反饋&cc=xxx@163.com
錨鏈接的使用方法：先在頭部拋錨，然后在頁尾鏈接到錨點（在目標處寫：#top）源代碼如下：返回頭部
圖像的熱點：在一張圖片的不同地區(qū)選擇新的鏈接。
腳本鏈接：例子：關閉窗口的鏈接：JavaScript：window.close()
表格的應用：新增表格、表格的屬性設定
學會用fireworks切片，并且在Dreamweaver中導入fireworks HTML并調(diào)整表格的操作 Html源代碼 表格:
表格的繪制：（繪制表格、繪制單元格）擴展、標準、布局
快捷鍵：ctrl + ：放大ctrl-： 縮小
做好切片及排版
制作表單：（什么是表單？客戶端填寫表單（提交反饋）服務器端處理表單、加入空白表單、設定表單屬性）
表單動作：（表單內(nèi)容發(fā)到郵箱）mailto:xxx@163.com &cc=xxx@163.com
文本域、單選按鈕、復選框
源代碼：
id=”leftFrame“ title=”leftFrame“ />
添加浮動框架： 使用浮動框架（制作浮動框架、設置浮動框架屬性、制作浮動框架鏈接）
屬性的設置源代碼：
制作復雜的嵌套結(jié)構(gòu)框架頁面、學會在頁面中使用嵌套框架，并制作框架頁面間的鏈接。模板的應用：模板的功能 什么是模板 為什么用模板（方便制作及更新）
創(chuàng)建模板（根據(jù)已有文件建立模板）文件菜單下：另存為模板?
定義可編輯的區(qū)域
庫的建立及應用 庫的建立（什么是庫？為什么使用庫？）便于局部文件的修改
1、建立庫
2、應用庫
3、更新庫
層的使用 創(chuàng)建層 設置層屬性（選擇層 改變層的大小 移動層 排列層）
插入層的html語句：
層是屬于CSS樣式表的一種定位技術
作用：直接使用層排版、利用層來設計表格（層和表格可以互換）、使用層溢出屬性 控制當層的內(nèi)容超過層的大小的時候就要用到層的溢出屬性（類似滾動條效果）
溢出屬性的選擇有四種：
1、visible（可見的）
2、hidden（隱藏的）
3、scroll（滾動效果）
4、auto（自動）
行為（什么是行為/動作/事件 選擇對象 添加動作 調(diào)整事件）
行為的應用：制作彈出信息窗口、制作打開瀏覽器窗口、播放音樂（實現(xiàn)背景音樂）在html語言中添加背景音樂：
其中的（loop=”-1“：指的是無限循環(huán)）
設置狀態(tài)欄文本 針對輸入文本框的行為事件“點擊”是：onfocus
不在文本框的行為事件是：onblur
控制flash的播放 先給flash命名 然后在下方設置控制播放的命令 給名字設置空連接（空
連接的目標為：#）
檢查表單 對按鈕實施行為事件
轉(zhuǎn)到URL
交換圖像
顯示彈出式菜單
檢查插件（新建文字 指向空連接 然后設置行為屬性即可。）
檢查瀏覽器（在IE流行的現(xiàn)在時代，一般不使用）
改變屬性（例如改變圖片的邊框?qū)傩?如：border）
拖動層的效果（拖動層要對整個頁面進行實施）
設置顯示隱藏層（例如：鼠標劃過時出現(xiàn)圖片，離開時消失）
設置層文本
制作時間軸動畫（層的漂浮效果）Fps：幀速率 在路線中添加關鍵幀
控制時間軸（鼠標經(jīng)過停止、鼠標離開浮動）
常用事件：onmouseover、onmouseout、onfocus、onload等等
使用插件
1、手動安裝插件：擴展對象、擴展命令（對于鼠標跟隨的效果，字體的設置直接在CSS樣式表中）、擴展行為
2、自動安裝插件（使用插件管理器）：Dreamweaver中的標準插件后綴名為：*.mxp去adobe網(wǎng)站找插件。主要包括：擴展對象、命令、行為
預覽和出版：檢查網(wǎng)站中的錯誤鏈接、檢查某個html頁面的鏈接錯誤
Dreamweaver課程總結(jié)：
1、建立站點、維護站點
2、頁面構(gòu)成元素：文字（特殊字符）、圖片、表單、多媒體（embed、marquee、bgsound）、頭信息的加載
將其上傳到網(wǎng)站的根目錄即可。如果需要將Favicon.ico放到其他目錄下，或者希望讓不同的網(wǎng)頁顯示不同的Favicon，就需要在網(wǎng)頁Html文件中做設定了，在Html中的＜head＞部分加入如下的代碼：
第三篇：網(wǎng)頁設計總結(jié)
四川機電職業(yè)技術學院
有一句話說的真的很對“紙上得來終覺淺，絕知此事要躬行”，大學生活我想人人都向往，為什么呢？因為玩得很好。高中時老師們就經(jīng)常把大學如何如何掛在嘴邊。是呀大學生大部分就是不上課就玩，缺乏實踐和動手能力，思維有時也變得越來越不活躍。這次的實訓就是很好的列子。
實訓第一天，因為是設計動態(tài)網(wǎng)頁要在ASP的平臺上才能顯示，老師就教我們安裝，文件不要亂放等，就這一個安裝我就試了好幾次才成功，心情很不好，總是感覺計算機在跟我作對，很奇怪吧，有時候就是不想承認別人都做出來了，自己卻沒有。現(xiàn)在想想都覺得自己那時好幼稚，好可笑，好無知。隨著做網(wǎng)頁的時間增多，有的事就越做越熟練，就不會像第一天安裝那個平臺要試幾次，現(xiàn)在一次就行而且是百分之百的成功。整個實訓的過程可以說是所學知識的一個整理，一個綜合，一個靈活運用。之前我們課堂上學的東西是一個個知識點，比較零散。雖然在實訓之前我們也做過兩個網(wǎng)站，但那是我們小組合作的，所以有些知識點我們并沒有都用到。而這次實訓是自己一個人做網(wǎng)站，做網(wǎng)站的各個環(huán)節(jié)都要自己親力親為，可以說是一個挑戰(zhàn)，同時也是對知識的一種升華。它不僅是dreamweaver軟件的熟練操作，也是potoshop、flash軟件的熟練運用。我們需要自己設計網(wǎng)站的LOGO這就需要運用到potoshop軟件強大的圖形圖像處理功能，需要做出生動的網(wǎng)頁效果，就需要flash做出動態(tài)的文字效果和圖片切換效果。免會遇到過各種各樣的問題，同時在設計的過程中發(fā)現(xiàn)了自己的不足之處，對以前所學過的知識理解得不夠深刻，掌握得不夠牢固，在CSS的具體應用還不是和很熟練，沒有能完全達到自己預期的效果，還好通過老師的細心指導才能達到最終效果??通過這次網(wǎng)頁設計與制作實訓，一定把以前所學過的知識重新溫故。
在這次實訓中，也有許多的困難的和問題，以前我還以為制作網(wǎng)頁很簡單，只需要在網(wǎng)頁制作工具中動動鼠標，找點資料就可以完成，原來是我把網(wǎng)頁制作看得太簡單了，在這次實訓中我知道我錯了。制作網(wǎng)頁不是簡單的，需要分步驟，而且還要會為網(wǎng)頁取名，取名真的很重要，而且要記著保存，有的時候吧，我就會忘了保存。老師在實訓中也是不自一次的說建了一個網(wǎng)頁或修改了網(wǎng)頁中的東西，一定要記住保存，還有名字不能取中文。再取名字中也遇到了點問題，因為網(wǎng)頁太多了，有時候自己取的什么名字都忘了，共 頁
第頁
四川機電職業(yè)技術學院
找一個后臺就會找很久，然后慢慢學乖了，這個現(xiàn)象也在慢慢減少。當然了這還不是在制作過程中遇到最困難的問題，最困難的問題的是什么呢，當然是打不開網(wǎng)頁了。我相信很多人都會遇到，我遇到的時候當然也是去看源碼又沒錯，有時候是單詞寫錯了，可有的時候我就是不知道哪里有錯，找了很久也找不到，總之很心煩它就是不出來。這時候你就知道同學朋友有多重要了，我問好朋友為什么，也問同學，請他們幫我找錯，他們也是很有耐心的幫我解決我所遇到的問題，有時候三四個人還一起討論，感覺很棒。數(shù)據(jù)庫的連接說容易也不容易，一不小心把文件的路徑給改了或放錯了位置也是不行，網(wǎng)頁就會顯示沒找到所說的文件或?qū)ο?，也可能無法顯示。而且在制作過程中感覺很有趣，因為是按照自己的設計而制作的。要把自己所寫的內(nèi)容在網(wǎng)頁上顯示又需要連接和后臺，我就在上面遇到了一個問題找不到對象，我明明有鏈接呀，也有內(nèi)容呀，后來才清楚我只連接了一個地方還有個地方?jīng)]連接所以就不能顯示啦，而且也找不到。
在兩周的實訓日子里，雖然有時很心煩，無奈，但是可以學到很多很多的的東西，同時不僅可以鞏固了以前所學過的知識，而且學到了很多在書本上所沒有學到過的知識。更懂得并親身體會到了理論與實際相結(jié)合的重要性，只有理論知識是遠遠不夠的，把所學的理論知識與實踐相結(jié)合起來，從理論中得出結(jié)論，才能真正為掌握技術，從而提高自己的實際動手能力和獨立思考的能力。
共 頁
第頁
第四篇：網(wǎng)頁設計與制作比賽方案
貴州商業(yè)高等?？茖W校網(wǎng)頁設計大賽組織方案
為了進一步加強我校學生創(chuàng)新能力和專業(yè)能力，激發(fā)學生學習興趣，提高學生網(wǎng)頁設計與制作的水平，以滿足用人單位需求，提高學生的社會競爭力，特制定本組織實施方案。
一、主辦單位：校團委、計科系
二、承辦單位：電子商務教研室
三、組委成員：
陳興科、穆肇南、吳晶鑫、王松、賈若、洪奕、楊磊、余先昊、胡文生
四、參賽方式：個人或團隊（三人一隊）方式參賽
五、獎項設置：
本次大賽最終共選出10個入圍參賽作品。再從入圍作品中選出一等獎1名，二等獎2名，三等獎3名，其余所有入圍作品均獲優(yōu)秀獎。
一等獎：證書、獎金300元（1隊）；
二等獎：證書、獎金240元（2隊）；
三等獎：證書、獎金180元（3隊）；
優(yōu)秀獎：證書、獎金90元（4隊）
六、參賽者資格：貴州商業(yè)高等?？茖W校全體在校學生
七、參賽作品要求：
1.參賽作品必須為作者本人原創(chuàng)，不得抄襲他人或網(wǎng)上作品，作品一經(jīng)發(fā)現(xiàn)剽竊立即取消參賽資格。
2.作品主題無限制，內(nèi)容健康，導向積極，具有創(chuàng)意，有自己獨特的風格，能展示青年大學生的良好精神風貌和綜合素質(zhì)。
3.制作軟件不限制，通過合理運用網(wǎng)頁設計的各種技術，體現(xiàn)良好的藝術性和實用性。
4.子頁面不超過三級，網(wǎng)頁的總頁面數(shù)不少于10頁，全部文件的總?cè)萘坎怀^20M（盡量少用音頻視頻文件）。
5.要求能在win2000或winxp操作系統(tǒng)上運行。顯示分辨率1024×768，網(wǎng)頁采用Internet Explorer5.0以上瀏覽。（請在作品中注明最佳瀏覽效果瀏覽器）
6.參賽者自留備份文件，提交參賽作品必須附有完整的作品簡介（包括作品名稱、主題、作品說明等）及作者聯(lián)系方式（包括姓名、系科班級、聯(lián)系方式等）。
八、報名參賽辦法
1.參賽者報名時提供如下資料：
(1)個人簡介：姓名、班級、聯(lián)系電話、QQ、電子郵箱
(2)作品、作品主題、作品說明
2.比賽時間：2011年4月——6月
(1)報名開始時間：2011年5月26日
(2)報名截止時間：2011年6月20日
(3)評獎時間：2011年6月28日至6月30日
3.報名地點：計科系
4.聯(lián)系人：楊磊老師（***）
九、評分標準
■ 內(nèi)容 30 分
10分 是否有明確的主題、內(nèi)容
10分 內(nèi)容健康向上、有時代感、信息的實時性
10分 創(chuàng)意水平的高低
■ 常規(guī)技術 50 分分 整體視覺效果：整個網(wǎng)站在設計上是否統(tǒng)一和諧
10分 美工設計：頁面的美工設計含量分 頁面布局：頁面的布局是否合理、美觀分 頁面易用型：用戶使用時是否方便分 內(nèi)容充實：網(wǎng)站內(nèi)容對用戶的吸引力分 內(nèi)容分類結(jié)構(gòu)：整個網(wǎng)站的內(nèi)容分類是否清晰完整分 瀏覽速度：瀏覽時額定速度分 技術含量：網(wǎng)站整體的技術評價分動靜搭配：動與靜的搭配合理，動而不亂，靜而不僵■ 多媒體技術20分
20分 有體現(xiàn)自己作品主題的風格特色的動畫（flash、gif）
校團委
計科系
2011年5月20日
第五篇：中職網(wǎng)頁設計比賽方案
網(wǎng)頁設計比賽方案
一、參賽對象：1013、1102
二、參賽時間：5月20日——6月10日
三、參賽內(nèi)容及設計要求：
1、網(wǎng)頁內(nèi)容健康、合法、安全、不得有惡意代碼，可運用多項網(wǎng)絡技術。
2、參賽作品要求內(nèi)容積極向上，形式新穎，構(gòu)思獨特，有開創(chuàng)性；頁面協(xié)調(diào)統(tǒng)一，能夠引發(fā)瀏覽者的視覺享受；網(wǎng)站內(nèi)容豐富，實用性強；網(wǎng)頁標志鮮明突出，網(wǎng)頁顯示速度快；有效運用網(wǎng)頁特效，有較強的藝術表現(xiàn)力和感染力；導航明顯突出，方便快捷。
3、選手可根據(jù)自己掌握的網(wǎng)頁技術自由創(chuàng)作，但必須主題明確，構(gòu)思新穎.。
4、頁面深度必須在3層左右，網(wǎng)頁的總頁面數(shù)不少于8頁，全部文件的總?cè)萘坎怀^20M。
5、網(wǎng)頁規(guī)模：網(wǎng)頁的深度至少包括二級頁面，以4~7個頁面為適宜。
6、作品中所有文件均要以小寫字母或阿拉伯數(shù)字命名；由于系統(tǒng)對字母的讀寫敏感，請不要采用中文作為文件名且一律使用小寫字母。
7、作品制作規(guī)范符合要求；作品首頁請一律采用 index.htm 或index.asp等文件名。
8、超連接的路徑為相對路徑，所有路徑都必須正確而且不作空白。
9、我們鼓勵原創(chuàng)，允許模仿他人但不可以直接利用他人模板，完全盜用模板者一律無條件退出比賽。
四、評選原則：以頁面設計為主，兼及內(nèi)容、網(wǎng)頁動態(tài)技巧。
五、獎項設置：一等獎1名，二等獎2名，三等獎3名，優(yōu)秀獎若干。
六、評分標準（百分制）
1.內(nèi)容質(zhì)量（20分）
內(nèi)容健康、充實且積極向上；內(nèi)容具有觀賞性、普及性、藝術性、可讀性，語言文字有特色；分突出主題，全站點圍繞一個主題及其周邊內(nèi)容進行建設
設計思路清晰，明確表達設計意圖；
2、網(wǎng)頁結(jié)構(gòu)（15分）
框架及表格結(jié)構(gòu)清楚合理，頁面內(nèi)容清晰明了。
子頁面及父頁面方便返回訪問，打開/關閉窗口較為輕易
沒有空鏈接和錯誤鏈接。
3.版面與視覺感受（40分）
瀏覽頁面時不得出現(xiàn)亂碼，無因布局不合理而出現(xiàn)的表格錯位情況
圖片使用得當，網(wǎng)頁內(nèi)各個元素搭配合理，色彩搭配協(xié)調(diào)，頁面美觀。
4.網(wǎng)頁創(chuàng)意（25分）
5.頁面具有較強的個人設計創(chuàng)意。（10分）
網(wǎng)頁整體風格創(chuàng)意，色彩搭配鮮明，內(nèi)容布局合理。
點擊咨詢 