网页设计教案（必备18篇）
时间:2026-07-21 赵老师教案网⬔ 网页设计教案 ⬔
刚步入社会，我是一个性格内向的人，面对陌生的人，我不善言辞，不会给自己的外表进行很好的包装，不适合做那些销售、接待的工作，只有技术类的工作，少说多干的活适合我。我根据自己的情况找了份网页设计的工作，现将工作情况报告如下。
我从事网站开发工作，公司在技术团队这部分是比较正规的，一般是五到六人为一个小组，小组中有明确分工，有负责联系客户接恰生意的，有专门做技术的，而在技术这块分为网站前台、后台开发，我在学校主要做的是后台开发，当然前台设计工作也还算熟练。我们这个小组一般接下的活都是一些小型网站的开发工作，这样的网站技术难度不大，而且工作周期短，有相当一部分的，只需要通过cms软件就可以进行开发。但是有个别的网站开发时，我们还是需要进行一些手写代码工作的。
做为一个刚毕业的大学生，学校教的东西肯定会有一部分和社会是脱节的，但好在我的领导对于我没有太多的要求，他只是要求我尽快的适应公司的工作和生活，在短时间内熟练的掌握相关技术，干好本职工作。
在大学里对一个学生来说什么是最重要的，那就是学习能力。要知道，这个世界上，知识在发展，人类在进步，每天都在进行日新月异的变化，我们的知识储备总会有不够的地方，但是一定要有学习能力，将不会知识快速掌握，只有这样才能占据主动，减少被动情况的尴尬发生，通过二个星期的时间，我成功的适应了公司的工作和生活节奏，每天早九点上班，晚17:30下班，中午休息一个半小时，每周还有两天假期。我利用业余时间，抓紧学习，将工作中所需要的技术进行了强化学习，其实这些东西在学校的时候就接触过，只是不精通。那个时候学的东西多，工作了，才知道哪个应该多学点，但基础在这，也就不怕了，比如说：flash，公司要求技术人员会做flash，flash这东西以前我在宿舍的时候经常玩的，可是后来在分析就业情况时，分析错了方向，以为这东西没有什么用处，结果就给荒废了。但好在还有印象，并且当初记了很多的笔记，所以说记笔记是很重要的事情。而其它像javascript、ml、数据库这些东西我都学过，只是实践能力稍差一点，但好在从前在学习方面用的功不是白费的。通过这种实战环境，和半个月的刻苦学习，我终于可以感上小组的工作进度了，已经可以很好的完成领导教给我的任务了。
像我这个组常用的是css+div排版，后台使用php技术进行开发，服务器平台采用，linu+apache+mysql+php,这种 lamp组合，我很高兴在学校学的东西能学有所用。以前我们是用表格(table)进行排版，这种方式简单但是已经有些过时了，现在大部分网站都开始了重新构架，所以都采用css+div进行网页排版，我目前正在学习，掌握的还算比较快。而在后台开发部分，我们使用php来进行开发，我的工作是手写一些小模块。或者用javascript写一些特效小代码。
小组分工时，我负责后台里小模块的开发工作，如：留言板或论坛，还有一部分javascript代码编写工作。前台部分的工作是和组里的丁珊珊做一些排版的工作，使用css+div技术。编写代码这种工作看起来有些枯燥，其实时间长了以后，还真有点厌烦，但是后来我明白，只有将自己的本职工作做好，提高自己的技术，做出优良的东西，这样自己才会有价值感，才会对自己的工作保持新鲜感。所以我每天都在工作后，记录下每天在技术上的不足之处，回家后，加强学习。
php是现在比较流行的一种网站开发技术，由于它是开源的免费代码，并因良好的跨平台性能受到了大重的喜欢，我个人认为php很简单，适合初学者学习使用，但是在某些地方想要做好，就需要你认真的学习了。目前，我负责的只是技术性较低和规模较小的模块，不过，我觉得从简单处做起也挺好的，但是我在写代码时，还是经常犯些小错误，导致代码页面经常出错，而自己往往还找不到是哪错了，有几次急的都不行，不管怎么弄，结果就是错误，后来我才发现，原来只是一个小错误，小的不仔细察看，我都找不到。于是我明白，做开发工作，一定要细心，否则就会给自己和别人带来麻烦。
安全检查是很重要的一个环节，就像你给人家盖房子，房子盖好了，可是门和窗不结实，那这种就必然不会安全的了。页站的制做也是同样的道理，在安全方面，有一个地方是和开发人员有很大的关系的。因为开发人员技术的高低决定了网站的安全性，有些人员在一些环节上的疏漏，很有可能导致网站在实际使用时，遭到黑客攻击，如果造成了经济损失就无法挽救了。所以，我们每个人在将各自的工作完成以后，组长和其它专门的技术人员会对网站的安全性进行测试，找出存在的漏洞，然后加以修改。以使它的安全性达到最高最稳定的状态。
现在的我已经能独档一面了，做一些难度较大的工作，我通过优异的表现，已经转为正式员工，我对自己的表现感到满意，最重要的是我给学校争了光，但是在社交能力方面，沟通能力上还有不足的地方。我决定在今后的工作和学习，要加强和别人的沟通能力。使自己变的更好，为国家做更多贡献。
⬔ 网页设计教案 ⬔
虽然有成千上万的字体，但你真的能用的只是一小部分(至少要等到主要的浏览器完全支持CSS3)。 所以坚持使用网页安全字体。如果你不喜欢网页安全字体，可以考虑利用sIFR或Cufon逐步增强的网页设计。
保持字体的一致性，确认标题和段落的内容看起来有所不同。使用空白、调整行高、字体大小和字母间距属性，使用户轻松愉快地阅读和扫描内容。
也许一个网页设计师常常犯的错误就是使用不对的字体大小。因为我们想尽可能的将内容都塞在一个网页中呈现，所以我们有时设置字体大小而让用户感觉到不舒服。如果可能的话，尽量保持字体大小12像素以上，特别是对段落内容。虽然很多没有遇到因为字体太小而造成阅读上的困难，但是想想老人家、近视眼和其他类似视觉障碍的族群吧。
⬔ 网页设计教案 ⬔
教学目标：
1、知识与技能
（1）了解超级链接的含义及链接源和链接目标的含义，掌握同一站点内以及不同站点间网页超级链接的创建方法。
（2）掌握网页内书签的作用及创建书签链接方法，掌握交互式按钮、框架网页内超级链接的设置方法。
（3）理解热区链接的含义及创建方法。
2、过程与方法
（1）通过创建网页超级链接的操作，使学生了解网页中创建超级链接的基本方法，破除对网页链接的神秘感。
（2）通过对不同对象设置超级链接的操作，使学生总结出操作的规律，培养学生自主学习与操作的能力。
（3）通过网页不同的超级链接方法，拓展学生思维，创建多种形式的网页链接。
3、情感态度与价值观
（1）通过链接我国主要自然保护区网页，激发学生热爱祖国、热爱自然、热爱生命的激情。
（2）完成超级链接，使学生感受成功的喜悦和快乐。
教学重、难点：
1、教学重点：
（1）超级链接的含义及链接源和链接目标的含义。
（2）超链接的制作方法——给文字、图片制作超链接，制作书签链接，给交互式按钮制作超链接，框架页面内的超链接，图片区域制作超链接等。
2、教学难点
（1）书签链接中名称及对应链接位置的设定。
（2）在框架页面中制作超链接时，目标对象所选择的显示窗口形式。
教学方法与教学手段：
任务驱动法、讨论探究法、讲解与演示法、类比知识迁移法。
教学准备：
"动物——人类的朋友"站点，包括未链接的网页，如欢迎页、表格页、框架页，表单页等。
教学过程：
1、引入
展示两个主页，一个已经创建了链接，一个没有创建链接，让学生进行比较并找出区别，引出本课课题——超级链接。
提出：我们在先前的学习中，哪个软件中的相关操作与它类似？什么是超级链接？找一个例子，分析链接源和链接目标分别是什么？
学生展开交流，通过对比找出不同点，并积极思考，回答老师的问题。
设计意图：通过对比操作、交流，再辅以知识迁移，明确本节课教学内容。
2、新授
（1）站内超级链接
引导学生回顾PowerPoint中超链接的制作方法（教师提示：右击链接源，利用快捷菜单制作超链接），辅以教材中的内容，让学生自行探究并完成以下操作：
任务1同一站点内不同页面之间的链接
○1制作首页（欢迎页）到表格页的超链接。
○2给表格页内交互式按钮设置超级链接，链接到相关页面。
○3给框架页内交互式按钮设置超级链接，链接到相关页面。
教师巡视，及时指导，安排学生示范操作并讲解如何制作超链接。
交互式按钮的超链接制作要求在框架网页中演示操作。老师可以提问学生：演示者操作的对吗？有没有问题？
引导学生发现问题：超链接制作完成后需要检验（保存后预览）。
教师讲解，突破难点，再交由学生操作。
以上是同一站点内不同网页之间的链接，有时一个页面中内容过多，需要不断拖动滚动条实现阅读，能否实现快速跳转呢？
任务2同一站点内同一页面内的跳转（链接）：在"动物趣闻"页面内制作书签链接。
教师讲解：由生活中的书签引入，介绍"书签链接"的概念，然后再演示如何操作。
提示：书签链接的双向性问题（返回）。
学生认真听讲后模仿制作，教师巡视进行指导并反馈学生的完成情况。
（2）站间超级链接
仅凭我们课堂上制作的`这些页面还不足以详细介绍我们的主题，此时我们还可以借助超链接，链接到因特网上的其他网站，以丰富我们的内容。
任务3借助热区链接，为"友情链接"页面制作超链接，链接我国一些自然保护区网站。
有了以上基础，可安排学生自学教材中有关热区链接的相关内容，学生探究操作后教师再安排学生进行演示，辅助以提问的形式检验学生的自学情况。
3、总结与评价
开展同学间的互助，检验其链接完成情况，推荐优秀同学做展示。引导学生分类总结本节课的知识点。
⬔ 网页设计教案 ⬔
通过网页设计理论联系实际操作，巩固所学的知识，提高处理实际问题的能力。充分学习网页设计实践中的操作理论，提高自己网页设计水平，并为能顺利与社会环境接轨做准备。
学习网页设计实际问题处理方法及常规网页设计内容（网页设计切片、数据库的搭建、新闻管理、留言管理、网页设计在线编辑器等），网页设计后台管理方面的知识应用，及利用所学知识管理和编辑网站，并从实际出发，简单了解关于网站安全性问题的实际解决措施（md5密码加密等网页设计知识）。
20xx年xx月xx日——20xx年xx月xx日。
xx。
按照老师的安排，我制定了相应的实习计划，并记录了相关的实训内容，以备后鉴，且完成实训作业及实习心得。注重在实习阶段对所学知识的巩固和提高，以达到根据理论知识，指导日后工作实践的目的。其主要网页设计实习具体内容情况报告如下：
1、收集网站所需信息。
2、运用PHOTOSHOP处理的网页设计所需图片。处理图片要保持图片不失真，并按照网页设计需求设计所需的效果。
3、对所完成的网页页面进行合理的切片处理，并按照网页设计效果完成网站整体框架的构建。
4、搭建网站所需数据库。
5、网站的虚拟建设和初步完善。
大学生活让我对计算机理论知识有了一定的了解，但实际操作领域依旧是一片空白。纸上得来终觉浅，绝知此事要躬行。经过网页实训课的实习，让我对自己有了新的认识，并明确了网页设计方面的前进方向。
1、继续学习，不断提升理论素养。在信息时代，学习是不断地汲取新信息，获得事业进步的动力。现在通过实习总感觉自己学的不够，要用到知识时总感觉脑袋总是空白。实习后让我明白，为了能更好的适应工作，不得不利用自己空闲时间去弥补学习中的不足。实训内容是与自己所学专业有密切联系的，所以自己在这方面格外侧重，希望能够加强自己的专业知识。
2、加强信心，坚持下去。上学的时候大家都说“能珍惜现在的日子就好好珍惜！”，等工作了才真正的领悟这句话的涵义。经历这次实习后，就希望能把实习所学习的知识，也能运用到课堂上。对自己多一点信心，多给自己点赞赏，多给自己鼓鼓劲，相信自己总会走出一条宽敞大道。
实习，是开端也是结束。在书本上学过很多理论，但从未付诸实践过，也许等到真正运用时，才会体会到难度有多大。在今后的工作和生活中，自己需要更加努力的奋斗下去。
实习的同时也让我了解到了自己的不足，我会继续努力，完善自我。对于学校的精心安排和指导老师的用心辅导非常感谢。
最后谈谈我个人对自身的职业之路规划。当然这些还不够成熟，仅仅是这一个学期的实习带给我的一点想法，今后我会结合学习生活进一步修正。首先是个人学习，通过实习我认识到利用课堂外的时间也是关键，下一步打算结合自己的兴趣，利用课余时间自我培训；其次是社会实践，初步打算是利用假期等时间充分工作，以提高自身实际工作能力为目的，毕竟“想”和“做”是不一样的，这次实习中我也认识到了这点，平时觉得自己能够胜任的简单事情，当真正动手做时却总不是那么简单了；最后，打算结合个人的兴趣、价值观、能力、职业发展倾向做个详细的职业发展规划。
总体来说，这次网页设计毕业实习，让我受益匪浅，以上是我的实习心得与体会，不足之处望得到指正。
⬔ 网页设计教案 ⬔
作为一名网页设计师，我一直致力于不断提高自己的技能和设计水平。以下是我对自己的网页设计能力的详细评价。
首先，我在网页设计方面具有扎实的技术功底。我熟练掌握HTML、CSS、JavaScript等常用的前端开发语言，并能够充分利用这些技术实现网页的各种功能。我深入了解并应用各种网页设计的最佳实践和标准，确保我的作品具有良好的可用性和可访问性。我还能够对不同浏览器和设备的兼容性进行有效处理，确保用户在任何平台上都能够流畅地浏览我的网页。
其次，我注重用户体验和视觉设计。我在设计网页时始终以用户为中心，考虑他们的需求和习惯，力求为他们提供最佳的浏览体验。我注重网页的布局和导航设计，确保信息的呈现清晰简洁，操作的流程简单易懂。同时，我也注重网页的视觉效果，运用色彩、字体、图像等元素进行精心搭配，使得整个页面具有美感和吸引力。我善于运用视觉设计原则，如对比、重复、对齐和层次等，来提高网页的可读性和可视化效果。
此外，我具备良好的沟通和协作能力。作为一名网页设计师，我与客户、开发人员以及其他设计师之间经常需要进行有效的沟通和协作。我能够准确理解客户的需求和要求，并将其转化为切实可行的设计方案。我还能够与开发人员密切合作，确保设计与技术的无缝衔接。我在团队中积极参与，并主动向团队成员提供帮助和建议。我具备良好的团队合作精神和解决问题的能力。
最后，我不断学习和追求创新。网页设计领域变化迅速，新技术和设计趋势层出不穷。为了跟上潮流和满足用户的需求，我不断学习新的设计技巧和工具，并运用于我的设计实践中。我积极参加各类相关的培训和研讨会，与其他设计师交流经验和心得。我还关注国内外优秀的网页设计作品，汲取灵感和创意，不断提升自己的设计水平。
综上所述，我对自己的网页设计能力非常自信，并且不断努力提升。我具备扎实的技术功底，注重用户体验和视觉设计，具备良好的沟通和协作能力，同时保持学习和创新的态度。我相信这些优势将为我在网页设计领域取得更好的成绩。
⬔ 网页设计教案 ⬔
上周，我们电商专业进行了为期五天的网页制作实训。
在机房里待了一个星期，虽然生理反应不大，但是还是不好受。原本以为是实训比平时上课要舒服多了吧，但是这一个星期下来差点没被累死，比平时上课还疼苦。但是在这实训的一星期里我的收获还是很多的。
第一、从这次实训当中我深刻的体会到理论知识的重要性，只有在自己熟练理论知识后再能在实践中游刃有余，才不会出现“书到用时方恨少”的尴尬体会。
第二、实训中我印象最深的是对各种网页制作工具的使用不熟练，甚至还有个别不会用的，只是自己想要做个图片或图标等都做不好，其心情想而知。所以对这些网页是做工具的使用都要练习。
第三、集体协作是我又一个体会。这次网页制作由于某些原因我一个人一组，是我搞掘到压力很大而且很累，而且我自己的思维能力很有限，网站设计和制作上也略显粗糙和不足，正所谓：你有一个思想，我有一个思想，分享后我们就都有两个思想。所以与同学合作是很有必要的。
⬔ 网页设计教案 ⬔
1 不要先决定网页的外观，然后强迫自己甚至是强迫别人去适应它。应该从网站的浏览者、网站要传达的信息以及网站的发展目标考虑，设计出一个最适合的网页架构。
2 不要每页都采用不同的背景图片，以免每次转页都要花时间去下载。采用相同的背景色及近似的按钮都能增加网页一致性，树立统一的风格。这也是最基本的网站VI设计(视觉识别系统)。
3 不要把图片的白色部分当作是透明的颜色，要知道别人的操作系统是并不一定会将底色设为白色的。解决的方法是把网页的底色设为白色。而最好的方法是用图片编辑工具为图片设置好透明底色。
4 底色或背景须与文字颜色形成明显对比，方便阅读。若你的网页里有较多文字，不妨在这方面下多点功夫，力求让浏览者能舒适阅读你的文章。
5 每页的排版不要太疏或用太大的字，尽量避免看网页的时候要作很大的卷动。
6 太长的一页要使用内部链接，聪明的网页设计者不会让浏览者在看网页时太多卷动。常见的内部链接例子如 FAQ、或名词解释。
7 在17寸显示器尚未普及的时候，不要以 800x600 以上的像素设计网页。因为这常常会导致设计上的判断失误。因此，无论你有再大的显示器，能上再大的分辨率，将显示器设置成 800x600的显示模式是适当的。 -
8 不要于每页插入太多的广告牌。相信你也不会喜欢贴满广告的网页。什么广告交换、点钱Banner、弹出窗口，还有时下最流行却又最讨厌的浮动广告，还是少放为妙。至少,当我看到的时候，是会第一时间按右上角的“X”的。
⬔ 网页设计教案 ⬔
摘要：在互联网时代网页海量，如何设计出如何用户需求且具备交互功能的网页是所有设计师思考的重点，而网页之所以存在，是因为它能够通过互联网轻松快捷地满足用户的需求，而在海量的网页中唯有符合用户体验的网页才能与用户之间建立忠诚度。该文结合现有研究以及自身实践经验，阐述了用户体验设计的重要性,并从3个方面分析了以满足用户体验为落脚点的页面设计原则。
关键词：用户体验;交互设计;设计原则
交互设计作为一门关注交互体验的新学科在20世纪80年代产生了，它由IDEO的一位创始人比尔莫格里奇在1894年一次设计会议上提出，而随着互联网的快速发展，交互设计已经成为了网页设计乃至软件设计的重要因素，甚至在一定程度上决定了网页的成败。因此，以用户为中心强化交互设计的研究以第一时间给予用户最佳的体验以达到留住用户，进而与用户之间建立忠诚度的目的。
1用户体验概述
1.1定义
用户体验顾名思义即用户对于某个产品从外观、性能、使用过程等各个方面的感受，大多数产品投入市场均会受到用户从视觉、听觉、触觉等方面的认知，同时更会升华到情感上的认可度。用户体验虽然具有一定的主观性，但却在一定程度上反映出了一个产品是否符合用户需求、是否能够帮助用户解决问题、是否能够为大多数用户所用等。就此而言，用户体验是从主观到客观层面上的升华，是一个不断发展的过程。
1.2用户体验在网页界面交互设计中的重要性
网页之所以存在，是因为它能够通过互联网轻松快捷地满足用户的需求。因此，网页设计首先要满足用户的.某个目标，让用户能够快速寻找到所需要的内容且无障碍地完成所需的操作任务。在此过程中用户与网页之间就形成了交互关系，同时交互使用的流畅与否直接影响到了用户的使用体验感。对于用户而言，简洁流畅的交互功能是其最终的需求，不仅能够起到愉悦心情的目的而且更是提升使用效率的关键所在。设计师在设计过程中，应从用户角度出发去探索其需求并设计出相应的框架，将之融入页面设计之中。对于设计师而言，为确保网页设计朝着正确的方向迈进，应充分认识到用户体验的重要性，重视用户的需求,即从用户的角度出发，深入发掘用户对于网页的“痛点”所在，以达到愉悦的目标；其次，对于具备设计团队的设计师而言，可充分发挥出每个人员作用，为其安排相应的角色，使之为网页设计收集意见，进而保持正确的设计方向。
1.3用户体验与界面交互设计的关系
用户体验与界面交互涉及用户体验、界面设计、交互设计3个方面的相互关系，不论是界面设计还是交互设计均是为了提升用户体验而设置的，通过此两个环节的优化提升用户体验度，实现网页设计的目的。因此，在网页设计过程中，首先要做的就是明确目标用户所在。此外，调查用户对于网页的需求以及心理诉求，进而设计出相应交互功能或方式，以起到调动用户使用的兴趣。同时，再对页面进行美化处理，形成独具特色且符合大众审美的页面方可避免用户的流失。
2基于用户体验的网页界面交互设计原则
2.1以用户为中心的原则
其一，目标导向原则。交互设计之父AlanCooper其著作《AboutFace3:交互设计精髓》中首先强调了目标导向设计的方法。即从用户的目标出发进行设计，满足了用户的目标，用户就会感到满意、有效率，并且将产品推荐给其他人。目标导向原则最重要的是了解用户的目标、需求和动机是什么。因此，对于设计师而言，首先需要思考的不是采用何种软件或技术去策划漂亮的页面而且先思考用户需要什么、用户通过这个页面能够得到什么、设计的产品是否能够达到用户的需求以及能够为用户的生活、学习、工作等提供哪些价值；其二，尊重用户的习惯。用户的习惯是用户积久养成的生活方式，在互联网领域可以表现为用户心理模型。著名认知心理学家诺曼博士这样解释心理模型:心理模型是存在于用户头脑中的关于一个产品应该具有的概念和行为的知识。用户习惯来源于用户以前使用类似产品的经验，或是用户根据使用该产品要达到的目标而对产品的概念和行为的一种期望。任何用户在进行某项活动之中均会形成一定的使用习惯，在网页浏览过程中同样如此。网页设计师在设计网页环节时，应当充分考虑到目标用户的使用习惯，将之作为网页设计的重点和基础。根据用户的使用习惯以及对网页的期待进行设计，同时在网页上线之后再进行数据分析，检测是否有不符合用户使用习惯之处以再行修改。日本设计大师深泽之人在产品设计中提出的“无意识设计”，同样适用于网页界面的交互设计，以让用户在无需思考的状态下即可轻松自如地浏览网页，体会到网页的价值所在。同时，无意识设计能够减少用户在网页浏览过程中的负担，使之在轻松自如的状态下达成自己预订的目的。
2.2简易性原则
当今社会节奏越来越快，生活日益繁杂，人们更加倾向于简洁的事务。对于网页设计而言，简洁的网页能够减少用户思考时间，减少不必要的页面元素影响到用户浏览，使之在最短的时间内捕捉到所需的内容。反之，如果页面繁琐，用户在网页浏览中抓不住重点，反感情绪油然而生，导致直接关闭网页。用户对于页面的需求简洁胜过于复杂，将最具价值的信息通过简洁化的形式呈现给用户，最大程度上减少其他因素干扰。通过运用合理的结构、简洁的布局，呈现出结构层次分明，内容清晰可见，用户第一时间即可发现符合自己需求的内容。此外，网页功能要简单实用且易用。设计网页的目的在于为用户提供服务，网页存在的价值就在于被用户所用，能够满足用户的需求。在页面功能的设计之上，要充分考虑到不同年龄层次以及文化层次用户的具体情况，将网页功能尽可能简化。
2.3统一性原则
其一，视觉风格统一。网页界面的视觉风格整体统一非常重要，混乱跳跃的界面容易分散用户的注意力，让用户不知所措，影响用户的使用效率。根据格式塔心理学理论，在认知的过程中事物首先是一个整体，在认知整体后才是部分的认知。对于页面设计同样适用，当用户打开网页首先是视觉感受，页面整体风格是否和谐且有新意。一个具备和谐的页面，能够增进用户的好感，不会引起用户的反感，使之乐于浏览该页面；反之，用户则会立即关闭网页。同时，单纯追求和谐统一的页面设计容易形成死板呆滞的负面效应，随着时间的累积用户势必会产生视觉疲劳，久而久之逐渐失去使用的兴趣。为此，一个页面的设计既要达到和谐统一的状态又要不失活泼，具备动感，给予用户相对长久的“新鲜感”。其二，交互方式流畅统一。
3结语
当今互联网时代，海量的网页给予了用户极大的便利，但是也正是因此导致用户对于页面的要求越来越高，用户花费在页面浏览上的时间越来越少，如何在第一时间内吸引和留住用户是页面设计的关键所在。因此，在页面设计之初应重点策划吸引用户的元素或功能，在最短的时间内将用户需求的内容呈现出来，尤其是当用户在浏览过程中遇到问题能够及时提醒以解决问题。
参考文献
[1]周双.基于用户体验的专题学习网站设计研究[D].长江大学,2015.
[2]危丽丽，过宏雷.从用户体验角度谈网页设计中的色彩元素[J].大众文艺,2014,2(6)：112-113.
[3]张小玲，余岚.网页设计中的用户体验[J].文艺生活文海艺苑,2013(2):287.
⬔ 网页设计教案 ⬔
即将面临大学毕业，因为伟德视觉传达专业，想丰富一下自己的知识，所以我找到了一家互联网金融公司做UI平面设计，虽然和我所学的专业有些差异，但它对于我来说是受益匪浅，我所在的公司威美（上海）金融伟德服务有限公司，主要是网页设计为主，也与绘画有所伟德，既然选择这个公司，我就要好好去学，使自己的基础更牢固，技术更全面，在大学里学的知识却不知道如何运用，想伟德多个伟德，因此我非常珍惜这次实习的机会，在有限的时间里加深对绘画对设计的了解，找出自身的不足。实习的内容是学习网页设计(Ps，ai，arp等软件的使用)。
在实习过程中，我深深地感受到作为设计师通常缺乏足够的对市场的了解和对管理层领导上的沟通，做出的设计作品经常会与市场经济脱节；而作为管理者通常缺乏设计基础和审美能力，往往为了追求市场效益，过多地拘束设计师的思维与创新，忽略了设计要素的重要性，造成了设计的庸俗化。
来到公司，第一天进公司，与经理进行了简单面谈后，部门总监把我分配给伟德经理，伟德经理是我的直接领导，所有工作由伟德经理分布。第一天来到公司要赶做两个网页banner，接到文案后就在网络上搜集大量banner素材，找了几个适合这次文案的banner然后用Photoshop简单的修改图片，第一天没有做好，幸好领导说第二天晚上再交给他，于是我就乖乖的回家找图片。说实话我以前在学校的时候也这样做过，不过效果没有这么好，因为以前一遇到难的或不懂的就停下来不做了，而现在在公司，有压力，有不懂的就问，这使我受益匪浅。
后来，公司要更改域名让我参与进行的VI设计项目，让我们锻炼一下自己。公司给了我们一个设计logo的任务。一开始我们设计出的作品并不能符合主观的要求，未能做出很好的方案。市场部总监看过我的方案后，要我进一步去了解公司的性质和作用，要做出更加符合机构精神的logo。经过两天的摸索，我逐渐懂得了一些做logo的技巧和该注意的问题，要伟德实际，要大气。同时也意识到了由于在学校实际锻炼的机会比较少，在软件操作上不够纯熟。而且对于公司的要求理解不够透彻。
很幸运，一进公司便能参与的APP软件设计项目之中，正好锻炼一下自己。由于经验不足，刚开始找不到头绪，不知道该做些什么。在开始的时候，主要还是负责一些比较琐碎的任务。还没有真正地参与到比较完整的伟德设计之中。经过两天的磨合，自己有哪些缺点和不足，便知道了一些。在校的时候由于实际锻炼的机会比较少，所以现在什么都做不好，在软件操作上还是不够熟练。而且对于客户的要求并不能立即做出反应。
我在工作的锻炼中学到了许多课本上无法学到的经验，因为在学校中我们的创意和设计都只局限于作业之中，但如果在公司里，我们的创意还必须得到客户和主管的认同，这是严格许多的。我们必须尽量发挥自己的创意，同时也要兼顾客户的要求和市场的效益。要多与客户沟通，多向主管询问意见，多向身边同事请教。
通过这次实习，在设计方面我感觉自己有了一定的收获，开始了解掌握了photoshop的小技巧，知道了怎么去制作圆角矩形方块、高解析制作、保留选取范围大小、快速隐藏图层等。这次实习主要是为了我们今后在工作及业务上能力的提高起到了促进的作用，增强了我们今后的竞争力，为我们能在以后立足增添了一块基石。实习单位的老师也给了我很多机会参与他们的设计是我懂得了很多以前难以解决的问题，将来伟德设计工作所要面对的问题，如与it工程师的配合，以及对市场部的伟德沟通。
这次实习对我来说受益匪浅，让我学会从客观的角度来审视自己的作品，在审美方面更加成熟。而在公司，与同事相处，让我学会如何别人打交道。与领导交流，让我学会设计师应有的职业道德。这些经验都让我得到了成长，让我在以后的工作中更加成熟、更加顺利。这次实习丰富了我在这方面的知识，使我向更深的层次迈进，对我在今后的社会当中立足有一定的促进作用，但我也认识到，要想做好这方面的工作单靠这这几天的实习是不行的，还需要我在平时的学习和工作中一点一点的积累，不断丰富自己的经验才行。我面前的路还是很漫长的，需要不断的努力和奋斗才能真正地走好。
班级：视觉传达1203班 学号：1287078 姓名：赵柳柳
⬔ 网页设计教案 ⬔
一、网页设计中的构成要素
1、文字的编排
在网页设计中，其中文字的编排作为必不可少的基本构成元素，对这些文字的要求是易读性和可读性。其中易读性顾名思义就是文字的清晰表达，可读性则是指的是网页整体上的可视性，在文字的设计、词语的间距、行距等方面的处理。易读性和可读性在网页设计中对于文字的编排的作用是非常重要的。另外，和利用纸张阅读的方式相比，网页设计中的文字的易读性相对较差，再加上一般的用户在普通的页面上花的时间比较短，所以对于网页设计中的文字编排应该满足以下几个要求：一是，因为在不同的电脑、操作系统中安装的文字的字体都是相同的，所以应该在文字编排的过程中选择一些经常使用，用户经常见到的字体，不然的话他们的系统就可能默认一种字体，就会导致网页看起来不能达到设计者的期望。二是，鉴于屏幕的显示会对字体造成一定的影响，在生活中人们大多都是采用的黑体和宋体，站在视角的角度上说，宋体的阅读方式最便捷，更富有现代气息，但是对于字体的形状应该注意。三是，因为不同的字体以及不同的字体属性可以帮助人们识别标题和信息。但是应该注意的是一个页面中字体风格是有限制的，如果使用太多面，就失去了强调的作用。
2、图片的编排
在网页设计中，图片可以算得上是最早被使用的元素。这是因为网络可以利用图片传达自己的信息，让用户更直接的了解，加大了网络提供的信息量，再加上图片的使用在很大的程度上也使页面更美化。因此，在网页设计中，要想单纯文字表达的信息变得有趣，最简单的方法就是使用图片。经调查显示：对于一条信息来讲，图片对观众造成的吸引往往要高于文字产生的影响。在网页中使用图片时，应该注意以下规则：一是网页的统一性；二是图片要吸引用户；三是要注意突出图片的重点，特别是在处理和相关文字编排的时候。
二、网页设计与现在网络新技术的结合
1、网页设计和多媒体技术的结合
多媒体的使用能让人机交互技术趋向接近人的自然方向发展，能够让网页用自然的方式跟人交往。多媒体的产生实现了信息的多样化，让人与网页在交互的过程中，具有更宽阔和自由的发展空间。对于多媒体技术的信息多维化不仅指信息的输入，还包括信息的输出。从目前的形式来看，多维化包括人的视觉和听觉这两个方面，因为多媒体的使用，让页面设计表达的信息更具有人性化。为了增强网页的视觉效果，在网页设计中通过丰富的表现形式，能够让观众产生视觉效果，从而产生了继续观看的念头。在网页设计中，网页包含的内容是各个方面的。几乎容纳了所有的媒体的优点，现在已经成为了一种炙手可热的传播手段。
2、网页设计和多媒体相结合主要是增强了网页的交互性
一个优秀或者是成功的网站都应该和用户之间形成良好的互动关系，互动关系主要包括在整个页面的设计过程中以及使用界面上的指导体现出来，并且都应该坚持互动的原则，让用户在使用的过程中的每一个不走都能够得到相应的会用。在现在，交互性不仅是一种利用网络传播发挥信息的最大优势，而且是传达信息的人和用户进行交流的一种方式，在网页设计中，有效的互动性能够提高用户使用接受信息的主动性以及参与信息反馈的积极性，与此同时，还有助于传达信息的人了解信息传达取得的实际效果以及和预期之间存在的偏差，以便在下一步的网页设计中进行适当的改正，实现消息的升格传达。随着我国的动态设计技术，例如ASP以及PHP等的不断发展和普及，交互式设计的重要性也逐渐显现出来，采用交互式设计的目的不是为了控制用户采用怎样的行动，而是给他们的各种行动创造实现的基础。在多媒体以及网页技术中，设计人员采用的绝大部分的交互方式都是人们熟悉的模拟系统，例如，人们熟悉的拨号盘、按钮、开关以及滚动条等。所以设计师在创建人机交互方式时，浏览者所接触到的交互式界面，通常都采用这些方式，例如聊天室的界面，完全可以设计成房屋的场景，以给用户营造一种亲切的感觉。适当的对网页中的各种设计元素，例如flash、js等动态效果，就会增强网页的视觉审美，更具艺术欣赏性和互动性，对浏览者具有充分调动的作用，产生的效果也比传统的媒体要好。
三、总结
在我国不断发展的进程中，网页可以说是一种全新的视觉表现形式，不仅包含了平面设计的各种理念，还具有跟其他文化不同的优点。如果要做好网页设计，绝对不是一件容易的事情，这是因为网页设计涉及了视觉设计美学、人类心理学、人机工程等多个领域。一个好的网页设计不仅需要设计者精心组织内容，更需要其对整体视觉的传达进行科学的规划。在信息技术飞速发展的今天，网页设计的价值不应该只局限于提高信息的传达效率，还应该重视给用户带来视觉的审美享受。
⬔ 网页设计教案 ⬔
校园网页设计大赛策划范文1
一、大赛介绍
网页设计大赛是我院较早设立的项目之一，与创业设计大赛一样是学院领导和各专业同学非常重视的项目之一。
本大赛旨在激发同学们进行网页设计的兴趣和激情，不断提升自己适应社会需求的竞争优势。作为一名二十一世纪高素质的大学生，网页设计无论在学习还是实践中都具有相当强的技术性与实用性，无论在不断提升自己适应社会需求的能力，锻炼自己的团队协作能力与创新创意意识层面都具有深远的意义。这也正是暨南大学深圳旅游学院立足实际，实事求是，大力培养真正适应社会需求高素质实战性专业人才的重要实践活动。
所以为了满足同学们积极参与各项竞赛活动的要求，进一步活跃学院学术气氛，充分展示我院的创新与进取开拓精神，提高和展示我院学生网页设计与制作水平，整体推进学院学生创新综合能力发展，团委科技部届时将在四月份面向全院各个系及专业组织、举办20__学年度网页设计比赛。
二、大赛宗旨
创意绽放才华技术再造风流
合作分享快乐服务共享成功
三、大赛目的
1.丰富和活跃学院学术文化，激发同学对网页设计的热情。
2.学以致用，为学有所长的同学提供一个展示自我，认识自我的舞台。
3.提供同学间互相对比，互相交流，互相促进的机会，培养同学们的实践与合作精神。
4.丰富学院同学的网络和网页设计知识，提高专业素质与综合技能，促进电子商务等专业的学科发展。
5.加强学院四大组织和__大学__校友会与同学们的联系，为学院四大组织和校友会网站的改进提出改进性建议，从而促进共同进步。
四、大赛口号
设计绽放风采，交流共同提高。
五、参赛对象
1.网页设计有兴趣，对网站建设有自己独到的见解，无论技术如何，都有资格参加本年度网页设计大赛。
2.有网页设计基本知识，有网站建设和美工知识的各个年级同学;
3.大一新生具有独立完成网页设计能力的可以自主组队参赛;
4.电子商务协会等专业组织可以以部门形式由不同年级同学组队参赛，鼓励跨年级跨专业组队。
本次大赛每个队参赛人数限制在3-8人之间，希望各个年级和各个专业的同学踊跃参赛，只要你能在网页设计的活动中找到自己的定位，团委科技部就会为你搭建一个公平竞争，展现自我实力与风采的舞台!
六、作品主题
选择__大学__学院四大组织(团委、学生会、大学生就业指导中心和学生心理健康指导中心)和__大学__校友会中的一个为其设计网站。要求积极向上，内容健康，有侨校__旅游学院特色。
七、作品要求
网页
1.网页要有鲜明主题，主题健康，能体现一所大学组织有的积极向上的文化和学术风气。
me文件(t_t格式)，内容包括：
(1)参赛者姓名、联系方式。
(2)所用的工作平台和设计软件。
3.首页命名为，其他页面均以_为后缀。
4.图片样式文件需统一存放于es文件夹，如有_文件请一并存放于images文件夹。
首页、页面、图片文件夹均在同一级目录。
构思介绍
比赛作品附一份1000—3000字左右的网页创意介绍，包括你所设计网页主题，风格，美工和所运用的技术成分以及作品的目录结构，也可以加入你对大学网站建设的独到见解和在技术运用中的心得体会，统一用word格式文件上交。
八、比赛规则
1.参赛作品中的各种文件夹和文件名均使用英文名(小写);
2.参赛作品中字体设定为简体字，也可根据网站不同点击群设置简繁体转换;
3.网页作品中不得含有恶意代码;
4.各队参赛作品以U盘形式上交，写清楚参赛人姓名(组长)、所在班级、联系方式、(指导教师)等，直接交科技部;
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元
十一、评委
学院评委：
校园网页设计大赛策划范文2计算机协会为了丰富我校大学生的业余生活;使电脑信息融入校园文化;使大学生紧随时代潮流;培养同学们的创新思维，提高艺术欣赏能力，增强个人计算机技术，特举办本届网页设计大赛，有关事宜通知如下：
一、主办单位：
信息工程系
策划承办单位：计算机协会、院两会联合会
协办单位：信息工程系两会联合会
参赛对象：全院同学
二、大赛宗旨：
为全院同学提供一个充分展现自我，发挥才能的舞台，更好的了解自己，激励自己的自信和提高同学们的创新能力!
三、大赛目的：
开展网页设计大赛，使同学们认识计算机互联网在学习、工作和交流中的重要作用，并通过本次比赛发现和培养网页设计人才，同时提高参赛人员的科技创新水平。为自己，为将来，打下坚实的基础。
四、大赛主题：
内容不限，题材不限。能够反映社会动态，反映班级，反映校园生活，反映民俗风情，反映奥运精神等健康积极的个人网页设计。
五、作品要求：
1、要求主题明确，内容健康、丰富、科学;
制作工具不做要求。2、要求整体设计思路清晰，色彩搭配合理，内容布局美观，层次结构及连接结构明确。
3、不得抄袭和下载他人作品，违者取消资格。
4、鼓励愿创风格的设计作品，含有中国元素民族风格的设计作品。
5、网页文字及连接无错误，作品大小(尽量)在10m以下，5个页面以上。
6、具有鲜明的特色和技术。
六、报名地点和报名方式。
1、直接到协会的网站上报名。
2、计算机协会报名(4#教学楼208室每天下午4：30到6点)。
3、院两会联合会、信息工程系团总支办公室(4#108室)
七、作品的提交方式：
1、直接将作品向计算机协会提交(每周一至周五下午4：30到6：00)
2、把自己的作品提交到计算机协会的信箱：
3、提交作品附一份作品说明，阐明主题内涵，内容简洁明确。
八、作品评定方法。
1、参赛的作品将在指定网站上展播，实行在线投票的方式进行评定。
或各个参赛人员自行评选2、初赛：筛选不符合制作要求的作品。
(内容包括：内容是否健康、积极向上、等。这部分工作有计算机、院两会联合网络部共同负责)3、复赛：由计算机协会邀请信息工程系，网络教研室、计算机教研室相关专业老师，评选推出。
4、决赛：(含网页设计大赛颁奖仪式)由聘请专门老师、专业技术员，等组成评审团进行组合评定.参赛人需对作品的部分页面进行现场制作演示。
由专业老师现场评审。现场决定出一、二、三等，及创意奖、视觉效果奖、优秀奖。(专业老师的邀请由计算机协会来完成)
九、评分标准：
1、作品主题：主题明确、题材新颖、构思独特、栏目安排合理、设计和谐统一。
2、目录结构：网站目录编排合理、层次分明，链接合理清晰，导航系统灵活方便。
具有鲜明特色结构。3、实用性：指主色调选用有特色、整体色彩搭配适宜，页面有舒适感。
能够初步达到网页设计员的初级水平。(以上所有标准，都是在参赛人员，自己制作的作品前提下)
十、奖项：
本届网页设计大赛设;一等奖一名;二等奖二名;三等奖三名;创意奖、视觉效果奖、优秀奖若干名。共计约：10人。
由观众投票选出创意奖;视觉效果作品奖。(方法为：在手持的仅有的一份投票单上，填写作品编号，由工作人员收取，当场公布)。
十一、相关事宜如下：
1、参赛及评定时间：
报名时间：5月5日(周二)至4月13日(周日)
参赛时间：5月5日(周二)至4月26日(周日)(共20天)
上传时间：5月5日(周二)至4月26日(周日)(共20天)
评选时间：5月26日(周二)至4月28日(周二)(共2天)
公布结果(即决赛)：评选出结果之后即可举行决赛。具体时间另定。
(以上时间为暂定，具体与院两会联合协商，希望尽可能提前)
2、时间如有变动或为定事宜请关注海报，或所有咨询请联系计算机协会或院两会联合会。
3、详情请咨询：计算机协会
4、活动宣传：希望板报、海报方面主要由院两会联合会来完成。
注：本次活动由信工系向需要电脑的同学，提供参赛机房制作作品，凡参加活动的同学可以在指定时间，地点内完成作品。
校园网页设计大赛策划范文3一、比赛时间
总时间：__年10月20日-__年12月10日。
报名时间：10月20日-10月29日。
上交作品时间：11月29日前。
初赛时间：12月01日。
决赛时间：12月10日
决赛地点：国际会议中心
二、主办及承办单位
主办：广东药学院教务处、学生处
承办：医药信息工程学院
协办：现代教育技术中心
三、比赛内容及规则
1、比赛内容：
本次网站程序设计竞赛的主题是“广东药学院精品课程”网站建设。(详见附件)
2、比赛规则
(1)报名要求：
1、本次竞赛采取参赛者自由组合，并以小组报名的方式参赛;
2、参赛小组成员在2人以上、4人以下，每人只能报名参加一个参赛
小组;
3、在报名时，参赛者必须按报名表要求填写完整的信息。
(2)比赛方式：
本次竞赛分初赛和决赛，通过初赛者方可进入决赛。
a.初赛：
由校内多媒体，平面美工，网络应用方面相关的老师组成评委组评选，符合要求的作品且得分在前12名的可通过初赛。
b.决赛：
由校内多媒体，平面美工，网络应用方面相关的老师以及经验丰富的同学组成评委组评选，决赛现场每支参赛队伍有7分钟对自己的作品进行介绍与演示和3分钟评委老师提问时间，以得分排名选出获奖名单。
四、具体工作步骤
(一)前期准备：
本次大赛组委会主要由医药信息工程学院团委科技部和学生会技术部组成。科技部负责活动宣传与展开，技术部负责宣传资料的准备和整理参赛作品。科技部要在11月29日前联系好评委老师，并做好参赛资料汇总。技术部要在11月07日前把宣传资料都准备好。
(二)活动实施：
活动流程具体时间安排：
10.19
准备宣传资料：海报，通知、报名表+传单。 (技术部)
10.20
派发比赛通知到各二级学院团委，各二级团委派发宣传单和报名表到到各班级。 (科技部)
10.20
以q群等方式宣传。 (科技部)
打印海报，报名表，传单。 (生活部)
10.21
现场派表(二饭门前)。 (科技部、宣传部)
10.26/27
收报名表(二饭门前)。 (科技部、宣传部)
10.28-11.28
联系参赛队伍，跟进作品制作进度。 (科技部、技术部)
11.29
收作品。 (科技部、技术部)
12.01
初赛。 (科技部、技术部)
12.05
决赛：
布置现场，主持; (文化部)
调试设备，技术支持; (技术部)
礼仪接待; (女生部)
维护秩序; (纪检部)
准备物资; (生活部)
统筹全局。 (科技部)
12.05
评选，颁奖。
赛后评选出一等奖1名，二等奖2名，三等奖3名，优秀奖5名，优秀美工奖1名，最佳台风奖1名。
五、活动负责人及工作人员名单及联系方式
活动负责老师：
医药信息工程学院团委书记 温_：1357_0288
主要工作人员：
医药信息工程学院学生会副主席 陈_150_2463(61_63)
医药信息工程学院团委科技部：廖_1501_7642(67_42)
彭海珍134302_736(61_36)
医药信息工程学院学生会技术部：吴__13_7077(61_077)
钟国俊134_03221(613_21)
决赛评委名单：(待定)
六、评分标准
参赛选手将完成作品介绍、作品演示、现场答辩三部分，大赛评委将在现场答辩过程中对进入决赛的参赛作品综合评分，从而决出最后结果。
技术30分
(1)结构清晰，布局合理，页面内容清晰明了。
(2)网站的功能模块和内容模块齐全。
(3)充分利用多媒体技术。
(4)页面兼容性：在各种浏览器各种分辨率下是否能正常运行。
(5)前台登陆与后台管理操作快捷简单。
(6)内容可扩充性：添加一个栏目或更新内容时是否方便。
(7)导航明确，浏览方便，查找快捷，有必要的交互功能。
美工30分
(1)页面美观，风格统一，色彩协调。
(2)美工设计：页面的美工设计含量。
(3)个人设计创意丰富，页面大方得体。
(4)动静搭配合理，动而不乱，静而不僵。
(5)页面与视觉感受良好。
内容30分
(1)主题鲜明，以精品课程网站功能需要为基础。
(2)内容切合要求，有先进性，时代感。
(3)网站内容充实，对用户的吸引力。
(4)重点内容突出。
台风10分
介绍作品时大方得体，表述自然流利。
七、经费预算
需要物品
单价(元)
数量
价格
备注
海报
40
10
400
横幅
90
2
180
宣传单+报名表
0.1
500+500
100
邀请函
3
50
150
奖状、证书等
若干
150
现场布置物资
及设备
若干
200
气球，彩带，网线，
视频音频线等
礼品
10
10
100
现场有奖问答
纯净水
2
60
120
评委老师及嘉宾
工作餐
200
评委老师
酬金
200
评委老师
合计
注：学生奖金方案由主办方统一制定，不需要在该预算中体现。
八、其他
如若发现获奖作品有违规现象，如拷贝，套改他人作品等，大赛组委会将取消作品的参赛资格。
医药信息工程学院(盖章)
__年10月19日
附：精品课程网站设计竞赛参赛作品具体要求
一、竞赛主题及目标
本次网站程序设计竞赛的主题是“广东药学院精品课程”网站建设。精品课程是具有一流教师队伍、一流教学内容、一流教学方法、一流教材、一流教学管理等特点的示范性课程。精品课程网站的建设目的，是为了实现优质教学资源的广泛共享。
广东药学院精品课程网站作为学校网站的重要组成部分之一，从课程建设的角度展现了我校的水平和风貌。该网站的建立，将为省级精品课程的申报提供一个方便快捷展示平台，为校级精品课程的评选提供了一个方便途径;同时也为师生提供了一个开放的平台，促进优质教学资源共享。
二、网站功能要求
1.总体要求：
a)主题鲜明，以精品课程网站功能需要为基础，重点内容突出。
b)结构清晰，布局合理，整体结构连贯性好;导航明确，浏览方便，查找快捷，有必要的交互功能。
c)友好实用，对外发布的学校工作信息具备方便、安全、准确的特点，充分体现网络的协作性、交互性等优良特色
d)页面美观，风格统一，色彩协调，充分利用多媒体技术。
e)利用数据库技术，页面宽度1002p_，高度不限。
2.网站模块：
a)功能模块包括：通知公告、制度建设、下载专区、省级精品课程申报、校级精品课程评选、站内搜索。
b)内容模块包括：国家级精品课程、省级精品课程、校级精品课程
3.各模块具体说明：
a)“通知公告”模块：发布学校精品课程相关的通知、评审公示等。
b)“制度建设”模块：内容包括精品课程的各种规章制度、指标体系。
c)“下载专区”模块：提供精品课程有关的材料、工具、表格等下载。
d)“省级精品课程申报”模块：该模块是整个网站对外的最重要功能之一，需要在网站首页最显眼的位置中体现，方便省级精品课程申报时评审专家查阅。每年省级精品课程申报约有10门左右。
e)“校级精品课程评选”模块：该模块用于每年校级精品课程网站评选时，提供参评精品课程的网站链接给评审专家在线查阅。通过用户名和密码登陆的模式：评选专家登陆后可以看到所有参评网站的链接，可以在线评分，自动计分，提交后生成表格，下载打印成纸质版签名。在后台，管理员可以修改参评课程链接，预设评选专家们登陆的用户名和密码，修改评审指标，查看所有专家评分以及结果统计。每年均进行一次校级精品课程评审，故应分年度设计，并考虑评选结束后的数据归档问题。
f)“站内搜索”模块：搜索站内资源。
g)“国家级精品课程”模块：展示我校的国家级精品课程，目前有1门。要求点击课程名称链接能进入相应的精品课程网站。
h)“省级精品课程”模块：展示我校的省级精品课程，目前有5门，以后会继续增加。要求点击课程名称链接能进入相应的精品课程网站。
i)“校级精品课程”模块：展示我校的校级精品课程，目前有30门，每年将新增6门左右。要求点击课程名称链接能进入相应的精品课程网站。
三、参赛作品提交
提交的参赛作品必须附有完整的作品，所有网页必须上交网站源码、设计文件、网站建设规划与网站功能或使用说明及电子版报名表。
作品统一由负责的工作人员收集，然后转交给负责老师进行下一步的评选。
负责老师：
易_
邓_
蔡_
罗_
许_
温巧_ 联系电话：1357__0288 联系地址：_信息工程学院学生处。
校园网页设计大赛策划范文
⬔ 网页设计教案 ⬔
1、教学目标知识与技能：灵活运用添加超链接和在网页中插入表格方法，根据网页内容进行页面布局，完善网页,掌握网页布局的技能和技巧。
过程与方法：培养学生加工信息和应用信息的能力及培养学生思维能力，规划能力、创新能力、及合作能力。
情感与态度：使学生感受中国源远流长的历史文明，并通过网页传递给世界；帮助学生树立良好的信息道德意识；让学生享受成就感，树立自信心。
2、学生分析初中二年级学生感知能力较强,理解能力和抽象思维较弱;学生基本学会使用在网页中插入表格的方法，但分析信息、处理信息和应用信息能力较弱;对教学内容的了解程度较强。
3、内容分析
教学重点：利用表格对网页页面进行布局。
教学难点：怎样合理、美观地设计网页页面布局。
此部分教学内容在整个网页设计知识体系中处于综合处理信息的重要部分。
4、教学策略设计
（1）．教学方法设计
我根据教学主题及其教学目标确定的教学指导思想是以学生为主体，以学生自己的亲身体验展开探究式小组合作学习。本节课采用研究体验式教学法,建构主义模式下的任务驱动式教学法组织教学。首先设计“总任务”，再细分成若干“小任务”，实现教学目标。
（2）．教-学流程和教-学活动的设计思路
整个教学活动，尤其是学习活动，我采用探究式学习法，又称研究性学习，我强调的是学生在教师指导下，根据各自的兴趣、爱好和条件，再结合与自己有相同或相近的兴趣、爱好的同学组成合作伙伴，共同选择西安不同的旅游景点，确定研究课题，借助“表格布局”功能规划七天的旅游行程，独立自主结合小组合作开展研究，进行合理的网页布局设计，达到从中培养创新精神和创造能力及审美能力的一种学习方式，实现“双赢”。建构主义学习理论认为，学习过程不是学习者被动地接受知识，而是积极地建构知识的过程，把学过的网页设计知识综合应用起来，由于建构主义学习活动是以学习者为中心，而且是真实的，并且以完成特定的任务为动力，因而学习者就更具有兴趣和动机，能够鼓励学习者进行批判型思维，能够更易于提供个体的学习风格，展现自己的独特思维，不受现有网页模式的拘束。基于构建主义的探究性学习模式，我的设想是整个教学过程是动态的，学生是学习的主体，教师是学生学习环境的创设者、学习动力的激发者、学习过程的指引者和学生学习的协作者。
（3）．应用信息技术的依据或考虑
信息技术在本次教-学活动有不可替代的功能。利用信息技术中计算机技术进行网页设计，实现教学目标，完成让世界各地的人实现“网上游古都”。在教学中计划通过探究式教学方式，小组合作学习方式和“任务驱动式”教学策略，自主设计网页，发布网页，运用网络使信息技术的这些潜在优势发挥作用并真正促进学生能够结合实际应用，通过自主实践，完成“网上游古都”任务，并同时完成了学习任务，进一步建构了自己的知识体系，并实时地享受到巨大的成就感。
（三）、教与学的过程
1．教与学的过程
活动内容
教师活动
学生活动
设计意图
创设情境
激发兴趣
［创设情境］
“要想了解中国上下五千年文明历史，请到西安来！”近几年，越来越多的外地游客涌向西安。“十一黄金周”即将来临，大家想不想用网页形式向外地游客介绍宣传西安，让更多的人来西安，领略其古老的魅力！我们上节课把利用搜索引擎找到的有关西安的历史文物古迹的文字信息和图片信息整理制作成有关不同景点的网页，但信息是否显得很零散？怎样把景点信息整合规划，让人们先在网上一饱眼福，轻松网上游古都？
设计一个含有指向各旅游景点网页的超链接的主页。
提供信息活条件，激发起学生的兴趣。
［导语］
我们可在主页中制作一个西安旅游景点导航栏，但怎样合理规划各旅游景点，并且使页面布局美观，整洁，分类清晰？
利用“表格”。
为细化任务埋下伏笔;并且激发学生的认知冲突。
［出示课题］
今天我们就围绕“西安七日游”，在主页中利用表格规划设计旅游行程，本节课的课题是《“黄金周”—规划网上西安七日游》
学生明确本节课课题，初步了解任务。
出示课题，介绍总任务。
［分组方法］
根据对各旅游景点的兴趣及当初搜索信息的分工情况及本节课任务分工，四人一小组。
学生进行分组
为细化任务做准备
出示任务
明确分工
［出示总任务］
每个组围绕主题，利用表格规划设计旅游行程，并建立好超链接，利用主页展示出来。
学生明确任务
明确总任务
［作品形式及分工参考］
形式：创建并完善主页，并展示整个网站。
分工参考：
内容版式规划
整理七个旅游景点网页
超链接的建立与维护
作品演示解说
学生明确汇报形式，分工参考。
使学生明确各自任务后，通过研究，探讨，操作，通过电脑媒体来完成任务。
活动内容
教师活动
学生活动
设计意图
出示任务
明确分工
[角色分工]
学生自由分组后,共同研究选组长，组长进行给组员分配任务。
学生共同研究选组长,并协调分配好任务.
锻炼学生自主协调分工能力。
［出示作品评价标准］
教师出示作品评价标准：
作品内容：设计含有七个链接网页的主页，资料丰富，内容准确。
技术表现：页面布局设计合理，颜色搭配和谐，主题突出，作品演示运行正常，操作熟练。
创新特色：作品布局规划有独特之处，有新意。
提示学生有三条帮助热线：
1、组长2、邻座学习伙伴3、教师4、自学课件
学生明确要求。
培养学生的创新能力，规划能力，思维能力和合作能力。
学生研究探索合作交流创作作品
［创作作品］
播放舒缓音乐，为学生营造自由和谐气氛。
（提示学生利用网上邻居把各组员的作品组合在一起，共同完成此任务。）
学生根据角色分工，按小组形式开始完善网站。
学生体会了超链接的作用，练习了超链接的使用，理解了表格强大的页面布局功能；培养学生处理信息和应用信息的能力；通过学生间交流合作，老师及时点拨与指导，培养学生发现问题和解决问题的能力。
［展示作品］
下面请各组派代表，到教师机前展示以下你们的旅游行程。其他同学观察后，可提意见或建议。
由小组代表展示组内作品，并详细说明旅游景点规划的呈现形式，内容选择及整体构思。
锻炼学生口语表达能力和分析说明问题能力。
合作成功展示作品成果汇报交流探讨
［交流探讨］
教师引导学生探讨页面布局的方法和技巧；谈看完作品后，对其改进意见；进行组间互评和组内自评。
评出“最受欢迎奖”（即如果此网站上传到网上，点击率最高），“最具创意奖”“最佳布局奖”作品。
学生间相互交流探讨。
培养学生合作交流能力。
［教师点评及检测］
教师从页面布局，整体规划合理性，创意等几方面进行点评。
学生思考，怎样完善作品。
教师鼓励学生发展创新思维，页面布局规划能力，逻辑思维能力及合作能力。
教师或其他同学提问页面布局的方法。
学生代表演示
及时检测学生对表格的掌握情况。
你受到的最大启示和收到的最大收获？成功经验和失败教训？
学生回答
巩固知识，培养情感
[完成旅游规划，培养情感]
同学们已熟练掌握表格的使用方法，并且加工和应用信息的能力增强。
悠久的历史积淀和丰富的人文资源，使西安居中国六大古都之首，是世界四大文明古都之一，著名的旅游中心城市。希望你们热爱中国博大精深的历史，感受西安古老的魅力！
学生感悟。
全课总结，培养道德情感。
全课总结知识延伸
［达到目标，知识延伸］
网站制作好了，怎样让世界各地的人都看到你们的网站呢？
想当我们的故乡—大庆的小导游吗？赶快制作一个“铁人故乡—大庆”的网站吧！
学生思考。
学生课后实践。
为激发下一节课内容（上传主页）的兴趣奠定基础。
让学生可把本课内容应用到实际生活中去。
培养学生自发探究能力。
2．关键环节提炼
利用信息技术创设情境，播放一段自拍的录像，内容大体是：一位外国友人，想要来中国四大古都之一“西安”旅游，但想要自助游，想借助因特网，先在网上了解一下西安，并参考一下旅游行程。通过此录像激发学生兴趣并利用信息技术呈现问题，使学生产生认知冲突，培养学生发现问题、分析问题、解决问题的能力。我通过学生利用信息技术完成此项任务，促进学生对基础知识、基本技能的学习。我利用信息技术，尤其是网络提供的有关“西安”丰富的旅游景点介绍资源，帮助和拓展学生的学习。让学生借助信息技术手段开展探索、总结并进行创作。我利用信息技术展示学生自评，学生互评，教师评价的评价表，为学生的学习提供评价、反馈和矫正。我利用网页自学课件和网络教室教学广播系统支持师生间、生生间的交流对话。
3.教学反思
本节课主题明确、集中，让学生分成小组，合作探究学习，给出特定的总任务，有利于学习效果评判的可比较性，也便于学生之间的广泛交流和良性竞争。通过利用信息技术规划规划网上西安七日游，对西安七个主要景点的介绍，让世界了解西安，每个学生在共同完成“网上游古都”网站作品后，让每个学生都有完成任务和宣传中国源远流长的文明历史的成就感，并感到自豪。
本节课，在小组合作学习过程中，学生之间互学互教，彼此交流探讨，经历了提出问题、分析问题和解决问题过程，每个学生都承担一定学习任务，防止滥竽充数，促进了学生的参与程度、认知深度，高质量地实现了课程的目标，增强学生的责任感。但个别学生没有认识到合作学习的重要意义，自主探究能力较弱，容易丧失信心。
教学实际实施过程，有学生提出：我对中国的少数民族文化感兴趣，能否制作一个宣传中国五十六个少数民族文化的特色网站？于是我了解到学生对中国的不同文化感兴趣，可在课外活动小组完成此任务或作为课外自主探究性学习课题来探究。
本节课让学生掌握了“表格”的妙用，还提高了加工信息和应用信息的能力，而且使学生感悟到了中国上下五千年的博大精深，对祖国更加热爱。
（四）、教学评析：
在新课程标准的理念中，明确提出要关注全体学生，建设有特色的信息技术课程。在教材因篇幅的限制，提供给学生感知的背景材料极其有限，“信息”且都处于“静止、储存”状态，不利于学生的感知和抽象概括。因此，允许教师在不改变教材内容、体系、结构的前提下，经教学法的加工，营造引入新课的“情境问题”的氛围。学生在积极的参与、体验、研究并在已有知识经验的支持下，自主能动地探索，实现知识的再创造。
教学活动在面向全体的同时更注重学生情感的交流协作意识与因材施教。更注重学生个性培养和创新智能的开发。
学生自主性学习，需要有一个适应的过程，开始阶段，布置任务要明确具体。
学生之间的交流和帮助比较少，自主学习的能力还要不断提高等。
附：学生学习过程及典型成果
另附：小组成员分工表
第________组组长________作品题目______________
小组成员
主要负责工作
⬔ 网页设计教案 ⬔
学习如何通过选择正确的格式，来优化网页图片，并确保文件大小在可行的范围你是足够小的。虽然现在人们已经都在使用宽带，但仍然有人是拨号上网。此外，虽然移动装置技术的普及，但移动装置却不一定支持像宽频一样的速度，图片文件的大小可能还是会延长网页的加载时间，有可能把用户赶走的。
这里有个选择适合的文件格式的技巧：如果图片是单色，那最好保存成PNG或者GIF格式;如果是连续性的色调(如照片)则最好保存成 JPG格式。
有很多的工具可以帮助你进一步优化你的图片，降低他们的文件大小。可以参考这个工具列表来帮助优化你的图片。尽量把图片数量减到最低，并且灵活使用图片，并且尽可能地减小文件大小。如此一来，将可以大大的减少页面的读取时间和改善网页的性能。
⬔ 网页设计教案 ⬔
1．结合毕业论文（设计）课题情况，根据所查阅的文献资料，撰写3000字左右的文献综述(包括目前同类课题在国内外的研究状况、发展趋势以及对本人研究课题的启发)：
一、课题背景
计算机与网络技术的飞速发展，已经逐步改变了面对面获取知识的传统教学方式。基于Internet的网络学习模式，具有交互性好，教学过程可以不受地域、时间限制，而且可以使得教学资源能在最大范围内实现共享。并且使传统的以教师为中心的课堂模式转化为以学生为中心、学生可以自由选择学习内容的新模式，具有知识信息量大、教学方式生动活泼、声像辉映、图文并茂等特点，因此受到了教育界的普遍认可和欢迎。国内外高校利用互联网开展网上学习呈现出快速发展的态势，开发了一大批具有较高的水平的网络教学课程。随着经济全球化的发展，英语的应用越来越广泛，学习英语的重要性更是重中之重。
二、国内外研究现状及发展趋势
在国内，网络教育还停留在基础的应用阶段，还在摸索中前进，几乎没有把英语学习和网络很好的相结合。在学校里看到最多的是基于小型局域网的多媒体英语学习教室，使用时也多是放录音，学生与老师之间几乎没有互动环节。而具有互动环节的在线英语自学系统，由于国内对网络教学还比较保守，因此现还处于刚起步阶段。在国外，网络教育和各方面的教学的发展已经进入深入阶段。学校把课程和计算机网络相结合，充分发挥了网络教学的互动优势，使学生在快乐中学习。据统计，国外已经有55%的在校学生人手一台电脑，远程教育的参加人数正在以89%的增长速率递增。
在调研中,我们了解到"网络环境下大学英语的教学改革"正处在国家推进、重点突破、全面展开的进程之中,并取得了积极的成效。大部分试点院校经过两年多的教改实验论证,效果较好,规模进一步扩大。如北京大学、清华大学、北京理工大学、北京交通大学、北京林业大学、北京化工大学、武汉大学、西南大学、大连民族学院、大连理工大学等部分试点高校在05级新生中已经全面实现网络环境下大学英语教学模式。西北工业大学、北华大学、山东大学、东北大学、南开大学、解放军信息工程大学、首都经济贸易大学等高校都于05年在新生中进一步扩大规模。20xx年,有更多的试点院校将在06级新生中全面推行网络环境下大学英语教学模式。相信在未来，网上学习英语的模式将得到更好的重视与发展。
虽然在线学习已经蓬勃地发展起来，但是在线学习的普及率还并不高。目前已开发出来的系统基本具备一个自学系统所需的基础功能，比如可以根据自己的需要选择课程学习等。但是在知识库设计这一模块还存在一些问题，如设计不全面，管理紊乱，知识的匮乏，因此在线学习系统的应用并不广泛。另外，对于我国来说，在线学习主要出现在高等教育以及一些特定的领域，具有相当大的局限性，这对于许多求学者来说是远远不能满足其需求的。在国外，随着技术的飞速发展，不仅高等教育、很多社会其他部门都已经开设了在线自学，通过计算机实现异地自学和自检。现在，计算机硬件技术的发展已经达到了相当高的水平。但是，教学软件尤其是知识库的设计、开发还处于起步阶段，随着这项技术的不断深入发展，就要求有更好、更完善的软件系统应用到教学当中去，这就给设计人员提出了更高的设计要求。
网络必须走综合化发展之路，实现与其他课程的整合，而不能再按照学习一门学科的老办法去讲、去学、去考。在网络环境下的英语学习让学习者自己动脑筋去寻找问题、发现问题，帮助他们如何利用网络资源为英语学习服务。教师和学生之间可以通过网上讨论、 电子信箱等进行探讨性的学习，让老师快速、准确地了解学生的学习情况，帮助学生提高学习效率。
三、课题研究意义及启发
随着我国对外开放的不断扩大化,科学技术的不断进步,国际地位的不断提高,迫切需要造就一大批精通外语的专门人才,以加速我国“四化”进程，使我国在国际事务中发挥更大更积极的作用。英语的使用范围非常广泛。世界上70%以上的邮件是用英文写或用英文写地址的。全世界科技出版物 70% 以上用英语发表。全世界的广播节目中，有60%是用英语进行的。绝大部分的国际会议是以英语为第一通用语言它也是联合国的正式工作语言之一。总之，在国际政治、军事、经济、科技、文化、贸易、交通运输等领域，英语是一个重要的交际工具。对具备一定外语知识的综合型人才的需求也随之大幅增加。而随着网络技术的迅猛发展，人们的生活越来越依赖于网络的发展。通过网络学习英语的要求也相应提高。因此，学好英语对实现上述目标具有重要的现实意义和深远的历史意义。
信息社会的最明显的标志是信息采集的全面与快捷。要善于在教学中整合网络资源，充分利用网络资源优势。学习网站可以为学生创造尽可能多的接触现实的机会，提供更多的直观生动的感性材料，扩大学生的知识面，增加词汇量，减少学生因缺乏相关知识而造成的学习困难，增强学生对英语的敏感性，拓宽学生思路、开阔视野，促使学生用英语思维，强化记忆，提高学习效率，让学生在听说读写译能力等方面都获得提高。网络教学为我们提供了克服传统教学弊端的全新的教学方式，使抽象的、枯燥的学习内容转化成形象的、有趣的、可视的、可听的动感内容，网络教学已成为英语教学的发展趋势。
⬔ 网页设计教案 ⬔
在设计上
过去在对网页设计的理念比较空泛的，做设计的多而出现平乏，很多时候基本上没有好好的静下来想想设计，只是整天在电脑旁的不停的copy，设计那时对我而言就是不停的复制过程。在xx年里，在业务不多的情况下，沉下心认真去想设计的真正的含义与表现。通过几个案例，让我认识到，在纸上的图片再怎么新颖与美丽，不能做出来也是徒劳。设计，施工一个也不能少。特别是网页设计软件应用技巧上需要加强学习。
在业务上
xx年我基本上都在汉口工作，汉口店没有武昌超市的绝对的优势，汉口店在外等于失去了超市的僻护，在客源上比较少，只能和外面的装饰公司一比高下，我们所能做的就是不能放过任何一个来咨讯的客户，让他们在第一次与我们交流中就留下深刻的映象。同样的一个订单，同样的一个合同，我们汉口店的同事付出更多，因为每一个客源对于我们都来之不宜。也许是这样的心态让我们对每个客户都服务周到，但是也滋长了部分不良的刁民，我认识到服务的到位，并不是对客户任何要求的惟命是从。
在心态上
在xx年主要体现在与客户交流时更加的自信了，面对某些客户的刁专问题的回答更加的游刃有余了。在工作心态的调整，在每天的工作中总是会遇到各种各样的问题，这就要考验我的解决事情的能力，与过去相比，考虑问题更加成熟了，不像过去遇事则乱了。面对不同的客户，如何调整自己去理解他们的想法，让他们来认同自己的设计理念。希望能在短时间里自己能培养稳健的办事作风，是我20xx所追求的。
网页设计师工作总结
根据岗位职责的要求，我的主要工作任务是
（二期招商画册的设计制作及参加相关展会等；
（2）日常接待工作；
（3）相关活动的策划及筹备；
（4）担任讲解工作；
（流畅的文字写作能力、网站建设维护能力、大型活动的策划及筹备能力。目前我在网站建设、大型活动的策划方面存在不足。在网页制作的过程中我发现，Frontpaeg根本无法适应精美网页的制作要求，于是重新学习了新的网页制作软件DreamweavermX及图形处理软件FireworksmX。目前我已熟悉了上述软件的常用功能并能运用其进行基本的网页制作及图形处理。为了让自己做一个称职的招商人员，我阅读了网上的部分策划案例，以便在以后的策划工作中有所帮助。
xxxx年又是一个充满激情的一年，在今后的工作中，我将努力提高自身素质，克服不足，朝着以下几个方向努力：
1、学无止镜，时代的发展瞬息万变，各种学科知识日新月异。我将坚持不懈地努力学习各种招商引资知识，并用于指导实践。
多学、多练来不断的提高自己的各项业务技能。
热情、细致地的对待每一项工作。
网页高级设计师的工作内容总结四篇
⬔ 网页设计教案 ⬔
《网页的制作》教学设计
山东省昌乐二中 滕学梅
【学情分析】
1.在学习网页制作之前，学生进行了网站的规划与设计，还没有就网页制作真正着手练习，对Frontpage的使用比较陌生，但是已经有word等软件的操作基础，很多基本的操作可以迁移过来。并且，通过高一的学习与养成，学习小组的整体意识已经建立，组内合作、组间竞争的氛围已经形成，所以可以采用先进行自主练习，然后合作探究，通过各组推荐的作品展示进行评价，在展示的同时也提高了学生的技术水平。
2.学生操作基础不同，接受能力不同，可以充分发挥各小组“技术顾问”的作用，帮助指导组内其他成员，共同完成学习任务。【学习目标】
1.熟练掌握网页制作和美化的基本操作，提高操作和审美能力； 2.大胆动手，积极实践，总结用网页表达主题的技巧和方法； 3.积极、热情地投入学习，体验网页制作的快乐。【重点难点】
1.重点：利用表格对网页进行布局；网页中的图文设置及超链接的使用。2.难点：网页间超链接的建立。【教学过程】
课前准备：提前做好小组座次安排，由学科班长组织大家按组入座。
一、展示导入，明确学习目标（3分钟）
1.展示精彩网页（如北京大学、清华大学网站首页），引导学生简单分析网页风格。2.明确本节课学习目标与主要任务。
二、指导与点拨（3分钟）
1.分析北京大学网站首页，观察其网页布局（如图），引导学生尝试使用表格对网页进行版面设计。2.对网页制作所用的基本操作进行点拨：（1）文字、图片的添加与调整（2）网页背景的设置（3）超链接的建立
三、基本功练习（10分钟）
1.任务：快速“克隆”示例网页。（素材发到桌面“基本功练习”文件夹中）
与word中的操作类似，注意迁移 2.要求：（1）先独立练习（参考导学案的“操作导航”）；尝试一遍后可与组内同学小声交流，解决疑难问题；
（2）每组的“技术顾问”完成任务后可下座指导；（3）完成后相互检查超链接的效果。
四、制作主题网页（15分钟）
1.任务：从桌面“主题网页”文件夹给出的四个主题中选择一个，快速完成主题网页的制作；
2.具体要求参看导学案“实践探究”部分；可两人合作，有能力者最好独立完成；
五、作品推选、上传：每组推选一个作品参加组间评选，并将作品文件夹传至FTP。
六、精彩展示（10分钟）各组派一代表向全班展示自己的作品，并简介操作要点。展示前，引导全体学生积极思考以下问题：
1.你从展示作品中学到了什么？有哪些可借鉴之处？
2.你是否清楚各作品的效果是如何实现的？若有疑问，及时提出。3.能不能提出更好的修改建议？
注：1.学生展示过程中，教师要引导大家规范操作，对于重点加以强调。2.提醒学科班长记录参与展示和积极质疑、解答的同学，汇入评价。
七、完善提升：（5分钟）
1.借鉴所展示作品的优秀之处，进一步完善自己的作品； 2.根据展示同学的演示，将新学到的操作尝试一遍。
八、总结：
1.网页制作要领：（1）灵活运用基本操作；（2）版面设计清晰、条理，或者有独特之处；（3）配色和谐，给人美感；（4）超链接顺畅、自由，方便使用。2.由学科班长公布本节课评价统计情况。
【教学反思】
1.在学生自主练习过程中，适时指导很重要，但教师一人肯定不能照顾全体学生，所以充分发挥学习小组的“技术顾问”的作用很关键。
2.在“制作主题网页”环节，给学生准备四个不同的主题素材是很有必要的，我们在进行教学设计时要考虑到学生个性、兴趣不同，并加以利用，促进教学。
3.对进行展示的同学要进行简单培训（或者对各组长进行培训，由组长传达到展示者），防止展示时只宣讲他们网页中的内容，而忽略技术，浪费宝贵的时间。4.课堂即时评价很重要。学生初次接触一个软件，要经常收获一点成就感才有进一步探索的欲望，这就需要我们教师注意发现、及时鼓励。学科班长记录好大家的课堂参与情况，下课前公布，这项工作若坚持下来，对我们的教学会有很大促进。
⬔ 网页设计教案 ⬔
要求：使用ASP对象
要求掌握5个ASP内置对象的使用方法，即Response对象、Request对象、Server对象、Session对象和Application对象。学习这一章时，关键掌握这些ASP内置对象的一个重要特征，即不用创建便可以在脚本中使用。
1. 编写一个ASP页，以不同的字号显示“ASP动态网页设计”。
提示：用For…Next语句实现所要求的功能，将要显示的内容放置在和标记之间，以循环变量的值作为FONT标记的SIZE属性值。
2. 编写一个ASP页，使用Response.Write方法向客户端浏览器输出一个完整的HTML文件。
提示：使用Response.Write方法向客户端浏览器输出数据时，如果参数值包含字符组合 %>，则使用转义序列 %\> 来代替。Web服务器在处理脚本时，将转换这一转义序列。要输出一个完整的HTML文件，既可以用Response.Write方法逐行输出，也可以将所有内容放在一个字符串中，利用Split函数从字符串中返回数组并使用循环语句来输出所有数组元素。
3. 编写两个ASP文件，功能都是将整数1～5 000输出到客户端浏览器上并计算所用时间，要求在一个文件中将Buffer属性为设置True，在另一个文件中将Buffer属性设置为False。
提示：在.asp文件中，设置Buffer属性的语句应该放在命令后面的第一行。如果在HTML或脚本输出之后更改Buffer属性值，则会出现错误。
4. 编写一个静态网页和一个ASP动态网页，在静态网页中包含着文本框、单选按钮、复选框、提交按钮和重置按钮等控件，并且通过POST方法提交来用户名、E-mail、性别以及个人爱好等数据，在动态网页中通过Form集合检索这些数据并显示出来。
提示：在静态网页中，用户名和E-mail用文本框来输出，性别通过单选按钮来选择，个人爱好则通过复选框为选择。在动态网页中，用Request.Form("控件名称")形式来检索所提交的表单数据。
5. 编写一个ASP动态网页，通过使用Cookie制作一个简单的网页计数器。
提示：在动态网页中，用okies集合检索用于保存访问次数的Cookie值，若该值为空，则通过okies集合将它设置为1，否则将它加1。
6. 编写一个ASP动态网页，用于显示当前网页的虚拟路径、发出请求的客户端的IP地址、服务器的名称、所用HTTP协议的版本号以及服务器软件版本号。
提示：通过Request.ServerVariables ("服务器环境变量名")格式来读取所指定的各项信息。读取当前网页的虚拟路径时，服务器环境变量名为SCRIPT_NAME;读取客户端的IP地址时，服务器环境变量为REMOTE_ADDR;读取服务器的名称时，服务器环境变量名为SERVER_NAME;读取HTTP协议的版本号时，服务器环境变量名为SERVER_PROTOCOL;读取服务器软件的版本号时，服务器环境变量名为SERVER_SOFTWARE。
7. 编写一个HTML静态网页和一个ASP动态网页，在静态网页中创建一个登录表单，用于提交用户名和密码，在动态网页中检查是否输入了用户名和密码，如果没有输入这些信息则重定向到静态网页中，如果已经输入了这些信息则显示欢迎信息。
提示：在动态网页中通过Request.Form集合检索所提交的用户名和密码，如果相应的值均为空，则通过irect或Server.Transfer方法转换到静态网页上。
8. 编写一个ASP动态网页，用于显示每个用户的会话标识和页面被刷新的次数。
提示：用户的会话标识通过Session对象的SessionID属性返回;页面的刷新次数保存在一个会话变量中，若该变量的值为空串，则将其设置为1，否则将其加1。
9. 利用Internet信息服务管理单元创建一个基于ASP的应用程序。
提示：选择“开始→程序→管理工具→Internet服务管理器”命令，然后在左侧的“树”窗格中右击“默认Web站点”并选择“新建→虚拟目录”命令，接着按照虚拟目录创建向导的提示操作即可。
10. 在global.asa文件中编写应用程序事件和会话事件的脚本，然后编写一个ASP动态网页，用于显示目前在线人数。
提示：用一个应用程序变量来保存目前在线人数，在Application_OnStart事件中初始化该变量，在Session_OnStart事件中将该变量加1，在Session_OnEnd事件中将该变量减1。
⬔ 网页设计教案 ⬔
普通人用几秒钟就决定是否要阅读更多网页内容或到另一个网站。因此，作为一个网页设计师，要有个好方法，能在这珍贵的几秒钟鼓励用户选择前者(看更多内容)。
要知道，如果用户在网页头部看不到感兴趣的内容，没有多少人会向下滚动，去查看整个网页的内容。所以，在网页头部很容易看到的地方放置网站上的重要元素，但也不要过度拥挤在上半部分网页，否则会吓到用户，而不会往下继续看内容。记住上半部分网页设计的卖点：视其为推销员，使人们有购买想法，即他们想在你的网站上看到什么。
-
我们精彩推荐网页设计教案专题，静候访问专题：网页设计教案
本文来源：//www.zjan56.com/jiaoxuesheji/170297.html