网页设计总结范文

网页设计总结篇1

时间一晃而过，转眼间试用期已接近尾声。在这段试用期中可以说是有喜也有忧。喜的是和同事们工作相处中，自己慢慢转变为一个社会人，自身实践经验和工作能力得到提高。忧的是自己还有许多方面有待于提高。

记得初到公司时，我对公司的了解仅仅局限于公司网站的简单介绍，除此之外，便一无所知了。但是，在领导和同事们的支持和帮助下，我不仅加深了对公司的了解，而且很快就掌握和熟悉本岗位工作的要求及技巧，严格做到按时按量完成产品终端页等页面的制作，保证页面的与效果图的一致性和页面在各个浏览器中的兼容性。同时，减少页面中冗余的代码，保证页面的加载速度。此外，注意用户体验问题，站在用户的角度浏览网页，发现问题、解决问题，以提高网站的浏览量。

自从担任网页制作以来，虽然在工作中取得了较好的成绩，但也还存在一些不足之处。例如：工作中没有充分领会领导的意图，有时会忽视公司的工作流程等等，这些都是由于工作态度和细节决定的。这些不足都需要在今后的工作中加以改进。

在今后的工作中，我将努力提高技术水平，克服不足，朝着以下两个方向努力：

1、在以后的工作中不断学习技术知识，通过多看、多学、多问、多练来不断的提高自己的各项业务技能。

2、提高自己解决实际问题的能力，并在工作过程中慢慢克服急躁情绪，积极、热情、细致地的对待每一项工作。

短短三个月的时间，我学到了很多专业的知识，能够得心应手开展工作;在一个和谐的环境下，开心的工作;可以说都是受益于各位领导的栽培和各位同事的赐教。

总的来说，由于本人工作经验不多，能力还有欠缺。虽然能胜任本职工作，但是社会在不断的进步，技术在不断的更新，我还需要更多的磨砺。为此，今后在工作中，我需要进一步增强开拓创新精神，刻苦钻研新的技术。在上级的正确领导下，努力拼搏，扎实工作，以更好的质量、更高的效率、更扎实的作风做好本职工作，为我们这个光荣的集体、辉煌的事业做出应有的贡献。

网页设计总结篇2

关键词：《网页设计》；项目教学；教学实践

《网页设计》课程是青岛农业大学传播学专业网络传播方向的一门专业基础课，其主要目的是培养学生具有一定的艺术素养，较强的网页鉴赏能力，熟悉网页设计创意的原理和方法，熟悉HTML、CSS和网页制作工具，熟悉网页的制作和流程，能够根据客户需求进行静态网页设计与制作以及进行小型网站的维护和管理工作，是一门操作性与实践性都很强的课程。课程设置32学时，内容多、课程紧，如何在有限的时间内最优化学生的学习效果是授课教师面临的重要课题。

一、理顺与先修后继课程的关系

以《网页设计》课程为中心，重新规划了传播学专业网络传播方向的相关课程群内容，课程的先修课程包含有通识课程《计算机基础》，专业基础课程《C程序设计》及《电脑美术平面设计》，课程的后续课程包含有专业基础课程《计算机网络技术》，专业课程《网络传播》《网站创建于管理》，专业拓展课程《网络数据库技术》《手机APP开发》《网站策划与设计》及《动态网站建设》。

二、确定课程的教学目标

在对课程进行了重新定位和性质分析的基础上，确定课程的总体教学目标为培养学生静态网站设计与制作的实际工作技能，其中：知识目标：了解HTML标记语言，熟练使用网页制作工具Dreamweaver，能完成DIV+CSS标准布局。能力目标：能进行网站需求分析、总体设计，能实现界面设计、基本网页制作，能制作多种页面特效，能进行网站的基本管理。素质目标：培养学生良好的职业素养、团队协作意识、自我学习能力、沟通表达能力和知识归纳与积累能力。

三、课程内容设计

设计课程的讲授学时为16学时，实践学时为16学时。教学内容制定的依据是以岗位需求为导向，对网页设计师和网络美工的工作过程进行分解分析，确定岗位的核心能力；将核心能力整合提炼为对应的课程项目；依据课程项目提炼章、节、知识点；构建出以工作体系为基础的课程体系。其中课程项目规划设计6个，对应16课时的实践学时。分别为：项目一网页设计基础、项目二Dreamweaver基础、项目三表格布局的页面制作、项目四页面美化、项目五CSS+DIV布局的页面制作及项目六页面特效制作。围绕6个课程项目，规划课程教学内容10章，对应16课时的讲授学时，内容包括网页设计基础、Dreamweaver基础、页面与文本、图像与多媒体、超链接、表格、CSS样式、CSS+DIV布局、APDiv和Spry及行为。

四、《网页设计》项目教学实践

课程的实施步骤主要包括知识引入、项目布置、项目分析、分解实施及分步总结5个环节，本文以“页面特效制作”项目为例，具体阐述课程教学实施过程[1,2]。

（一）知识引入

平时浏览到的网页，很多都有网页特效。像图1左右两侧的对联悬浮广告，以及图2中的图像变化效果，这些特效的实现与“行为”这一知识点密切相关。针对行为是什么和如何为网页添加行为，围绕第十章行为相关知识点开展教学。在基本知识点完成学习的基础上，布置本次需要完成的项目是“制作甜品饮料吧网页特效”。

（二）项目分析

教师对项目任务的重点、难点进行细致的分析讲解，学生针对性地记录相关知识点。例如，对“甜品饮料吧”案例进行分析，确定该项目的操作要点为：一是在“热卖产品”下方，分别为图像“茉莉花香”“冰火两重天”“生命之绿”，“巨杯甜饮”添加显示-隐藏元素特效。二是在“特色产品”下方，添加交换图像特效。学生要在教师的指导下充分理解项目要求。

（三）分解实施

学生根据项目任务做好详细地分步实施计划，教师按照任务节点要求以及学生学习计划指导学生进行网页设计与制作，并注意纠正学生自主学习过程中出现的偏差，着重培养学生的项目实践能力。

（四）分步总结

对于项目实施过程中的重点与难点，找出共性问题进行讲解。

五、结束语

项目教学是培养学生自主学习能力、自主分析与解决问题的能力及实作能力的有效方法，与《网页设计》课程的教学目的与要求契合。实践表明，将项目教学法应用于《网页设计》课程显著提高了课程的教学效率和效果。但是在实际应用中也存在一些问题：学生计算机理论及实际操作能力较弱，个别学习能力较强的学生会利用自已准备的素材设计具有个人特点的作品，大部分基本利用老师提供的素材和按照提供的效果图完成最终任务，从作品中看出学生灵活变通能力、自主创作设计能力不足。部分学生更希望老师操作演示，自己减少思考和动手操作过程，所以要密切关注学生当堂学习情况并及时调整教学方法。此外可以采用小组分工合作等方法活跃课堂气氛，要通过小组评价、小组互评、教师评价等方法尽可能在评价反馈方面详尽合理，同时要注意过程性评价与总结性评价相结合[3]。

网页设计总结篇3

随着社会的快速发展和互联网的普及，计算机技术及其应用发挥着重要的作用。为了全面提高高校学生的网页设计能力，激发学生的网页设计兴趣，探索课程改革的几点思路，从而实现对高校学生的能力提高、兴趣培养和考核标准的改革，结合课程改革的《网页设计与制作》教学模式的研究显得极为重要。

【关键词】

网页设计；课程改革；教学模式

《网页设计与制作》是一门实践性极强的课程，也是为满足社会需求而设置的。网络是人们获取信息的重要来源，随着网络在人们生活中的地位逐渐上升，企事业单位和政府机构以及个人通过网页来宣传自己的单位和个人形象。因此，提高学生对网页设计的兴趣、培养学生自己开发网站的能力显得尤为重要。

1激发学习兴趣，鼓励创新精神

1.1案例教学古语讲“学起于思，思源于疑”，良好的学习兴趣是学习的先导。首先采取案例教学，摒弃传统的教学方法。在传统的课堂上，教师讲授理论知识，之后学生进行上机练习。往往会造成机房内操作过程中无处下手。因此，结合教学内容和目标选取典型的案例进行案例教学法能够很好的解决这个问题，提高教学效果。枯燥的理论与实际案例相结合，在课堂上及时展示网页设计的效果，必将为课堂带来全新的效果，对于学生熟悉理论知识和实际操作能力也能全面加强。激发学生的学习兴趣、鼓励创新精神，化被动为主动和提高学生解决实际问题的能力是网页设计课程改革的出发点。

1.2互动教学建立教学网站，开设相应的学习论坛。在网站上传课堂视频、经典课件、网页设计的学习资料以及课堂作业，加强师生的交流、资源共享。学生在课堂上不可能掌握教师所讲的所有内容，加强互动交流和平台建设这样有助于学生的课后复习巩固，清楚学生在课堂上的疑问。

2实验设计与大作业制作标准

制作一个主题网站，主要从下面三个主题中选择：个人网页、校园生活、文学。综合运用本课程所学的内容知识，导航、布局清晰、信息分类合理。可以从网上下载部分资料，但是不能超过整个内容的30%，绝对不允许直接从网上下一个网站，一经发现直接记0分，总的页数应超过8页。（一个包含主题内容的html文件或asp文件算一页。）具体要求如下：（1）站点结构清晰，站点内文件夹名、文件名命名规范，杜绝使用中文汉字。(5分)（2）页面布局可采用表格或者css+div。（10分）（3）创建模板，并根据模板至少创建1个页面。（10分）（4）为一个页面添加浮动框架，并有链接的页面显示到浮动框架部分。（10分）。（5）使用css样式美化网页。（10分）（6）网页中必须有插入图像、文字、鼠标经过图像等页面元素，并与主题相关。（10分）（7）要求首页中加载5种链接方法：内部链接，外部链接、邮件链接、锚点链接、图像链接。（15分）（8）网站中应用的方法和技巧的种类多少。（10分）（9）网站中无断掉的链接和孤立的文件。（10分）（10）制作一份网站设计说明书，放在站点总文件夹中，并用A4纸打印一份。（该说明书必须能够体现制作网站的过程，否则视为抄袭以0分计。）（10分）在网站制作过程中应注意以下几点事项：（1）建立站点，图片存放在文件夹images中。（2）所做网页的首页文件名必须为index.html。（3）不要忘记给每个页面命名。（4）所以文件和目录名全部使用英文字母和数字，不得汉字和全角字符。（5）网上下载的文字要注意删除多余的超级链接和？之类。（6）最好在每个页面加一个超级链接返回首页。（7）网页的总容量一般不要大于15mb。（8）如果网站制作粗糙，站点结构混乱，每个扣5-10分。（9）如果运用的动画、图片等不符合作品反映内容扣5-10分不等。将制作的网页及说明书压缩成一个文件，文件名为：学号_姓名_班级。

3团队协作

在网页制作过程中，鼓励学生进行分组讨论，以团队形式完成作业，培养学生的团队协作能力。在制作过程中，将同学们以5-7人分成一个课题小组，按照分工协作、组长负责的原则加强同学之间互相讨论、互相学习、取长补短，一个团队的同学共同思考完成一个网站的制作，锻炼学生的合作精神。设计多个题目供学生选择，学生可以自选题目，充分发挥学生的兴趣和主观能动性，在规定时间内完成最后进行网页设计汇报演示。

4《网页设计与制作》课程的考核标准

多数课程通常采用笔试的方法，然而计算机类课程考核的重点是实际操作能力而非单一的理论知识。《网页设计与制作》这门课程考核内容过多偏于死记硬背的记忆性知识考核，就恰恰忽略了课程本身的性质，因此应重点培养学生的实践能力。《网页设计与制作》的课程考核方式要全面反映学生的真实学习水平、激发学生的学习兴趣和制作灵感。为充分调动学生课堂以及课后完成网页制作的积极性，在具体的考核中平时成绩占总成绩的20%，期末大作业的网站设计占总成绩的80%。这样能够调动学生上课以及完成课堂练习和实验任务的积极性。

5结语

网页设计的人才培养目标和方案必须适应市场经济对人才的需求，培养具有能够自主思考、开拓创新和独立解决实际问题能力的学生，这也是高等教育的基本目标。结合课程改革的《网页设计与制作》教模式以学生为主题，发挥学生的主观能动性，鼓励团队协作和师生平台交流必将发挥重要的作用。

参考文献：

[1]马国德.对提高课堂教学质量的一点思考[J].青海教育,2002(04):18.

[2]刘显丽.网页制作课程的整合研究[J].辽宁教育行政学院学报,2005,(02):125-126.

[3]尹玉菡,杨万军.非计算机专业《网页设计制作》课程教学设计与实践[J].辽宁师专学报,2010,12(01):44-45.

[4]史科蕾，高咏欣.《网页设计与制作》课程的教与学[J].信息技术与信息化,2007(02):129-131.

[5]刘强,张阿敏,翁艳彬.网页设计与制作[M].北京:高等教育出版社,2010.

[6]DarcyDiNucci.WebSiteRedesigns[J].PearsonEducation,2001.

[7]谢良辰．对网页制作技术课程实验教学设计探讨[M]．山西:教学与管理,2006.

网页设计总结篇4

关键词：网页设计；高职院校；教学建议

科技的进步，internet的发展，社会对网页设计人才需求大大增加。《网页设计》课程是计算机专业的一门主干课程，并且很多理工专业学生也选修该门课程。如何让学生在较短的时间内掌握网页设计的基本理论和熟练操作相关软件，培养满足网页设计企业需要的综合型人才成为当今很多高职院校的研究热点，也是高职教师的努力方向。为了提高该课程的教学质量，教师需要具备扎实的理论功底，在教学过程中，不断推陈出新。笔者做为高职院校的计算机专业教师，有一定的心得体会，提出了几点建设性意见，在此抛砖引玉，供大家参考探讨。

1.明确教学目的

根据大纲，本课程的学习目的是让学生掌握网页制作、网站设计的基本知识、基本理论和基本应用等方面的内容。针对于现有的IT行业发展的现状与趋势、人才需求状况、企业调研等方面调查分析，光是满足教学大纲的要求是远远不够的。现在的网页设计主要是网站的开发前期的相关界面的平面设计。所以教师在教学中，就需要进一步明确教学目的，突出教学重点。因为基本的网页制作，但凡有过一定基础的学生都能设计，要想进一步满足企业的用人标准，设计出较高的网页，这就需要网页设计人员具有较强的审美能力与美术功底以及图像处理工具的使用能力。通过图形软件Photoshop，Flash，CorelDraw等与Java语言软件的相互配合，运用于图像处理、编辑、通道；图像色彩的校正，出色地设计公司标志、网页等等。这些都是教学的重点，需多让学生下功夫，举一反三。

2.提高学习兴趣

知之者不如好之者，好之者不如乐之者。兴趣是积极探索事物的认识倾向，教师如果能让学生充满兴趣的学习，快乐的学习，授课就开了个好头。因此要提高教学效果，讲授知识时，就必须以学生为主体，正确引导学生进行思考，并注重培养学生对本课程的学习兴趣。网页设计是一门实践性很强的课程，是特别需要学生亲身体验，自觉动手，才能掌握好其内容的课程。例如在讲授网页设计的框架结构，这一部分内容时。首先给学生们呈现一个很好的框架结构的网站，也是学生上网常常浏览的网站，如360导航网站。这一下就拉近了课程与实际生活的距离，让学生体验到学习的意义，培养了学习的兴趣。有了个好的开端，接下来就是引导学生多思考，框架的作用是什么？什么是框架和框架集？如何设计框架页面？用框架设计页面有什么特殊的优势？如果让自己来设计，你会设计什么样的框架结构？让学生主动的参与到学习过程中来，往往能达到事半功倍的教学效果。

3.考核方式多样

《网页设计》这个课程是一门需要实践能力很强的计算机专业课，所以弱化笔试考试，加强上机考试，以提高学生的实际操作能力。在教学的过程中，笔者总结经验，将课程的分数比例改为了以下四部分：平时表现、上机练习、理论考试、上机考试。学生平时的表现所占课程总成绩的15%，主要为学生的出勤率，上课听讲认真与否，以及积极回答问题的加分情况。上机练习占总成绩的20%，主要为学生在上机课时，是否听从教师指挥，能否完成任务的情况。而理论考试，则是我们弱化的内容，只占总成绩的25%，因为理论再好，也需要将其转化为实际的工作，否则就是纸上谈兵。其中上机考试为重中之重，占40%。上机考试，需组织学生在机房进行，人手一台电脑。教师先将网页设计的题目与需要用到的素材存储在服务器上，学生通过访问服务器获取试题，按照要求完成网页设计和优化工作。考试完成后，将自己的作品上传至服务器，供教师审阅、批改。最终教师要综合网页设计中的多方面因素，如图像处理，链接结构，色彩协调，整体搭配等来给学生相应的成绩。此种考核方式，兼顾了各个方面，虽然弱化了理论，但强调了实践，促使学生转换学习态度，培养其独立思考和解决问题的能力。

4.举办设计大赛

每年安排一个时间，举办整个高职院校的网页设计大赛。设计大赛的目的是检验学生对该课程的掌握程度，以比赛的形式来提高学生对网页设计的兴趣。设计的内容不做限定，只要在规定时间内将设计好的网页发送到指定邮箱里。教师会对参赛的作品进行初选，先初选出入围的作品，让选手做好准备。在决赛过程中，选手需要对自己的网页作品进行讲解，突出自己作品的亮点。同时，评委老师们会对该作品做出点评，分析网页设计的优缺点，运用了那些技术等等，让参赛选手和观众同学们也得以在知识方面提高。最后，评委老师们给出各个作品的分数，评出比赛的各种奖项，对获奖的选手给予相应的奖励。网页设计大赛给学生提供了展示自我的平台，无论是对参赛和观众同学，都是一种激励，让学生对网页设计产生更大的兴趣。

结语：

网页设计的课程建设的过程是发现不足，不断完善的过程，并在教学中加以改进的过程。以上教学几点建设性意见是课题组教师多年的教学经验积累，实践证明：这些改变使教学效果得到了改善，激发了学生的学习兴趣，学生的实践操作能力明显得到提高。

参考文献：

[1]赵元媛.网页设计中布局方式之比较[J].中小企业管理与科技（上旬刊）.2012，（01）

[2]侯佳路，王润华，于晓荷.《静态网页设计与制作》课程改革探讨[J].中国科技信息.2012，（06）

[3]敖冰峰，徐鹏，乔阳.浅析《网页设计与制作》课程教学方法[J].科技与企业.2012，（09）

[4]教育部.关于全面提高高等职业教育教学质量的若干意见[Z].教高[2006]16号.

[5]姜大源.世界职教课程改革的基本走势对我们的启示[J].职业技术，2008，（11）.

[6]翟向阳.论高职教育突出高技能人才培养的目标定位[J].职教论坛，2005，（16）.

[7]余莎莎.提高网页设计与制作教学质量的探索[J].职业.2012，（11）

网页设计总结篇5

关键词：网页设计；教学方法；实践能力；考核评价

中图分类号：G424.1

1.引言

《网页设计》是一门集计算机语言、设计技术、美学为一体的综合设计课程。如何让学生能够独立设计出风格鲜明的网页？如何提高网页的实用性？如何让学生在实践中学习知识、提高能力？如何在网页设计中相互配合，增强团队开发意识？这对《网页设计》课程的教学提出了更高的要求。

2.《网页设计》课程的特点

2.1 课程具有较强的职业性[1]。如何让学生能够设计网页是课程的目的之一，而设计网页的需求来源于企事业单位网站建设工作，这必须必须对各行业的工作有一定的认识。学生只有进入职业角色去构思网页设计，才能做出符合要求的网页。、

2.2 课程具有较强的综合性。《网页设计》是一门计算机技术与设计艺术相结合的课程，既要让学生掌握网页设计语言，又要从美学角度考虑网页架构设计、线条布局、色彩搭配等问题，必须让学生会将多方面的知识综合运用，才能达到课程培养目的。

2.3 课程具有较强的实践性[1]。《网页设计》课程的教学内容实践性强，能极大提高学生的学习能动性，激发参与意识，锻炼动手能力，同时培养专业兴趣。教授和学习中都一定要注意理论与实践相结合，而实践是教学的主线。教师应该多安排实践内容，学生应该多动手实践，能熟练地创作出实用的网页。理论教学指导、服务实践教学，实践教学反过来印证、提高理论教学。

3.目前《网页设计》课程教学中存在的问题

3.1 传统的教学方法不适应《网页设计》的课程特点。传统黑板式教学与口授言讲式教学以教师为中心，教师教学为主体，学生被动接受学习，理论和实践严重脱节，纸上谈兵，无法解决现实的网页设计问题。教师授课按部就班，学生大多跟随课堂教学，教师讲多少，学生学多少；甚至讲授到下一个知识点或者操作内容时，以前学习的又忘记了。

3.2 多媒体教学方式的缺陷。在使用多媒体的教学方式中，教师可以利用多媒体灵活多样性，以丰富多彩的形式展示教学内容，但按照多媒体课件设计内容讲授，比较机械；而课后学生忙于拷贝教师课件，甚至不用记笔记，缺乏深刻认识，对知识点的印象更易淡忘。

3.3 以课堂教材为主，思维局限，缺乏学生实践能力培养。以课堂为中心的教学方式，让学生的思维受限于教材。目前《网页设计》所用教材大多专注于网页设计工具的使用，缺乏网站开发实例；这样一来学生只能学会如何去使用开发工具来制作网页，而不会学会网站建设的技巧。

3.4 上机练习，缺乏团队合作培养。上机练习任务都针对近期所讲知识点，且受限于上机练习时间，作业不可能布置太复杂，导致学生在练习过程中，经常是独立思考、独自操作，缺乏相互沟通、相互配合；而遇到问题更多依赖老师来解决，让教师投入更多的时间来解决问题，缺乏对学生协作精神、团队意识和创新能力的培养。

4.关于《网页设计》教学的思考

4.1 充分调动学生学习兴趣。可以介绍淘宝网、12306火车票订票网站、高考志愿填报网站、电子邮件、微博等网站的应用情况，以学生熟悉的网络应用为切入点，使学生切身体会到网络应用在现在生活中发挥的重要作用。然后，教师逐步引导学生了解网络应用的作用，同时让学生了解就业需求，让学生切身体会到学习网页设计的必要性，提高学生的学习兴趣，增加学习动力。

4.2 扎实掌握基本知识。在学习这门课程之前，学生大多没有学习过网络相关的知识，为了让学生了解网页设计工作在整个网络应用中所处的位置，非常有必要补充网络基础知识，明白网站开发流程。

首先，着重讲述网络的基本概念，如：网络上常见的服务、IP地址、域名解析等，描述从客户端访问一个网站时数据传递的过程，让学生充分理解网站是如何让人们能够访问的；在整个访问网站过程中，网页设计是在哪一个环节工作，发挥什么作用。其次，模拟要开发一个网站，从无到有，从需求分析、网站规划、设计制作、申请域名和空间、网站、后期维护等开发流程逐步介绍各环节要完成的工作，让学生对网站开发有初步的印象。这些基本知识看似对网页设计关联性非常小，但是可以让学生对整个网络有更深刻的理解，对网站开发过程了解了，更有利于掌握网页设计技术。

4.3 综合运用多种教学方法，以学生为中心[2]。教学的最终目标是让学生掌握网页设计的关键技术，具备制作静态网站的能力。为了达到这个目标，要求教师结合不同授课内容，灵活运用多种教学方法，可以使用案例教学法、项目教学法等，让学生快速有效地掌握知识，达到熟练运用。

首先，案例教学方法的使用。案例教学法（Case Method）是19世纪70年代美国哈佛大学法学院院长兰德尔首创。它要求在教学中采用实例进行教学，教师将知识点设计应用到案例中，并进行实际操作[2]。在网页设计课程中，针对网页设计的知识点，可以设计出专门的范例代码在课堂上进行演示，也可以在一个案例中贯穿几个有相关性的知识点，综合使用多种技术。例如：在CSS应用中，可以设计出招生宣传网站中“专业介绍”的案例，针对文字段落设计出不同的样式，并在学院、专业、专业介绍等不同级别的文字上进行试验，展示CSS技术的优势。其次，项目教学法的应用。项目教学法（Project Based Learning，PBL）是建立在工业社会、信息社会基础上的现代教育的一种形式，以培养实用型人才为直接目的的一种人才培养模式。这种教学模式的关键是可以避开传统的学科体系教学知识的完整性和系统性，从以逻辑思维方式为主转向以形象思维方式为主，所关注的是项目能否按期完成，对知训结构是以“够用”为准则的，主要是为了锻炼学生勤动手的技能，不仅可以独立收集信息还可以自行分析知识，从一定程度上提高了学生的实践及创新能力[3]。在学习HTML和CSS知识之后，可以设计一个网站开发项目，2人一组，一个负责设计网页结构、安排内容；另一个负责设计CSS样式表，完成内容美工、显示效果制作。这种情况下，只有两个人充分沟通才能完成该设计，在实践动手中增强团队协作意识。

5.总结

笔者根据多年来在《网页设计》教学中的实践，就《网页设计》这门课程该如何去提高教学质量、增强学生的学习积极性、提高学生实践能力和创新能力展开思考和总结，针对目前该课程教学中存在的问题提出相应解决方法，对教学模式进行革新，取得了较好的教学效果。

参考文献

[1]刘铭.高职《网页设计》课程的教学模式设计[J].职教论坛，2010（35）：44-46

[2]江海燕.关于《网页设计》教学的思考[J].山东教育学院学报，2009（3）：36-38

网页设计总结篇6

关键词：平面构成；网页设计；运用

中图分类号：J05 文献标识码：A 文章编号：1005-5312（2013）36-0185-01

传统思想认为，科学与艺术属于文化的两个极点。随着科学技术不断前进和变革，尤其在计算机领域方面的发展，科学与艺术这两个也相互融合在一起。当前，网页设计也慢慢融合了平面设计的原理和方法，与之相结合。这种现象是与科学技能有着密不可分的联系，也是社会发展的一种趋势，由于网页设计在实质特点上也等同于平面设计。根据科学技能和艺术发展的特点，利用新想法、新观点来设计网页，是可以增强网页设计的效果，提高办事效率。

一、平面组成与网页设计的内在联系

网页的平面组成是利用点、线、面、色等单元来构成一个新单元，同时还有了视觉化及力学上的诠释。比如，立体组成主要是由厚度造型，而平面组成是由轮廓造型，因此可以说在一个平面上，利用不同的基础形态，参照某个特点规律来组合图形，同时考虑网页的基础单元，更能够抽象的描绘出网页格局当中的点、线、面，可按照平面组成的机理来参与构成，形成一定的美感。平面设计应该是诠释视觉艺术的一个表现，可以说所有的艺术形式都有一定的规律性。能够将平面形式美为基础规则，应该属于平面设计的原理。形式美对于平面组成来说，是关键的表达方式，有着一定的独特性。由于它可以显露出其他形式美的特点，同时也可以将其总结，并使形态对于生活来说能够表现得更突显，更明显，更有质感。形式美包括变换与总体、相称与平衡、比较与融合、节奏与韵律等。在网页设计当中，更好的运用形式美，可以突出网页设计的神韵，更有动态美的效果。

二、网页设计在平面组成原理上的运用

网页汇集语言、图像、动画、声音、视频、传输等多种方式的一个多媒体传媒。怎样利用有限的界面设计达做成最有吸引力的页面呢，这对于网页上的文字内容来说是很关键的，因为网页设计上的文字代表内容决定是否能够满足用户的需求、目的及兴趣等需要，同时像用户的视觉满足也很重要。怎样利用一个平面将一些美观又适宜的内容展现出来，同时又可以设计出一个完美、严格及可爱、有美感的页面，这就是设计者的最终目的。因此，网页设计平面组成有以下几个特点应该引起足够的重视。

（一）网页布局要独特

对于网页布局来说，它应该代表着网页在平面格局上的分布，也就是说利用组成网页的多种内容及组成的元素，来进行有序、更合理性的编排来整顿，这样可以将这个格局构成一个合理性、有序性，更有搭配均衡的页面。这其中，涉及到网页布局的独特形式的表达，这是非常关键的因素，同时也要考虑不同的内容情况来安排及表现出网页版面的形式感。虽然不能用“牵一发而动全身”来形容，不过对于“减之一分则少，增之一分则多”的排版处理方式来说是非常重要的，这也是不少版面设计者主要考虑的目的之一。按照网页设计的特点和内容，对于网页设计的格局一般是划分为“同”、“匡”、“回”、“川”字型及左右平衡、自由组合型等。而在现实运用当中，要根据现实的网页排版的情况，才可以选择适宜的网页构成，这不能死板硬套，要灵活灵用。

（二）网页组成图对比要强烈

对于网页组成图的对比来说，对比应该是属于突破沉静、凸显关键性的构成方法，而通过强化网页设计的对比元素，是可以成为增强人们注意，吸引人们浏览网页的有效方法。而网页设计上运用的语言、图像和动画等视觉元素，这些在网页设计当中，就要有一个很好的互相构成及对比的联系，同时也要考虑大小参差变化、疏密衬托有致、轻重感觉平衡、明暗对比适宜等特点。在网页设计上要做到独特，这是网页设计者是否能够成功的关键因素。

（三）改变与统一对称

网页设计的版面对于外在特点来说要按照变化和统一的原理来进行，由于在设计过程当中，变化属于网页设计的生命及源泉，如果没有了改变，那么网页设计就变得枯燥无生气。不过在网页设计当中，也不能够刻意性的追逐外形上的改变，这会导致网页版面分割变得越来越紊乱，并且不统一，而如果不单一性的划分界面的话，这也会导致网页面变得非常的单一，呆板，失去生气。这也通过网页设计当中的反复的对比、完美的整顿、整体的权重性才是能够达到将网页设计到最好的形式，这也是对网页设计者的主要要求，也可以说是网页设计的最终目的。

参考文献：

[1]阙玮忠，游林华.平面构成在网页设计中的运用.职业，2012/35.

[2]王慧.平面构成在网页界面设计中的应用.艺术与设计（理论），2007/12.

网页设计总结篇7

关键词：网页设计，内容，原则

 

网页艺术设计是艺术与技术的高度统一，指出网页艺术设计包含视听元素与版式设计两项内容；以主题鲜明、形式与内容相统一、强调整体为设计原则。在明确了网页艺术设计与网站主题的关系的基础上，提出了“美”和“功能”都是为了更好地表达网站主题这一观点。网页艺术设计是伴随着计算机互联网络的产生而形成的视听设计新课题，是网页设计者以所处时代所能获取的技术和艺术经验为基础，依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动，必然要成为设计艺术的重要组成部分，并随着网络技术的发展而发展。表面上看，它不过是关于网页版式编排的技巧与方法，而实际上，它不仅是一种技能，更是艺术与技术的高度统一。

一、网页艺术设计的内容

设计活动中包含着主观和客观两方面的因素，在确立了网页主题之后，首先要明确和熟悉设计的对象和构成的要素。网页艺术设计涉及的具体内容很多，可以概括为视听元素和版式设计两个方面。

1.视听元素

这里所说的视听元素，主要包括：文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文字、图形、动画，还是音频、视频，网页设计者所要考虑的是如何以感人的形式把它们放进页面这个“大画布”里。多媒体技术的运用大大丰富了网页艺术设计的表现力。 以上各视听元素大多数浏览器本身都可以显示或收听，无需任何外部程序或模块支持。论文格式。论文格式。比如，大部分浏览器都可以显示GIF、JPEG图形和GIF89a动画和多媒体文件。另外，在浏览器使用插件（Plug-in）也可以播放更多格式的多媒体文件。还有微软推出的ActiveX已经成为热门技术。总之，技术的不断发展使多媒体元素在网页艺术设计中的综合运用越来越广泛，使浏览者可以享受到更加完美的视听效果。这些新技术的出现，也对网页的艺术设计提出了更高的要求。论文格式。

2.版式设计

网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，它在网页的艺术设计中占据着重要的地位。所谓网页的版式设计，是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，将理性思维个性化的表现出来，是一种具有个人风格和艺术特色的视听传达方式。它在传达信息的同时，也产生感官上的美感和精神上的享受。但网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸，网页则不然，它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且，网页的组织结构不像印刷品那样为线性组合，这给网页的版式设计带来了一定的难度。

二、网页艺术设计的原则

网页作为传播网络信息文化的一种载体，同其他出版物如报纸、杂志等在设计上有许多共同之处，也要遵循一些设计的基本原则。虽然网页设计艺术，是技术与艺术的结合，内容与形式的统一。它要求设计者必须掌握以下三个主要原则，才能把网页的设计做得更加完美：

1.主题鲜明

视觉设计表达的是一定的意图和要求，有明确的主题，并按照视觉心理规律和形式将主题主动地传达给观赏者。诉求的目的，是使主题在适当的环境里被人们即时地理解和接受，以满足人们的实用和需求，这就要求视觉设计不但要单纯、简练、清晰和精确，而且在强调艺术性的同时，更应该注重通过独特的风格和强烈的视觉冲击力，来鲜明地突出设计主题。

优秀的网页设计必然服务于网站的主题，就是说，什么样的网站，应该有什么样的设计。例如，设计类的个人站点与商业站点性质不同，目的也不同，所以评论的标准也不同。网页艺术设计与网站主题的关系应该是这样：首先，设计是为主题服务的；其次，设计是艺术和技术结合的产物，就是说，即要“美”，又要实现“功能”；最后，“美”和“功能”都是为了更好地表达主题。当然，有些情况下，“功能”即是“主题”，还有些情况下，“美”即是主题。例如，一个搜索引擎，首先要实现“搜索”的“功能”。它的主题即是它的“功能”。而个人网站，可以只体现作者的设计思想，或者仅仅以设计出“美”的网页为目的。它的主题只有一个，就是——美。

要使网页从形式上获得良好的诱导力，鲜明地突出诉求主题，具体可以通过对网页的空间层次、主从关系、视觉秩序及彼此间的逻辑性的把握运用来达到。

2.形式与内容统一

任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和，是设计存在的基础；形式是构成内容诸要素的内部结构或内容的外部表现方式。设计的内容就是指它的主题、形象、题材等要素的总和，形式就是它的结构、风格或设计语言等表现方式。内容决定形式，形式反作用于内容。一个优秀的设计必定是形式对内容的完美表现。一方面，网页设计所追求的形式美，必须适合主题的需要，这是网页设计的前提。

另一方面，要确保网页上的每一个元素都有存在的必要性，不要为了炫耀而使用冗余的技术。只有通过认真设计和充分的考虑来实现全面的功能并体现美感才能实现形式与内容的统一。

综上所述，时代在不断发展，网页设计的风格也在不断演变，要想设计出更为优秀的网页，研究各类网页艺术的设计规律将是一门长期的任务。

【参考文献】

《网页艺术设计》汤晓山 清华大学出版社

《多媒体技术与应用》张爱华 清华大学出版社

《多媒体技术与应用》李竺 清华大学出版社

 

网页设计总结篇8

《网页设计》课程是一门实践性、应用性、创新性都很强的学科，知识覆盖范围较广，不只是网页制作知识，图像处理、色彩搭配、动画制作等内容也涵盖在其中，非常适合采用项目化教学方式授课，使学生边学边用。这种方式会比传统的授课方式得到更好的效果。

1 什么是项目化教学

项目化教学是近年来全世界范围内都在推行的、为培养学生职业能力，提高学生综合素质的教和学的模式。项目化教学的项目是计划好与实际工作贴近的任务，要求学生在规定时间内协作完成。项目实践过程中，课程要求的知识和技能得到理解和把握，学生分析问题和解决问题的能力得到提高，与人协调、合作的能力也得到增强，项目结束后原则上应有一件较完整的作品。在项目化教学中，教师带领学生精心挑选项目，指导学生进行具体的项目实施，并最终对学生的项目成果进行评价。而学生是整个项目式教学活动的主体，通过小组成员之间的团结协作，共同探究并完成项目学习任务，在短期内形成一个比?^完整的作品。这种被总结为“以行业为导向，以学生为中心，以能力为本位”的教学模式，使学生学习的积极性被最大程度的调动，每个学生都能尝到成功的喜悦。

项目化教学的特点主要体现在：（1）实践性：项目有针对性和实用性，与学生可能从事的工作密切联系。（2）自主性：学生根据自己的兴趣选择在小组中担任的角色，选择探索和完成任务的方式，选择展示和评价的方式，能够自主、自由地进行学习，学生创造能力得到有效发展。（3）发展性：长期项目与阶段项目相结合，实现教学目标。（4）综合性：多数任务需要运用多门学科以及综合能力。

2 《网页设计》课程的项目设计

项目设计是项目化教学的关键，好的项目设计可以使学生在完成项目的过程中迅速掌握课程要求的知识技能，并有兴趣参与其中。由于本课程的知识内容涉及较多，并与其他课程有一定的交叉，所以项目分为阶段项目和长期项目。

阶段项目在前期的“理论和案例”教学阶段，该阶段主要通过案例讲授网页设计的基本技巧和方法， 完成学生的基本训练和专业训练。《网页设计》课程的学习内容主要有：网站的规划、网页布局的实现（框架、表格和层）、网页元素的制作（文字、图像、表格、表单、视频、动画等）、网页脚本特效、网站与维护。阶段项目主要依据阶段学习内容设计，包括（1）网站策划书的撰写（2）网站首页与分支页面的版面设计（3）网站 Logo 的设计（4）网站导航条的设计（5）制作明星主页――表格（6）制作花卉网页――框架（7）制作班级网站的主页――层（8）制作班级网站中的注册页（9）弹出窗口与页面动画（10）在页面中添加滚动的文字（11）制作班级网站中的帮助页（12）域名的申请（13）班级网站的优化（14）网站的测试、、更新与管理。该阶段的项目由于比较简单，以学生掌握知识技能为目的，不给学生分组，主要有学生个人完成。

第二阶段是“专题实训”教学阶段，在学生掌握了基本知识技能的基础上，强化应用，强调创新，强调小组组员间的分工合作。我们根据课程特点和学生特点，设计了几个项目可由学生小组任选一个完成。（1）宿舍网站；（2）淘宝网个人网店；（3）某企业网站；（4）本系网站。

3 《网页设计》课程项目化教学的实施

（1）明确项目任务：教师提出任务，同学讨论。项目要要紧密结合教材内容，也要给学生留有想象的空间，以供他们可以利用所学知识来发挥创造。设计项目不能过大，尽量在较短时间内完成整个项目，最终形成的成果应该是一个比较完整的作品。

（2）制定计划：学生制定工作计划，教师审查并给予指导。

（3）实施计划：学生分组及明确分工，合作完成任务。在项目实施的过程中，各个小组结合其自身的项目计划来实施项目。小组成员都必须保证具备团结协作意识，提升工作效率，教师不应该放任自流，而必须进行适当的引导。

（4）考核环节。本课程的考核成绩主要有阶段项目成绩和长期项目成绩两部分组成，各占50%，其中，阶段项目由教师评价，长期项目的成绩包括小组间互评和教师评价两部分，占比为6：4。

（5）归档或应用。将项目化教学的过程记录归档，总结，并应用于新的实践

4 结论与总结