第一篇：网页设计比赛总结
网页设计比赛总结
武邑职教中心
王恒
在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分）
网页整体风格创意，色彩搭配鲜明，内容布局合理。
点击咨询 