网页设计课程学习报告（精选3篇）

网页设计课程学习报告 篇1

本学期的网业设计课程，开展了动态思维训练，对于我们学生来说，可以激发学习兴趣，调动学习的自觉性，自己动脑、动手，动口，运用网络资源，结合教材及老师的指导，通过自身的实践，创作出积聚个人风格、个性的个人网页。总体来说，整个学期的学习过程，我学会了很多知识，虽然过程比较艰辛，但在INTENET领域中，有了一个展示自我的空间，我觉得很开心、很有成就感。

一、充分发挥动手能力

作为网页设计的初学者，我对网页设计非常感兴趣，一心想设计出一个美观、实用、内容丰富的个人网页。本学期的教改方案由以前学生单纯接受知识变为主动参与教学活动。在这样的压力和动力下，通过自己动手、动脑，通过网络资源，老师的指导，在不断发现问题和解决问题的过程中学到了很多知识，也增强了我的创作能力和动手能力，在网页设计过程中，从构思到设计、完善、维护，整个过程我都全身心投入，使我真正学到了网页设计的知识。

二、在设计过程中不断提高网页设计水平

在本次网页设计中，我不仅学到了很多关于网页设计方面的知识，也从中学会了关于网络、编程等方面的知识。我从最初开始运用FrontPage设计网页，到后来运用Dreamweaver、Flash、Fireworks等网软件设计网页，完善网页。在这个过程中，我通过自学教材、上网查询，学习了Dreamweaver、Flash、Fireworks等网页软件的应用，学会了管理、维护自己的站点，以及一些简单动画、控件的制作等等。在设计过程中也出现了很多的问题，但通过看书，上网查询，请教老师等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。

三、不足之处

由于平时工作比较繁忙，学习时间比较少，对于网页设计软件的"强大功能运用得还不够。在网页设计过程中，由于没有网页制作代码的知识，所以在设计时也遇到了很多麻烦，有时插入一个特效脚本也是很麻烦。在网页制作过程中，想提高设计水平，想有个理想的网页，必须学会代码的运用，我将在以后的学习过程中不断加强这方面的学习，希望老师能简单介绍一下代码，让我也对它有个初步的认识，以后再加强学习也才会有所提高。

总体来说，通过今次的对网页设计的学习，有收获也有遗憾、不足的地方，但我想，我已经迈入了网页设计的大门，只要我再认真努力的去学习，去提高，凭借我对网页设计的热情和执着，我将来设计出的网页会更加专业，更完善。也希望老师在今后的日子里多指导。

网页设计课程学习报告 篇2

转瞬间，已到了期末，学习网页设计这门课程也要完毕了，虽然时间有点短，但是学过这个几周以后我受益匪浅。

记得最初接触dreamweaver的时候，我很茫然，由于刚接触生疏的软件心里会很可怕跟不上老师的进程。刚开头几节课，老师讲得比较根底，还能跟得上，渐渐的老师授课的进程开头加速，有些跟不上了，需要下课后自己补上，问老师和四周的同学。渐渐的，在老师的悉心教育下，我们开头生疏这个软件了。老师布置的第一个任务，要求做一个自我形象网站。由于学习的时间较短，老师只要求用PS做好模板即可，任务相对简洁。但也要求设计感强，颜色搭配和谐，并且尽可能的做成有用又符合实际的秀丽网页。

其次个网页设计老师要求相对较高，用dreamweaver做一个比较接近真实的网页，还要做一个二级页面。于是开头收集各方面的资料。确定了主题就开头布局了。最开头使用了一个表格，然后在表格内进展拆分合并处理，接着就把通过ps处理出来一个版头并且把修改正大小的图片放进去了。

中间时预览，问题消逝了，觉察版头与下面的图片文字之间消逝了很大的一段距离，但是在软件中已经把距离缩小为0了，屡次尝试后没有效果。最终想到可以另外再加一个表格，把版头放在一个表格内面，这样问题就解决了。预览是效果还不错。但是总觉得首页做得太一般，一次扫瞄学长做的网页时，觉得他们的文字滚动窗口做得效果做得不错，于是想借见一下。就确定把自己网站的左边修改修改。复制了他的代码，把上面的内容修改成我的网站需要的文字。本以为可以轻松的`完成，但是却消逝大问题了。

由于需要滚动的文字占的空间太大，把左边的那局部表格全部占满了，而在实际的网页预览中，这个有文字滚动的框只占了左边Oeasy教你玩转网页设计扫瞄的工具建站程序三分之一，左边有三分之二留白了。我就想可不行以把文字这样一层层的放在上面，试了很多方法，在网站查了很多资料，可能由于没有专业术语作为搜寻的关键词，查不到任何相关的资料，试过div标签，试过不停的拆分表格，最终还是没有效果。就这样试着试着，突然想到了层这个概念。于是在布局中点击了绘制层，结果成功了，经过一些加工，最终成功的完成左边的布局。印象还比较深刻的是插入声音，记得老师曾经给我们讲过许屡次怎样插入声音，可是等到自己做网页的时候却遗忘了，于是问其他人，结果竟然都遗忘了，于是自己在百度上收。最终最终找到了一个可以使用的代码，但是在参与声音路径时消逝了问题。在属性内参与源文件，结果就是加不进去MP3的音乐文件，然后自己就尝试参与了一个视频，登记了路径格式，然后照着这种格式写下了指向声音源文件的路径，最终成功了。在设计过程中还消逝了很多的问题，但通过看书，上网查询，请教同学等方式，不断的学习、解决、提高，设计出的网页不管是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。热忱和执着，我将来设计出的网页会更加专业，更完善。

网页设计课程学习报告 篇3

网页设计的本质是为用户的体验服务，网页设计的具体设计实践活动主要包括交互和视觉两个部分，交互的重要程度决定了匹配对应的视觉效果。下面是小编整理的网页课程设计报告书，希望对你有帮助。

网页设计作为高校设计学专业的专业课程，在教学课程知识体系的不断探索和完善中，形成了以艺术和技术分别主导的侧重不同而又紧密关联的两种课程知识体系。随着网页设计理论与方法研究的不断深入和发展，人们对网页的产品设计的属性认知越来越明确，对网页设计的工作分工更细致也更专业，这种认知进步也应该体现于当前的高校网页设计课程的知识构建体系中。

1.从代码知识到网页制作工具知识的转变

早期，高校网页类课程的知识体系构建得益于院校的科研优势，互联网的发展直接促成了计算机专业的开设和网页设计课程的设立。20世纪90年代末，网页设计课程陆陆续续被列入部分高校设计类专业课程目录。面向高校学生的网页设计课程内容是一种全新的事物，即使面向艺术类专业，也由计算机专业相关教师承担教学任务。各高校、科研院所对网页制作方法不断探索，并将成果发布于各种学术研究出版物，教学方面则直接引用案例教学，教学内容以HTML知识为主。由于面向对象的设计思想在软件开发中普及，各种不需要用户直接面对代码的网页制作工具相继诞生，于是，这方面的知识成为课堂的新内容，大大减轻了学生的记忆负担。2.网页制作向网页美工的转变网站制作的快速发展、网页制作技术的传播，使网站在技术层面进入了同质化阶段，市场需求开始转向页面视觉效果方面的提升。在网页设计课程中，由于对网页设计分工认知不足，早期的网页设计课程时常将设计和制作的名称与授课内容混用，没有严格区分，也没有明确的网页前端设计与视觉设计分工。高校网页设计课程的授课内容以网页制作技术为主，以美化页面效果为辅。此时，高校对于网页设计课程的视觉设计方面的专业教学研究处于摸索阶段。之后，随着时代的发展，网页设计课程教学核心开始转变为制作具有更佳视觉效果的网页。3.网页视觉设计与网页前端设计的内容分离侧重于设计的网页设计课程知识体系重构从探索、发展到成熟，经历了较长的准备阶段。随着界面设计方法和流程理论体系的日益完善，分工协作机制日趋成熟，前端设计分离后，网页设计课程的重心确定为符合网页制作技术规范和条件的页面创意表达、视觉效果设计与优化。网页视觉设计的探索从传统的平面设计方法寻找切入点，通过对网页设计中的审美需求和各种视觉构成要素（如文字、图片、颜色等）进行分析，结合人们在浏览信息时的视觉习惯，探索网页视觉信息如何被更有效、更合理地表达。网页设计教学重心内容在转移到视觉设计之后，该阶段还未意识到网页交互设计的核心地位。

网页设计的本质是用户的体验设计。网站作为互联网非可触形态的产品，对其认知的构建包含产品属性认知与服务属性认知两个层面的内容。1.网页设计是一种产品设计设计是一门交叉学科，网页本身也是一种产品。网页设计最初被视作平面领域的设计，而链接交互是网页设计有别于平面设计的基本特征。网页设计存在交互性，使其具有交互设计可用性与易用性体验的内在要求，适用于工业产品的基本设计流程。2.网页设计是一种服务设计服务设计层面，各种网页交互体验、视听信息、线上内容服务与线下互动等，是网站向用户提供服务的设计组成部分。作为一种广义的产品形态，网页设计与传统的实物形态的工业产品设计有一定区别，更倾向于体验的系统化设计。随着互联网向物联网的可用技术研究与拓展，基于智能化网络的服务设计将成为跨越线上线下的.主流设计形态。3.网页页面信息设计是关系网页设计品质的深度设计网页设计作为一种信息量庞大的互联网单元，从工效学角度来看，网站信息本身也担负着面对用户、有效传递信息的功能和任务，在具体的设计活动中，表现为对信息的设计。信息设计具有多学科交叉性、空间多维性、时间流动性等基本特征，信息设计的目的是为了提高信息的可理解度和可阅读性。优质的网页信息设计可以降低用户获取信息的时间和精力成本，提升页面信息获取体验。

网页设计的本质是对体验的设计，即以用户为核心思考设计方案，研究用户在访问网站时的需求是网页课程设计任务的基本出发点。课程内容模块应该以回答网页设计是什么、怎么设计、为什么这样设计三个问题为主线，构建网页设计课程的知识体系。1.课程的基本目标掌握网站项目与网页制作的基本设计流程，培养设计项目管理和组织能力；掌握用户需求研究分析的基本方法，对用户体验和需求研究有较为敏锐的洞察力；掌握网站交互原型相关的设计方法与工具；掌握网页视觉设计方法和设计规范；了解目前网页前端设计的相关技术和工具。2.知识体系与模块组成（1）设计方法教学内容模块设计方法教学内容模块主要为了解决面对具体问题时设计师怎样展开分析研究工作并确定设计执行方案。网页设计方法主要分为项目流程设计与管理、网站策划方法与规范、用户体验研究、交互原型设计方法等，让学生通过贯穿整个课堂教学的项目流程设计和每个流程的具体设计方法的实践，掌握基本的设计理论。（2）软件工具教学内容模块软件工具教学内容在形式方面包括课堂内的指导和课堂外的自学两个部分。鉴于设计软件的频繁更新和新的设计软件不断涌现，教师必须培养学生自学工具的主动意识以适应社会需求。在工具种类方面，包括图形处理工具、交互原型工具和代码工具三类。第一类是图形处理工具，其中常见的Photoshop、Illustrator等图形设计软件，已经在前置课程中基本完成学习。第二类是交互原型制作工具，常见的工具有墨刀、Axure等。第三类是代码编辑工具，选择较多，作为对网页前端知识的入门介绍部分，在本课程中以介绍为主。（3）设计经验教学内容模块设计经验教学以启发式案例实践为主，按照网站项目设计的流程需要，设定不同层次、不同要求的设计实践任务作为课程结课的考核内容。学生通过案例的练习能从优秀作品中学到设计经验，从具体的案例模仿中获得设计的成就感。网页设计课程案例教学同时也是对网页设计方法的实践验证，有助于学生对网页设计方法的理解和体会。结语任何一种技术变革，都可能让网页设计出现新的艺术形态，前端依然是课程必须了解的知识。目前，就设计艺术角度而言，网页设计课程的内容以交互和视觉设计为基础，在信息设计层面也有较大的提升空间，设计途径也已经拓展到用户的视觉、行为、声音和逻辑等方面。网页设计课程的知识体系构建必须以产品的视角，让学生更深刻、更完整地理解用户模式下的网页设计艺术。