在撰写策划书时，需要详细考虑场地、人员、资金等方面的运营问题，确保活动的顺利进行。通过阅读这些范文，你可以了解到一些成功项目或活动的实施过程和效果评估。
学生网页设计大赛策划书
跟着计算机技能的迅猛发展，把握一门计算机软件技能已成为提高自个硬件本质的'必要行动。为使我校学生能够将课堂所学常识运用于实习，能够具有必定的规划技能水平，特此开展这次页面规划大赛。
3月12日——3月31日。
信息工程与技能系全体学生。
不限。
1、任何计算机类专业的学生均可参与本次竞赛。
2、竞赛能够自个为单位，也能够小组为单位参与竞赛(最多3人)。
依据参赛者自个选定的主题来规划一个完整的网站，图片资料、文字资料均由参赛者供给。
1、参赛者有必要制造网站模版;。
2、参赛者可制造页面flash动画;。
5、有必要编写网站阐明，包含：页面功用介绍、网站制造思路、小组组长、小组成员。
参赛著作以班级为单位(学委担任收齐)，上交有关资料：
1、页面规划大赛参赛著作申报表：附表二。
2、源代码光盘或u盘拷贝。
3、提交时刻：xx年3月30号。
12:00——13:00。
17:00——18:30(逾期不候)。
4、提交地点(方法)：
学生活动中心112信息工程与技能团总支、学生分会办公室。
一切参赛选手有必要是参赛著作的合法具有者，具有自立版权，并负相应的法律责任，竞赛著作版权归制造人一切。举行单位有权在有关网站和宣扬中使用参赛著作。关于作弊或抄袭他人著作者，将对其取消参赛资格。
学生网页设计大赛策划书
为了提高学生网络技术水平，调动学生动手制作网页的热情和创新能力，全面提高学生的综合素质，创造健康向上的网络文化氛围,为推动学院信息化建设和提高学院网站整体建设水平作贡献。
信息工程系各专业学生及其他系部爱好网页制作的学生。
1、各参赛队于9月15日之前将参赛作品用u盘或e-mail报送至信息工程系杜毅老师处。
2、上交的作品必须标明系部、班级、姓名(本人及其他成员)、作品名称及联系方式(只需组长联系方式)。
3、9月17日组织专业老师进行初评，评选出前10组作品进入决赛。
4、9月24日晚7：00进行决赛。(注：决赛为选手个人现场演示其网页作品并进行现场讲解，每幅作品演示时间不超过5分钟。)。
西区学术报告厅。
1、比赛作品以个人、班级或者各社团、院系网页内容为主，要求健康充实、有适当的时效性，形式不限。
2、参赛队可以是个人组队，也可以是团体组队(团体组队不得超过3人)。
(一)网页内容：
1、网页文本撰写应富于文采并体现社团、班级或个人特色;。
2、网页内容应符合主题要求，构思新颖，有特别之处;。
3、各页面和超级链接应形成清晰合理的框架;。
(二)浏览效果：
1、页面布局协调合理，整体风格统一且有美感;。
2、恰当使用图形和动画，美观且能突出主题;。
3、所有背景和色彩搭配合适，有恰当的音效;。
注：以上三项应切合主题，且考虑相互之间的和谐统一。
(三)技术要求：
1、图形、动画、声音文件不能太大。整套网页不超过15m，注意提高网上浏览速度;。
2、浏览便利，联接处明显，易点击;。
3、充分考虑不同浏览器下的浏览效果，且注意分辨率;。
(四)决赛地点：西区学术报告厅。
组织评委老师对作品进行评选，初赛评选出前十组作品，并接受专业老师指导，最终在十组作品中评选出一、二、三等奖各一名、最佳创意奖一名，并颁发荣誉证书及奖品。
李俊、王思思、孙振源、杜毅。
网页设计的案例分析
“拷贝”一词在简体中文环境里已被“复制”取代。
“羽化”一词译自英文“feather”，指“令选区内外衔接的部分虚化，起到渐变的作用从而达到自然衔接的效果”，该译文贴切而富有诗意。
撤销重做原则。
为了避免用户的误用和误击，网页应提供撤销和重做功能。
网页设计大赛策划书
地点：xx语学院。
参与工作人员：计算机系学生会，学习部全体成员。
参赛者范围：计算机系全体学生。
活动策划
1.本次活动主题“网页设计制作”主要以当代大学生为主。
2.作品内容健康向上，符合本次比赛作品征集要求富有活力。
3.创建一流校风、学风，丰富学生的校园生活，发挥当代大学生的创造力，提高广大学生的电脑技术水平。
4.内容健康，能体现当代大学生求实进取、博学创新、积极向上的精神。
5.坚持大赛的公正、公平、公开的原则。
6.本次大赛旨在通过网络凝聚最广大的青年学生群体，挖掘校园网络人才。
1、充分体现本次活动的主题当代大学生为主。
2、作品内容健康向上，符合本次比赛作品征集要求
3、制作网页不限制；通过合理运用网页设计的各种技术，体现良好的艺术性和实用性；
5、要求能在winxx或winxp操作系统上运行。显示分辨率以800×600或1024×768，网页采用internet explorer5.0以上浏览。
6、使用简体中文字库系统。
7、网页规模：网页的深度至少包括二级页面，以3~5个页面为适宜。
8、作品中所有文件均要以小写字母或阿拉伯数字命名，包括文件名及其后缀名。
9、作品制作规范符合要求；作品首页请一律采用 index 文件名
1、 立项等准备工作-----------计算机系学生会，学习部。
2、 宣传：-------------------计算机系学生会， 宣传部。
比赛前：
海报：各个食堂，生活区。-----------------------宣传
比赛后：
投稿时的作品展示(在免费空间存放获奖作品，使用超链接链接)。技术组
1、成立网页设计大赛筹备组，进入活动筹备阶段，工作包括活动策划方案确立,宣传渠道建立。
2、在校园内大力宣传，包括张贴海报、通知、横幅，通过各系学生会在各院（系）里大力宣传，并组织本院（系）学生报名。
3、收集报名资料，并为本次网页设计大赛制作专题网页，同时，继续宣传本次网页设计大赛。
4、在专题网页上发表一些网页制作教程。
5、确定网页设计大赛的资金到位。
6、收集参赛作品。
7、将作品上传至此次大赛专题网页。
8、在本次网页设计比赛上安放投票系统。
9、将评分表及评选细则发往各评委。
10、收集评委评分表。
11、统计各参赛作品分数。
12、公布获奖者，并颁奖。
1. 参赛者所交作品权责自负，组委会若发现参赛作品属非参赛者个人完成，有权取消其比赛资格。
2. 参赛选手比赛期间所涉费用自理。
这一次网页设计大赛很有意义，真的希望懂得网页设计的同学能够积极的参加，而我们的奖品也是很丰富的，希望大家本着提高自己的想法，积极参与。
我们毕业后有很大的压力，因为现在正处在金融危机中，所以我们现在就应该多参加比赛，为以后的工作做准备。
希望大家积极参与网页设计大赛。
网页设计大赛策划书
为进一步推进和加强我校的信息文化建设，有效的建设和整合各单位、各部门的信息资源，宣传和展示我校各项改革工作取得的丰硕成果，传播校园文明，使我校的网络资源建设更好的为学科建设服务，为教学科研服务，为广大师生的工作、学习和生活服务，特举办本次大赛。
本次大赛要求以西南科技大学“艰苦奋斗 拼搏创新”精神为内涵，既体现西南科技大学深厚的历史文化底蕴，又反映学校与时俱进、全面发展的风采。
二、设计内容：
以学校主页设计为主，要形成完整的网站体系，不少于三层链接。内容真实、资源丰富，构思精巧，色彩协调，健康向上，能够体现西南科技大学整体精神风貌，具有较强的观赏性和艺术性。
面向全体在校师生，校友，可单独报名，也可组队参加。
1、作品不得在参赛前已经经过商业性运营及参加过其他类似比赛。
2、参赛者必须保证作品原创性，不得抄袭、盗用、移植他人作品参赛。如出现以上现象，经查实，参赛者将被取消参赛资格，并自行承担相应责任。
3、网页主题鲜明突出，创意新颖，页面结构美观，体现良好的艺术性和实用性，可对现有学校主页作改进，也可突破现有校园主页格局，但须具备完善的校园主页功能。
4、网页的深度为三级：一级首页、二级栏目列表或图片页、三级文章页。
5、网页中须带有西南科技大学大学校名、校徽等元素，提供素材（暂参照现有校名、校徽样式，自行在校园网获取）。
6、此次大赛主要进行前端网页设计，网站采用响应式布局，采用的技术包括html5+css3，js，jquery等，兼容多种浏览器，支持web端和移动端。
7、提交原文件一份包括：平面设计稿psd分层格式（ai格式）与jpg图片各一份；网页成品文件一份包括：html文件，图片，css，js源代码等,。
**年3月31日截止。
作品以光盘存储邮寄至主办单位（以邮戳为准）或电子邮件投稿至：；（最好直接拷贝提交）
联系人：吴安辉 联系电话：
本次大赛评选由主办单位组织相关专家组成评审小组进行评定，奖项设特等奖和一、二、三等奖，获奖作品均颁发获奖证书，并给予一定的奖励。获奖者有机会参与学校主页建设。
1.所有交至主办方的参赛作品及相关资料概不退还。
2.本次活动所有获奖作品的使用权和发布权归主办方所有。
党委宣传部
**年3月14日
网页设计大赛策划书
为了进一步丰富同学们的业余生活，使电脑文化融入校园，使同学们增进对时下流行的网页制作的兴趣，使大学生紧随时代潮流，进一步加强对学科知识的兴趣和锻炼。建立班级网站，既有利于院团委和各班团支部之间的交流与沟通，也可使同学得到锻炼为他们提供一个艺术想象的空间、情操陶冶的园地和学习互助的场所。
安徽农业大学在校班级， 以各班为单位参加比赛。
构建和谐班级，共创学院网络文化。
风华正茂，记录成长脚步。
三、参赛对象
1网页内容包括：
(1)导师专区 (姓名,e-mail等介绍)
（2）学生资料(姓名,e-mail等介紹)
（3）班级介绍
（4）学生干部及班级之星介绍
2网页设计以温馨背景和图文结合文本为主，内容积极向上，感情真挚。
3可以以ppt的格式展开班级活动展示，加入背景音乐
1.由团委通知各班级负责人该活动要求。
2.各班组成网页设计小组，在规定时间以前完成网站发至上述邮箱以便整理汇总。其中必须有一篇班级对此次活动的总结。
3.作品展示，由评审团进行审评及统计。
设计思路清晰，明确表达设计意图
(2).结 构：框架及表格结构清楚合理，页面内容清晰明了。
(3). 版面与视觉感受
浏览页面时不得出现乱码，无因布局不合理而出现的表格错位情况
图片使用得当，网页内各个元素搭配合理，色彩搭配协调，页面美观。
使用css中的“扩展”修饰页面或页面中图片或flash为原创作品
(4).创 意
页面具有较强的个人设计创意。
网页整体风格创意，色彩搭配鲜明，内容布局合理。
3、优秀班级网站作为先进班级、先进团支部的推荐依据之一。
校园网页设计大赛策划书
为了提高学生网络技术水平，调动学生动手制作网页的热情和创新能力，全面提高学生的综合素质，创造健康向上的网络文化氛围，为推动学院信息化建设和提高学院网站整体建设水平作贡献。
信息工程系各专业学生及其他系部爱好网页制作的学生。
1、各参赛队于9月15日之前将参赛作品用u盘或e-mail报送至信息工程系老师处（602室e-mail：）。
2、上交的作品必须标明系部、班级、姓名（本人及其他成员）、作品名称及联系方式（只需组长联系方式）。
3、9月17日组织专业老师进行初评，评选出前10组作品进入决赛。
4、9月24日晚7：00进行决赛。（注：决赛为选手个人现场演示其网页作品并进行现场讲解，每幅作品演示时间不超过5分钟。）。
西区学术报告厅。
1、比赛作品以个人、班级或者各社团、院系网页内容为主，要求健康充实、有适当的时效性，形式不限。
2、参赛队可以是个人组队，也可以是团体组队（团体组队不得超过3人）。
（一）网页内容：
1、网页文本撰写应富于文采并体现社团、班级或个人特色；
2、网页内容应符合主题要求，构思新颖，有特别之处；
3、各页面和超级链接应形成清晰合理的框架；
（二）浏览效果：
1、页面布局协调合理，整体风格统一且有美感；
2、恰当使用图形和动画，美观且能突出主题；
3、所有背景和色彩搭配合适，有恰当的音效；
注：以上三项应切合主题，且考虑相互之间的和谐统一。
（三）技术要求：
1、图形、动画、声音文件不能太大。整套网页不超过15m，注意提高网上浏览速度；
2、浏览便利，联接处明显，易点击；
3、充分考虑不同浏览器下的浏览效果，且注意分辨率；
（四）决赛地点：西区学术报告厅。
组织评委老师对作品进行评选，初赛评选出前十组作品，并接受专业老师指导，最终在十组作品中评选出一、二、三等奖各一名、最佳创意奖一名，并颁发荣誉证书及奖品。
网页设计流程教学案例
8.交付,一旦签收,客户要经常进行他们的测试,找出排版和内容方面的错误,做完了这些次要的修正后,正式启用站点.这套完整的计划可以用1-12个月来完成,平均完成时间为4个月.当站点启用后,要进行跟踪调查,以确定人们如何使用站点。经过6-12个月的运行之后，重新收集数据,开始重新设计,然后这个web设计过程再开始一遍。
附：web设计经验-来自设计主管。
作为设计主管，peterstern已经领导重新设计了主页并且开发了五个不同的交互工具，这些工具被用于下载中心、产品目录、配置文件中心、搜索和注册等联机功能。他为几个内部工具设计了用户界面，并且正致力于创建将于今年晚些时候发布的下一代主页。
从头衔上，您可能认为我主要关心的是web站点几千个网页的版面设计。的确，这些确实是我所关注的。视觉上的吸引力是重要的，但是这仅仅是工作的一小部分。而最终的目的是确保整个站点运转正常。
我的意思是，人们通常在访问时，并未将它当作艺术作品来赞赏。而是为了获得有关产品的信息，或者有一些技术问题需要咨询，或是阅读有关开发商的期刊。所以网站的设计应该尽量清楚和有条理，以便他们能够容易地找到所需信息。
设计站点。
在进行web设计时--在设计过程中--形式应该服从功能。这种方法应用于我们站点的整个设计过程中。当然，我们有最新的web工具，并且能够将各种可视的小配件上载到网页上。
但是我们认为这样做将不利于为访问者提供有效的服务。
事实上，我经常发现一些站点未将重点放在功能上。常见的错误包括：
用户界面元素不一致。例如，同一个控件在不同的页面上功能不同，或者同一个功能对应几个用户界面控件。
导航栏位置不一致。决定站点的哪些页和功能需要在站点的任何页上都可被访问到。这就是应该保持一致性的“全局导航栏”。
不太注意或根本不注意基本的图形设计原则，例如排版式样、色彩和版面的设计。
相关元素和功能的随意分组。注意将元素放置在网页上的位置和目的。这可帮助访问者从其它相邻的选择和位置来推断某个链接的功能。
使网页过于庞大以至使访问者需要通过典型的调制解调器速度的internet连接进行长时间的下载。这并不是说不应该使用图形，但是您需要对它们进行精挑细选，然后用适当的压缩和颜色索引优化它们。
现在的web站点仍然存在很多问题，这并不奇怪。毕竟，web设计“艺术”相对来说还是个新生事物。在四、五年以前，web页甚至是普通的。那时，人们好像认为他们的web站点将会吸引访问者只是因为它们存在--并且，可能在某些情况下这种方法确实有效。但是这些站点一般很难看，并且更重要的是，它们真的难以使用。接下来便进入“看看我们能做些什么”阶段，在网页中加入了大量的动画、声音文件以及其它附加件，导致访问者需要长时间地进行下载，但是并未获得多少实实在在的内容。
如今的web设计师们已经吸取了前人的经验和教训。好的站点倾向于简化和快速，同时在功能上有所提高。这是microsoft的目标，而且我们最先承认自己所犯的错误（参阅“microsoft的web简史”看一看以前的主页设计）。
设计错误并不总是显而易见的。有时在设计上对一个小元素的移动或更改将有很少或根本没有影响。但是，在其它情况下，它可能确实会对页面功能有所影响。而且如果说我们从过去几年学到了一些东西，那就是小的改动会使web页的运行方式有很大的不同。
明确的流程。
若要避免类似问题，我们为新服务（例如“搜索”）的创建或关键的web页（如主页）设计了一个明确的流程。每个项目都是在一定的基础上开始的，即我们有一个受益于我们站点上的页面、部分或用户界面元素的产品或服务。在早期的产品计划阶段（第1阶段），我被要求设计一些初级模型：大致描述页面、部分或功能的草图。然后产品项目组检查产品计划建议，看看此项服务是否可以为的访问者真正带来一些实惠。
可用性测试（一般会有书面的模型）以了解潜在用户将对计划中的设计做出何种反应。在最后开发阶段（第3阶段），我们创建运行计划服务的web原型，并且进行全面的可用性测试以及内部复查。然后完成站点的代码，修改程序错误，最后站点通过实际运转的web站点向客户发布。
正如您所见到的，可用性在整个流程中扮演着重要的角色（参阅“创建有效的web界面需要认真计划”）。我们可以为用户运行某项任务计时，这样我们就可以在产品以后的版本中对比相同的测试。我们可以使用这种方法进行度量，以确定一个功能的重新设计是否为客户带来任何真正的价值。
还有，我们将仔细地观察以了解可用性对象是否可以计算出如何正确使用新功能--我们称为“可发现性”的方法。有时这为我们提供了一些挑战。例如：在我们的站点上，在搜索引擎中键入一个词组或字会产生一列结果。然后我们请用户选择在这些结果中进行搜索，以便进行更细的搜索并且导向某一页或资源。但是即使“在结果范围内搜索”被明显地标记在深色标签上，很少有人熟悉它。一些用户认为他们正开始新的搜索，并且可能毫无结果。我们正在解决这个问题以确保客户可以利用上所有丰富的功能来提高他们对此站点的认识。
选项“在结果范围内搜索”看上去很直观，但不是非常易发现的。此问题一直是困扰我们的设计的问题之一。
最后阶段。
大体来讲，站点设计是在发生冲突的需要之间求得平衡的艺术。一方面，我要将站点设计得尽量简单易用。另一方面，我要确保站点中所有强大的工具可为经验丰富的用户所用。与此同时，我还要为内部客户服务--microsoft产品项目组--他们对服务有特殊的需要。所以每天我都要解决一些非常困难的问题，经常处于很紧迫的情形中。我发现这种工作是鼓舞人心和有趣的。
这个职业非常需要更熟练的专业人员。我是经过一系列非常不一般的过程--在大学学习图形艺术，然后在多媒体公司设计cd-rom，最后加入microsoft并开发应用程序--才获得这个职位的。非常奇怪的是，当我申请（并获得）这份工作时，我以前从来没有设计过web页。但是我广泛的设计经历已经证明是非常有用的，并且我自认为已经验证了格言“成功的设计就是成功的设计”（不论是什么媒体）。许多设计问题对web来说是独一无二的，解决这些问题的方法对于任何媒体都是一样的。
对于那些准web设计师我的建议是，他们也应该尽可能地扩大设计背景。今天应该确保将一些web工作作为互动设计培训的一部分--大多数好的设计学校已将其加入课程中。但是在排版、色彩理论、版面设计以及生产等方面的扎实的技术将仍然特别有价值。
在未来，web设计师们仍将会继续被要求给页面增加更丰富的多媒体内容，从而为web站点的可视性和可操作性增加了新一级的复杂性和技术要求。作为cd-rom/多媒体设计师，要求我必须具有图形设计、视频、音频制作、动画等方面的知识和创作能力。我的预言是，web设计师也将向这些领域发展。
对于属于的我们--以及在internet上的其它地方--那应该是一个非常有趣的未来。
了解您的观众。调查一下究竟哪些人在访问您的站点，以及他们为什么要访问。新手或不定期上网的web用户与软件开发商相比有非常不同的兴趣和站点需要。
使您的站点对访问者来说有所帮助。
为您的观众提供所需的信息。使导航元素保持一致，并且确保对访问率最高的区域进行明显的标记，是它们易于被找到。
使用清楚的消息。
确保用户了解此页面的上下文，并且知道需要他们做些什么。如果在注册过程中您要用户输入姓名，那么就直截了当地说。不要让访问者自己计算什么，他们会感到沮丧，于是转到其它更简单的站点（例如您的竞争对手的站点！）。
保持一致性。
虽然更改不同web页的外观并不难，但这并不意味着您应该这么做。将主要功能--例如返回“主页”的链接或者执行一个搜索--放在每页的相同位置。在上，黑色全局导航工具栏的位置在四十多万页上都是一样的。
使站点可用。
牢记设计和测试站点的可用性。确保用户可容易地执行任务以获得所需信息。估算任务时间和任务完成率，然后努力进行改善。如果新的设计没有在这些方面获得改善，那么就不要实施它。重新从草图（或最初的计划）开始并尝试其它方法。
保持简洁。
说起来容易做起来难。尝试征求反馈意见。有时新人可以很容易找到解决方案。
尝试新的东西。
不要害怕打破常规，尝试一些完全不同的东西。如果您不试试，永远不会找到真正的答案。
网页设计大赛策划书
地点：xx语学院。
参与工作人员：计算机系学生会，学习部全体成员。
参赛者范围：计算机系全体学生。
活动策划。
1.本次活动主题“网页设计制作”主要以当代大学生为主。
2.作品内容健康向上，符合本次比赛作品征集要求富有活力。
3.创建一流校风、学风，丰富学生的校园生活，发挥当代大学生的创造力，提高广大学生的电脑技术水平。
4.内容健康，能体现当代大学生求实进取、博学创新、积极向上的精神。
5.坚持大赛的公正、公平、公开的原则。
6.本次大赛旨在通过网络凝聚最广大的青年学生群体，挖掘校园网络人才。
1、充分体现本次活动的主题当代大学生为主。
2、作品内容健康向上，符合本次比赛作品征集要求。
3、制作网页不限制；通过合理运用网页设计的各种技术，体现良好的艺术性和实用性；
5、要求能在winxx或winxp操作系统上运行。显示分辨率以800×600或1024×768，网页采用internetexplorer5.0以上浏览。
6、使用简体中文字库系统。
7、网页规模：网页的深度至少包括二级页面，以3~5个页面为适宜。
8、作品中所有文件均要以小写字母或阿拉伯数字命名，包括文件名及其后缀名。
9、作品制作规范符合要求；作品首页请一律采用index文件名。
1、立项等准备工作-----------计算机系学生会，学习部。
2、宣传：-------------------计算机系学生会，宣传部。
比赛前：
海报：各个食堂，生活区。-----------------------宣传。
比赛后：
投稿时的作品展示(在免费空间存放获奖作品，使用超链接链接)。技术组。
1、成立网页设计大赛筹备组，进入活动筹备阶段，工作包括活动策划方案确立,宣传渠道建立。
2、在校园内大力宣传，包括张贴海报、通知、横幅，通过各系学生会在各院（系）里大力宣传，并组织本院（系）学生报名。
3、收集报名资料，并为本次网页设计大赛制作专题网页，同时，继续宣传本次网页设计大赛。
4、在专题网页上发表一些网页制作教程。
6、收集参赛作品。
7、将作品上传至此次大赛专题网页。
8、在本次网页设计比赛上安放投票系统。
9、将评分表及评选细则发往各评委。
10、收集评委评分表。
11、统计各参赛作品分数。
12、公布获奖者，并颁奖。
1.参赛者所交作品权责自负，组委会若发现参赛作品属非参赛者个人完成，有权取消其比赛资格。
2.参赛选手比赛期间所涉费用自理。
这一次网页设计大赛很有意义，真的希望懂得网页设计的同学能够积极的.参加，而我们的奖品也是很丰富的，希望大家本着提高自己的想法，积极参与。
我们毕业后有很大的压力，因为现在正处在金融危机中，所以我们现在就应该多参加比赛，为以后的工作做准备。
网页设计大赛策划书范文
1.本次活动主题“网页设计制作”主要以当代大学生为主。
2.作品内容健康向上，符合本次比赛作品征集要求富有活力。
3.创建一流校风、学风，丰富学生的校园生活，发挥当代大学生的创造力，提高广大学生的电脑技术水平。
4.内容健康，能体现当代大学生求实进取、博学创新、积极向上的精神。
5.坚持大赛的公正、公平、公开的原则。
6.本次大赛旨在通过网络凝聚最广大的青年学生群体，挖掘校园网络人才。
二、参赛作品要求。
网页设计流程教学案例
“网页设计流程”是中职计算机应用专业课《网页制作与设计》的重点教学内容。根据中等职业学校计算机应用专业课程的主要任务及对教材内容的分析研究，在“网页制作流程”这课的教学中，我把掌握网页制作流程的一些技术和方法为知识目标，通过对知识的学习和对作品的创作培养学生创造能力，协作能力，动手能力，评价能力，同时在教学中培养学生的审美、欣赏、创新，主动探索与发展的能力为情感目标。那么，如何来实现教学目标呢?我进行了教学研究的尝试，引导学生开展探究性学习：网页制作作品。
一、教学目标。
知识与技能。
1、熟悉网页的各种元素，以及各元素在网页制作过程中的应用。
2、掌握网页制作过程中的一些技术和方法。
过程与方法。
1、以建构主义理论为指导，以研究性学习为载体，培养学生自学，合作学习和动手能力。
2、学生通过亲身经历，提高分析和解决实际问题的能力。情感与价值观。
1、培养学生与他人协作的学习品质，加强集体主义的观念。
2、培养学生的科学探索精神与严谨的治学态度。
任务描述。
根据学生不同的学习能力，知识、兴趣爱好，依据自愿组成原则，将全班分为6人的小组，各小组规划出网页设计方案，分工合作制作网页，重点注重网页制作流程，并由学生自己担任评委，评选出优秀网页。
二、教学过程。
1、课前准备。
（1）以小组为单位，规划网页结构方案，描述网页制作流程。
（2）根据这个方案进行工作分配，依据所给网页制作流程准备材料、备写相关材料。
2、制作过程（1）栏目设计。
（2）资料搜集。
（3）网页蓝图制作。
（4）色系选择（5）字体选择。
（6）页面详细设计。
3、网页评审。
各小组派一名成员上台演示，根据老师制定的评分标准，请各小组长进行评分，评出优秀的班级网页。
三、教学活动主要环节。
1、引入教学资源环境，创设学习情境。这个环节的主要教学目的是激发学生的学习兴趣和对新知识的渴望，让他们有对新知识和技能的学习动机，愿望和需求，在教学中，根据学生的思想特点与学习心理。我用自己制作的网页课件以及收集的优秀网页截图来创设情景，向学生展示了优秀网页的网页作品，并指出：大家看到的每一幅画面都是一个网页，这些网页有的美观大方；有的丰富多彩。有的个性鲜明，那么我们自己能不能制作出具有自己风格的网页。这样激发了学生学习网页制作的兴趣及求知欲望，产生了完成作品展网页的动机．此时，我对学生提出研究的目标--如何利用网页三剑客这个软件来完成你们的班级网页制作，最后各研究小组要分别展示你们的研究成果。
2、小组学习与探索研究。在课堂上，我出示范例，引导学生分析网页的结构，指出：网页中可以有文字、图片，甚至有动画和声音，为了和浏览者更好地交流，有时还添加各种表格、组件。当然，各式各样的超链接更是常常出现在网页里。学生有了初步的直观印象后，就不会感到盲目，而且会引起学生极大的兴趣。随后，我将一个网页的制作流程分别说明，那一个环节需要哪些软件，用到哪些技术；就作品网页制作过程简单介绍任务分解，重点在于小组任务的分配，将网页制作流程中各环节根据任务的轻重和学生能力的强弱进行分配，既要每个小组成员都有事可干，能完成各自任务，更要每个成员发挥自己的特长，使网页整体有特色，对技术的掌握更上一层楼，这个过程中引导学生轻松愉快、主动去解决问题，完成任务，进而达到自身对知识的意义建构是关键。
3、小组展示网页评审。展示交流是研究课题的最后一个环节，各小组通过多媒体教室向全班同学展示了各小组的研究成果，并对各个小组进行自评，即；说出哪些是本小组最好的，哪些是本小组还没能解决的．最后请各小组长评选出优秀网页。我认为在此环节，教师应把握评价的尺度，评价的侧重点应该放在学生在自主的学习过程中学会了哪些学习方法，同学间团结合作意识是否体现，井充分肯定学生的成果，鼓励他们继续发扬这种探索研究精神。
四、教学反思。
在“网页制作流程”这堂课的教学过程中，我充分利用了软件本身的特点为学生创设了和谐、美好，愉快的信息化学习的平台，发挥了学生的主体作用．教学中，充分调动了学生的学习积极性，培养了学生的动手能力，观察分析能力和主动探索性学习的能力。通过教学方法的设计教会了学生分析问题的方法，教学情景的设计使学生身临其境，启发了学生探索新知，深研新知的强烈欲望，培养了学生良好的思维习惯、学习习惯，使学生学习新知识的同时形成了良好的学习心理，实现了教学目标。实践表明，开展探究性学习对网页制作的教学具有非常好的效果，活动中充分发挥了学生的主体性，学生学习积极性被充分调动起来了。同时，提高了课堂效率，使整节课的教学目标得以顺利完成，小组的分工合作体现了平等原则，每个学生都积极参与到教学活动中．此外，小组成果评比演示也充分体现了学生在课堂活动中的主体地位。
校园网页设计大赛策划书
网页设计大赛是我院较早设立的项目之一，与创业设计大赛一样是学院领导和各专业同学非常重视的项目之一。
本大赛旨在激发同学们进行网页设计的兴趣和激情，不断提升自己适应社会需求的竞争优势。作为一名二十一世纪高素质的大学生，网页设计无论在学习还是实践中都具有相当强的技术性与实用性，无论在不断提升自己适应社会需求的能力，锻炼自己的团队协作能力与创新创意意识层面都具有深远的意义。这也正是暨南大学深圳旅游学院立足实际，实事求是，大力培养真正适应社会需求高素质实战性专业人才的重要实践活动。
所以为了满足同学们积极参与各项竞赛活动的要求，进一步活跃学院学术气氛，充分展示我院的创新与进取开拓精神，提高和展示我院学生网页设计与制作水平，整体推进学院学生创新综合能力发展，团委科技部届时将在四月份面向全院各个系及专业组织、举办20xx学年度网页设计比赛。
创意绽放才华技术再造风流。
合作分享快乐服务共享成功。
1.丰富和活跃学院学术文化，激发同学对网页设计的热情。
2.学以致用，为学有所长的同学提供一个展示自我，认识自我的舞台。
3.提供同学间互相对比，互相交流，互相促进的机会，培养同学们的实践与合作精神。
4.丰富学院同学的网络和网页设计知识，提高专业素质与综合技能，促进电子商务等专业的学科发展。
5.加强学院四大组织和xx大学xx校友会与同学们的联系，为学院四大组织和校友会网站的改进提出改进性建议，从而促进共同进步。
设计绽放风采，交流共同提高。
1.网页设计有兴趣，对网站建设有自己独到的见解，无论技术如何，都有资格参加本年度网页设计大赛。
2.有网页设计基本知识，有网站建设和美工知识的各个年级同学；
3.大一新生具有独立完成网页设计能力的可以自主组队参赛；
4.电子商务协会等专业组织可以以部门形式由不同年级同学组队参赛，鼓励跨年级跨专业组队。
本次大赛每个队参赛人数限制在3-8人之间，希望各个年级和各个专业的同学踊跃参赛，只要你能在网页设计的活动中找到自己的定位，团委科技部就会为你搭建一个公平竞争，展现自我实力与风采的舞台！
选择xx大学xx学院四大组织（团委、学生会、大学生就业指导中心和学生心理健康指导中心）和xx大学xx校友会中的一个为其设计网站。要求积极向上，内容健康，有侨校xx旅游学院特色。
网页。
1.网页要有鲜明主题，主题健康，能体现一所大学组织有的积极向上的文化和学术风气。
me文件（txt格式），内容包括：
（1）参赛者姓名、联系方式。
（2）所用的工作平台和设计软件。
3.首页命名为，其他页面均以*为后缀。
4.图片样式文件需统一存放于es文件夹，如有*文件请一并存放于images文件夹。
首页、页面、图片文件夹均在同一级目录。
构思介绍。
比赛作品附一份1000—3000字左右的网页创意介绍，包括你所设计网页主题，风格，美工和所运用的技术成分以及作品的目录结构，也可以加入你对大学网站建设的独到见解和在技术运用中的心得体会，统一用word格式文件上交。
1.参赛作品中的各种文件夹和文件名均使用英文名（小写）；
2.参赛作品中字体设定为简体字，也可根据网站不同点击群设置简繁体转换；
3.网页作品中不得含有恶意代码；
5.参赛作品必须由参赛者自行设计、制作，不得抄袭，不得套用网上或相关网页制作软件的模板，不得由他人代替或盗用他人作品，否则，取消其参赛资格。
6.为方便评审和展示，大赛组委会可对提供的资料进行复制；
7.评选结束后，举办单位对所有作品拥有实用权。
8.本次比赛由大会组委会负责解释。
比赛分为初赛，决赛（两场pk赛）。
1.报名申请表：4月7日。
参加大赛的队伍必须在4月7日晚上9：00到10：00将电子版报名表发到科技部负责人邮箱，将打印版交到410会议室，科技部将有工作人员收集报名表，逾时不候。
2.提交比赛作品：
参赛小组需在21日下午5点前将大赛作品用u盘交给科技部联系人并将电子版作品发至科技部邮箱。
说明：五点之后收到科技部工作人员通知一个小时内仍然不交作品的，将不予受理，取消该队参赛资格。
3.初赛：4月22日—4月30日。
由学院老师和专家代表组成的评审委员会依照评分标准，对网页计设作品进行初步评分，并对作品提出意见。根据得分和评审复议，选出得分3-8名的6支队伍的作品进入决赛，第一，二名将直接晋级总决赛。
科技部将在30日将评委打分和建议反馈到每个参赛队，参赛队可以根据评委意见做适当改进。决赛名单将同日晚通知各个晋级参赛者。
补充：进入决赛的每支队伍在决赛前有一次机会在决赛报告厅做实验性的现场演示，对自己的作品色彩和内容做出适时优化。
4.复赛：5月8日。
进入复赛小组以两场三队pk的形式，讲解网站设计并作现场演示，同时就所设计的网站运行管理情况进行答辩，评审委员会按评选细则选出每场比赛晋级决赛的一个名额。
补充：晋级复赛的队伍赛前到指定教室初定为410抽签产生pk的对手，具体时间另行通知。
每个半场大约一个半小时，经过上半场决出一个晋级决赛的名额；中场休息十分钟后进行下一组三个队伍的复赛pk，程序同上半场。比赛结束正式产生晋级决赛的两支队伍。
5.决赛：5月15日。
初赛中直接晋级的两支队伍与决赛每一场获胜的两支队伍，按照讲解演示——评委答辩的比赛顺序，最终由评审委员会按评分细则和观众投票选出获胜队伍。
pk规则说明：
1.pk是为了给各支队伍展示本队作品更多的机会，比赛中各支队伍须尽可能完整解释本队作品的创意与亮点，增强大赛的可观模性。
2.比赛中各队只可介绍本队作品的竞争优势与获得晋级或冠军的理由，但不可对pk赛中的对手及其作品进行职指责诋毁和无礼攻击。
3.各个队伍必须严格遵守以上pk比赛规则，不得违规，否则予以扣分，违规一次在总得分中扣掉3分。
声明：为了确保大赛的公平，公正，公开的原则，保证每一支参赛队伍参加公平竞争的权利，科技部部员将不会组队参加本次大赛。同时，各参赛队必须遵守大赛规程，不得违反大赛秩序。
一等奖一名颁发一等奖证书奖金1000元。
二等奖一名颁发二等奖证书奖金800元。
三等奖一名颁发三等奖证书奖金600元。
学院评委：
40个网页设计案例
关于我们的页面设计并不难，但是要设计一个完美的版本并不容易。它通常取决于你的出发点，是要个性化的设计，还是品牌化的运作?是提供自己联系方式，还是获取用户的联系方式?下面的优秀案例会告诉你，优秀的关于我们页面要如何设计。
友好的联系人界面总会让人感到亲切的，如果它还具备一些功能性，并且易于阅读，用户会感觉更加舒适的。“what can we help you with”则可以引导用户去点击“加入我们”“聘用我们”以及参与邮件订阅。
tool 的关于我们页面中，设计师用醒目的字体标注出团队在洛杉矶、纽约和法国的办公室的地址和联系方式，点开关于我们页面的用户不就是想知道这些信息么?正确的联系方式，简单直接的设计，就是这么做的。
productiong location的联系我们页面同样采用了大胆而视觉化的页面设计，但是和其他的同类页面不同的是，它简化了沟通流程，把用户可能会关注的内容和需要沟通的具体部分都划分了一下，让不同需求的用户直接被引导到特定的页面和部分，从而达成简化和分流的目的。
放上设计师和团队成员的图片，让用户认识你。最关键的并不是你的头像够不够漂亮，而是要让用户知道这个漂亮的网站背后是一位和你我一样真实而平凡的设计师，是他或者她努力设计之后的成果。头像可以让页面更加个性化，也能让它更加真实而亲近。
设计博物馆中收藏了许多设计相关的藏品，而关于我们页面中的这个电话不仅是网站的藏品，而且作为一个重要的隐喻来向用户传递“沟通”的意象，这也算得上是一种设计上的“双关”了。
古怪的设计和有趣的文案总能让人难忘，每天海量的信息摄入让人们只会记住最突出的那些。不过，古怪的设计不一定适合任何品牌任何网站，但是对于那些古灵精怪的网站而言，那些独树一帜的脑洞总能起到作用。
对于网站而言，在关于我们页面中将自家的品牌性格呈现出来自然是合理合适的。boone selections 就是这样优雅又专业地将品牌配色和相关设计元素融入关于我们页面的。作为一个专业的葡萄酒进口公司，boone selections 的关于我们页面用独特的排版和滚动式的页面设计，营造出独有的品牌气息。
this also 的关于我们页面设计可谓是可靠而到位了，页面地图标注出了公司地点也就算了，当你向下滚动页面的时候，还能看到详细地址的说明、沿线地铁的乘坐方式、沟通的电子邮件地址、电话，等等等等，不一而足。
网站 deux huit huit 的关于我们页面并没有提供传统意义上的沟通方式，而是设计成了一个直观而简单的对话框。顶上“say hello ”的对话框非常直接地提示用户，只要输入内容，网站的开发者就能看到了。
对于诸如餐厅、博物馆、商店等有具体营业时间的机构的官方网站，在关于我们页面当中标注店铺开门的时间、接受电话咨询的时间，可以让用户更加有效地接受服务。
panache 的关于我们页面中标题字体采用了非常醒目的“travaillons ensemble”，这种字体更为轻巧，虽然独特但是具有极高的识别度。
经典的黑白黄的配色方案被运用到sponge 的关于我们页面当中，这种强对比的配色结合细致的细节刻画，让整个页面看起来锐利又富有质感。设计师将明亮的色彩运用到最关键的信息上，让用户更容易注意到它们。
插画总能以更加视觉化的方式来吸引用户的注意力，尤其是当插画足够风格化、个性化的时候。legwork studio 的关于我们页面中，加入了狼头人插画，配合手写字体，营造出了一种个性化的氛围。
giampiero bodini 的关于我们页面并没有使用复杂的设计技巧，而是在素描的繁复背景上，放上一个简单的矩形，将联系方式与相关信息置于其中。繁复和简单，手绘和图形，形成了鲜明的对比。
沟通是相互，你可以发信息给网站，也可以留下联系方式，让网站的运营者给你发信息。qed group 直接在联系我们页面中留下一个表单，你可以通过这个表单留下联系方式。
简单优雅和易读是 joseph a avoue 的网站联系我们页面的设计风格，没有华丽的设计，也没有花哨的功能，一个纤细的环，中间是最基本的联系信息，就是这么直接。
幽默的设计师不会放过任何一个搞怪的机会，bio-bak 的设计师即使是在联系我们页面当中也会哗众取宠一把。涂鸦字体和俏皮的文案让人忍俊不禁，你能够从每一个细节感受到这个设计师的幽默细胞。
anakin 的关于我们页面同样是让用户填写联系信息，不过在表单的设计上更加独特，并没有专门的表单，而是使用占位符提示用户各个位置需要填写的内容，贴心、直觉，也非常走心。
和第二个案例类似，cpb集团在全球各地都有办公室，但是在设计的样式上也更加独特，各地办公室的内容和个性化的背景融为一体，信息得到了整合，展现方式也个性十足。
在关于我们页面当中介绍自己并不稀奇，不过除此之外可以做的还有很多，比如介绍一下自家的业务，展示一下自家的品牌，吸引用户来聊聊也是很不错的手段。hello monday 的关于我们页面就是这么做的。
在网站里面添加视频背景已经是一种非常流行的手段了，而作为电影制作工作室而存在的moodboard 在关于我们页面中使用视频背景不仅符合他们团队的工作性质，而且让整个关于我们页面更加鲜活了。
要设计结构化的页面，栅格总是你最好的朋友。urban influence 的关于我们页面使用栅格来组织整个页面的信息，需要展示的内容，让用户输入的部分，装饰性的部分和展示用的地图，都界限分明地分布在页面上。
如果让界面更加友好，设计师要做的工作并不少。清晰而易读的界面设计是最基本的，信息要能够清晰的传递出来，没有侵略性的配色，让人感到熟悉、亲切的呈现方式，易于操作的交互方式，这都是设计师要做好的地方。
取得联系包含着一系列的操作，如果将整个交互过程分割成为若干步骤，一步一步引导用户来操作，加入动效和微交互，这绝对是一种不一样的'体验。
团队中负责不同部分的负责人通常不一样，用户打开联系我们页面通常有着明确的目标，如何将faq部分加入其中，并且添加特定的联系人的联系方式，让用户可以更加直接地同不同的负责人进行沟通。
robby leonardi 的网站似乎被设计成一个扁平风的电脑游戏，当你浏览页面的时候，会随着主角去不同的页面，做不同的事情，而去关于我们页面也是其中的一个“场景”。这是一种整合页面的方式，值得学习。
许多网站背后都是一整个开发和设计团队在运作，用团队成员合影作为关于我们页面的背景图也是非常合理且有个性的做法。
通常留白能强化整个页面的空间感和结构感，而beta tataki 在关于我们页面就放置了一个设计感十足了电话，通过留白强化了联系方式等内容的存在感。
精心设计的字体排版不仅具有装饰性，还可以承载一定的内容。pauline osmont 的联系我们页面使用了黑色、银色和金色来构建吸引人的字体排版主视觉设计。当你向下滚动页面的时候，能看到易于阅读排版到位的表单。
这也是近几年比较常见的一种内容展现方式，设计师亲手举起展板来展示设计作品。如果用在联系我们页面中，这种设计师手法也是相当的应景呢。就像mark jaworkski 的这个页面，设计师的技能、介绍还有留言用的表单都整齐地展示在这块被平举的白板上。
现在哪个网站没几个社交媒体帐号呢?在关于我们的页面当中将自家网站的各个社交媒体的链接都贴出来，对于许多用户来说反而更加便于联系。
复古的样式是不错的选择，但是使用传统的联系方式来设计，似乎更加走心也更有意思。lionway 的联系我们页面就设计成了明信片的形式，还有一些固定的信息干脆就列举在一个打印账单上。
文案的设计也是联系我们页面中重要的部分，亲切、幽默的文案设计会让用户感到亲近，但是同样的，俏皮的、机智的文案也一样会让用户难忘。
设计工作室 resn 的联系我们页面设计绝对是这组案例中最有个性的页面之一，充满80年代风情的设计元素，和带着动物头套的团队成员图片组成了页面的主体。
信息图是近几年一直处于上升阶段的设计手法，如果有合适的展示内容，在关于我们页面中使用信息图也是相当不错的选择。quicksprout 的关于我们页面就使用了信息图来呈现内容，清晰易读，而且准确到位。
在联系我们页面中使用卡通和动漫式的形象来呈现设计师和设计团队是相当常见也相当有效的手段，melonfree 的关于我们页面就将设计师和开发者的卡通形象摆了出来。
人的眼睛总会有意识地去识别想要石碑的内容，所以即使的半透明的元素加载在一起，也不会特别严重地影响阅读体验。indofolio 的页面设就充分运用半透明的元素，将核心的联系方式放在半透明的矩形上，透过图形用户依然能看到背景的细节，但是又不会看不清关键的联系方式。
手绘的联系我们页面，尤其是那些画的还相当养眼的页面，总能让用户感受到设计者的贴心。mario petrone 的这个页面设计就相当的俏皮有趣。
spokes pedicabs 的联系我们页面其实谈不上一个完整的页面，而用一个下拉框代替，当你点击导航了中的链接，会出现这个醒目的橙色下拉框。
橙色又称之为橙黄或者是橘色，它的穿透力仅次于红色，色感较红色更暖。在网页设计中橙色是十分活泼的色彩，给人以华贵而温暖、兴奋而热烈、欢乐与活力的感觉，也是令人振奋的颜色。
橙色在网页中的使用范围非常广泛，可以通过变换色调营造出不同分气氛，不仅仅能表现出青春活力，也能达到一个稳重的效果。橙色的波长居于红和黄之间，具有健康、富有活力、勇敢自由等象征意义，为了让大家对橙色有更好的理解，下面分别对不同类型网页进行分析。
推荐案例：橙色+黄色+深橙色
整个页面以橙色为主，通过不同明度和纯度的“黄”进行调和，页面非常融洽而不显单调。很好的突出了的图片，食品图片色调也是相近的，故不会非常的突兀。而利用白色将网页分层，有层次感。
推荐案例：深橙色+土黄色+黄色
整个页面是利用深橙和浅黄色的搭配来展现的，使页面看起来更加的温暖，深色的铺垫，黄色的文字，达到一种突出而不突兀的视觉效果，赋予了网站生命力。
推荐案例：橙色+卡其色+绿色
这一个案例使用的颜色相对较多，而橙色的导航辅佐明度较高的卡其色，不会显得非常凌乱，反而更加有特色，很活泼。加上利用一些绿色的按钮来点缀页面，页面就显得不那么单调，有万橙之中一点绿的视觉效果。
四.科技发展机构网站案例分析
页面用的色彩相对较杂，但让人感觉乱中有序。大家可以注意到，页面都是采用深红色作为文字，而橙色出现在红色文字的附近，例如顶部的橙底红字，大标题红色小标题橙色，这些元素就使页面乱中有序。
总结：橙色运用的非常多，调整饱和度、纯度都可以达到非常好的视觉效果，当然在视觉冲击力的同时，可适当采用少许对比色调和缓和于视觉，从而削弱视觉的疲劳度。