下面是范文网小编整理的网页设计报告3篇(web网站设计报告)，以供借鉴。
网页设计报告1
思科信息学院
专业实习报告
专 业：班 级：姓 名：
关于网页设计与编辑的实习报告
一、实习目的(一)检验自己是不是真的适合这个职业
鉴于自己对未来的职业生涯的规划更倾向于设计，这和自己所学的专业不是
十分有联系，所以我希望在实习的过程里思考自己未来是否适合从事这方面的工作，为以后求职之路少走弯路做一定的尝试。
(二)在实践中查漏补缺
在学校学习的网站建设知识仅仅停留在平时的作业里，并没有得到充分的运
用。希望可以藉由这次实习，好好巩固书面知识。在实际运用中通过发现问题，解决问题对知识进行查漏补缺。
(三)在工作中打磨自己
由于学校和社会是截然不同的生活、学习、工作氛围，在工作中我们不可以
像在学校一样随心所欲，待人接物方面需要更有礼貌的沟通和恰当好处的圆滑。希望在实习里，和同事上司的相处中获得这方面的成长。
二、实习内容
(一)实习主要内容
广州xxxx有限公司是一个研发和销售智能寄存柜的公司。它的产品在展示和
销售这两个环节很需宣传册、企业网站等作为一个推广媒介。我实习的主要内容就是配合网络部去完成网站建设的工作，涉及前台的外观设计和后台的代码编写，以及宣传册的设计。
1、负责设计公司整个企业网站的页面部分,根据网页设计师或客户所提供的主题要求和思路框架来设计出整个网站。
1）使用Photoshop、AI等图片处理软件设计、处理和制作网站上需要的图片
2）使用DIV+CSS样式及基础的HTML语言做页面布局的排版
3）使用Photoshop对网页进行配色及排版设计
4）编写CSS代码使网站页面无论是在IE浏览器里还是在FF浏览器上正常显示
2、负责网站的几个主体模块的文案撰写和后台编辑
1）在已有的文案上配合网站架构进行提炼和归纳整理
2）使用Photoshop对文案进行概念配图
3）在后台将文案部分合理配色排版
4）按照网站架构在后台录入所有产品资料
(二)工作过程
在公司的2个多月里，我的工作都是由负责整个网站文案架构的曹经理分配
监督的。确认实习机会前的面试的时候也是由他负责的。面试的时候他并没有过多的考察我在网站制作上的技术问题。更多的从我对网站设计方面的配色排版的现有审美以及做事的认真细致程度去考察的。从一开始我就以踏实认真的态度对待每一项他交付给我的任务。下面我挑选一些让我收获很多，学习很多，影响我很多，让我回想起来都是历历在目的事情重点说一下。
1、经理让我按照网页设计师提供的jpg稿变成div和css。
1）这个任务简单来说就是架构网页框架和完善里面的文本主体。里面涉及很多文本，我觉得既然有具体的设计稿就一定保存有文案，所以咨询了经理是否有必要花这部分时间去打文本。经理的回复是很有必要。他的意见是，让我重新输入文本可以帮助检查错误，同时可以让我更熟悉公司的产品和网站的主要内容，对我后面的工作有帮助。顿时知道，一个实习生想到的东四是多么的肤浅，对经理工作上的态度更是肃然起敬。
2）因为经理没想要让实习生负责过于复杂的事情，在这部分工作中设计的div 和css的内容并没有很复杂，需要的就是要注重细节。但实际上自己做事远没有自已一开始想象的那么能够静下心地考虑大局。只要想到一个觉得挺好的排版我就一下子全部套用了，以至于最后通过多次检查，发现这个排版有瑕疵的时候又要重头再来。这些经历都让我体会到比起表面的工作速度，有前面深思熟虑的慢节奏才能造就最终的高效率。所以一开始在用css排版的时候其实应该多做几个版本仔细做对比，看清楚哪个更合适才确定的。
2、经理让我设计几个栏目对应的banner图片
1）由于自己并没有专门学过banner规范和设计方面的专业知识，有的只是审美方面的一些小体会。接手这个工作需要花大量的时间去学习和参考。一开始略略觉得压力大，但是觉得经理让我去做，就是相信我的能力。所以我也没有慌，按照自己的节奏和需要边学边做。
从整体了解主题：自己找了多个类似的企业网站作参考，通过总结企业网站
中，几个主要的栏目在网站上具体意义，体会这对应的几个栏目banner的设计意义。
思考配色与构图：对整个内容有了一了解后，便要思考作品的色彩和具体的构图，先用笔画出草图，有时候也会直接在脑海里构思。除了从公司的角度，围绕要传达的东西去设计，我也充分意识到要转换身份从用户的角度出发，怎样才可以更吸引人。总体来说就是除了审美上的设计，也考虑很多目的性。
查找素材：素材这个问题我总结了一种思路，电脑里下载一些专业的“科技
信息”图库。另外配合专业在线图库网站(通常是国外站点)+Google，百度图片等搜索引擎进行即使的素材查找。再加上自己平时积累的素材，选择是非常大的。最后就是不断地观察对比最终效果，看哪几张banner图片更适合整体网站。
2）最终banner图片并没有全都采用我设计的，有一些还是因为不够大气被撤下来了。一开始我还挺灰心，觉得自己的付出没有得到认可。但是我知道当初经理就是感觉可以给我试一下，才给我这个机会去让我发挥一下的，所以我好好学习了别人的图片，看自己的和别人的差别在哪里，不浪费这次尝试性地努力。
3、经理让我参考旧网站单独做一个公司简介的页面
1）我知道经理的意思是重新排版成符合网站的配色。这样对我来说其实很简单。但是我从旧网站了解到公司简介那篇文案比较累赘，如果想要浏览网站的用户肯停留在这个页面多几秒，或者因为这个公司简介的页面而更信任这个公司的产品，更有冲动订个公司的寄存柜就要在文案的内容上下功夫，就要在表现上更生动，让人看着不会觉得文字流水账，很烦躁。
于是在经理没有给我严格期限的时候，我选择了按照自己的思路去修改文案，把多余的文字删掉，根据公司的优势修改出精简的几点，变得更有条理更有重点。
这只是对文案的初步处理，接着根据几个要点用Photoshop处理几张概念配
图出来，将公司寄存柜的技术水平之领先，应用领域之众多，销售范围之巨大等等用更生动形象的方式表现。从设想到思考中间的问题到最后的完成，花的时间虽然多，但是最终的效果得到了经理的肯定，对网站的宣传作用起到了很好的帮助，这都是值得的。
三、实习体会
做了2个月的网页设计和编辑的实习生，终于体会到网页设计并非只是图文混排的那点事。当你真正的去努力的创造了之后，经常被别人一眼就否定了。这才真正明白一个好的网页不只是效果华丽还要多从用户的角度去考虑问题。通过实习，我不仅将自己在学校学过的东西通过实践进步一巩固，也通过向公司的人请教学到很多工作上的技巧，更通过实习体会到很多没有人会教授给你的东西。工作是人生活的重要部分，是我们毕业生必须面对的。就算是遇到困难，我也会用平常的心态实际看待问题，不说“不可能”，而是冷静下来思考如何处理并付诸于实践。
在实习的日子，我学习到了很多如果没有这次经历，就不会有的细腻体会。
(一)深刻感受到什么是真正的细心
其实在高中甚至到大学，老师都总是强调“细心”,对于细心什么的我以前自我感觉还挺不错的。但是当老师在斤斤计较一个标点符号或者花时间可以渲染“细心”的重要性的时候我就觉得好小题大做那时的我觉得“细心”是你可以刻意去营造的状态。包括经理对我强调细致的时候我也是这样想的。我觉得只要想到考试的时候或者处理工作的事情的时候去跟自己说细心点就好了。但是在这个实习的过程里，因为无意和粗心犯下的错误，才让我明白老师反复说的话到底意义在哪里。往往一些不好的后果或者没有必要的错误，正正是在你认为不用细心和没有想过要去细心的行为后出现的。这才是我们为什么要养成这个习惯的原因。所以不管是生活中的小事情还是工作中的大事情，我们都要养成习惯，以细心认真的态度对待。
(二)主动思考的重要性
从学校走向社会，首要面临的问题便是角色转换的问题。从一个学生转化为一个单位人，一个单位人工作要考虑的问题就是如何发挥自己最大的价值为单位创造效益。做事要主动一点，这不是指一直主动问上司有什么事做，而是在别人交付你任务的时候自己主动想一下怎么做才更好，而不是把自己当一个机器人一样。就像做公司简介页面的时候，我把自己做得效果给经理看的时候，经理说“你真的很用心，很负责”，“你做的公司简介那个页面，让我感触很深”。
(三)、沟通的度要把握好
工作过程中有许多时候需要和经理进行沟通，但是我在沟通的度上没有把握
好。好像仗着自己是只做几个月的实习生，有些提建议的话没有用比较适合和委婉的语气表达。虽然经理没有明说，但是我自己意识到了。有些时候工作交接的时候，自己并没有很清楚细节，但是问太多又怕打扰到经理的工作，导致最终工作也没进行好。所以这个沟通的度要把握好。该问该说的都要说出来，只要是会影响到工作质量的都要礼貌地说出来。这样才是真正地为公司好。
总之，这次实习，自己确实学到了很多也成长了许多。在实习期间，每日重复单调繁琐的工作，时间久了容易厌倦。但是工作简单也不能马虎，你一个小小的错误可能会给公司带来巨大的麻烦或损失，还是得认真完成。这段时间，我看到了自己本身存在着许多问题，也会遇到这样那样的问题，当前的时代日趋复杂，不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够，缺点疏漏。需再加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后的工作存储更多的能力。
网页设计报告2
中南大学
本科生课程设计(实践)设计报告
(大学计算机基础)
题目
学生姓名
指导教师
学院
专业班级
学生学号 孙燕姿 刘辉 李小兰 资源与安全工程学院城市地下空间工程0701 0
3计算机基础教学实验中心
2008 年 1月21 日
《大学计算机基础》计算机实践任务书
班级：城地0701 时间： 19（周）2008-1-21（日期）指导教师： 李小兰
一、计算机实践的任务、性质与目的计算机实践是在学完《大学计算机基础》课程后，进行的一项综合实践。在实践当中学生应综合《大学计算机基础》课程的思想方法和知识点，设置一个网站，并在网站上发布一个综合内容的网页。通过《计算机实践》更进一步深入了解和掌握各种应用软件的使用操作及综合应用，重点在培养学生自学计算机应用软件、开发应用、动手和创新能力。
二、计算机实践的配套教材
建议选用：
1．《大学计算机基础》，高等教育出版社，主编 蒋外文刘卫国；
2．《大学计算机基础学习与实验指导》，高等教育出版社，主编 施荣华 王小玲。
三、计算机实践的内容及要求
1．学习掌握HTML语言和网页制作软件FrontPage 2003，制作网页；
2．学习掌握中文演示软件PowerPoint 2003的操作及使用，并用此软件设计一份综合演示报告（如：某公司的产品介绍；我校各专业介绍；学生简历等）挂在网页上；
3．对于网页和幻灯片的页面修饰要求用自己制作的动画、图形、图像；
4．对于网页页面要求至少3个页面（使用超链接），网页中的内容与学生所选主题相关；
5．对于PowerPoint 2003制作的幻灯片要求至少有5张，幻灯片中的内容与学生所选主题相关；
6．学习网站的设置和网页的发布，分门别类地放置在相应的文件夹中，规范网页文件名和素材文件名，网站的首页应取名为index。
作品存放在一个文件夹中，以学号（学生卡上的学号）为文件夹名。
7．用Word字处理软件撰写出相应的计算机实践报告论文（字数要求：2000字左右）。
四、考核方式与评分办法
1.出勤考核成绩占总成绩的20%；
2.设计成果评价占总成绩的 60%；
3.计算机实践报告评价占总成绩的 20%。
4.成绩册成绩评定方式采用百分制。
计算机基础教学实验中心
2006年11月4日
孙燕姿
一、任务内容
所有内容都是围绕孙燕姿展开,有关于孙燕姿的家庭，爱情，朋友，个人喜好，以及她出道7年来的专辑和获奖情况。
二、设计的步骤
我的主题就是孙燕姿这一个明星，因此我只设置了四个网页（包括一个主页），主页相关的三个链接分别有姿之歌（关于专辑），姿之画（关于动画）和姿采弥漫（燕姿的风采），其中姿之画网页中加入PPT的链接，在姿之画网页中专门放置flash，在姿之歌网页中加入word的链接以详细介绍燕姿的专辑风格，在主页中添加背景音乐（孙燕子的歌曲），在专辑中串入一个 flash。
我的所有材料都设置在以我的学号和姓名为名的主文件夹下,以一个以index为名的文件做为主目录，下面又分别设了七个子目录，分别将我使用和制作的内容分为了七类：，flash,powerpoint,word,声音文件，文字及图片。
三、采取的方法与手段
实验过程中主要使用了Frontpage，Powerpoint，Flash三个程序，有时也使用了图象编辑器，对于素材的来源则几乎都是从网上下载的，另外在制作过程中觉得对孙燕姿了解不足，在图书馆借了一本关于孙燕姿的书，从中汲取了很多关于她的信息，大受裨益。具体制作过程如下：
1)在插入背景音乐时，本来是不可以插入mp3格式的音乐，但是通过研究我直接将音乐的扩展名添加到路径中，这样Frontpage就可以识别我所插入音乐的路径，使得观看网页的同时也可以欣赏到孙燕姿动听的音乐《我要的幸福》。
2)对网页进行整体布局时，我先插入表格，然后调整其大小，在制作网页的过程中，发现图片及文字的位置总是在单元格的中间，并不如意，我就通过多次的拆分单元格以使界面上的文字和图象以及背
景图片完美的结合在一起。为了在布局上符合孙燕姿的独特风韵，我在使用背景或者字幕的颜色时，都是使用了孙燕姿最喜欢的黄色。
3)在制作网页中，我大量使用了Web组件，特别是在各个网页之间进
行链接时我采用了交互式按钮，从而使得各个网页之间能够连接自然，同时还设置了悬停效果，使得网页更加好看。
4)由于没有学会制作动态网页，但是为了达到动态的效果，我特意设
定了一个专用于展示flash的动画网页（姿之画），在这个网页上我一共放置了四个flash，让他们同时播放，给人一种不一样的感觉。
5)我的整个PPT是一总分式的思路，第一页就象一张封面，第二页是
对所有内容的总领，列出了下面所有幻灯片的主要内容，并且设置了和相应的幻灯片的链接，从而使所有的幻灯片形成一个有机的整体，这就是我的PPT大致框架。
6)制作PPT时，我引入了大量的图片，包括背景图片，主要以图文并
茂的形式介绍了孙燕姿的个性、爱心、家庭、男友，同时合理的搭配PPT中的各种各样的动画效果，让孙燕姿自然的走入观看者的心中。
7)我发现PPT中文本的布局相当单调，因此我很少按它的布局进行编
辑，而是在它的基础上添加文本，来是使我的布局更加的多样化，设计也更加灵活，自如。
8)另外，我在PPT也设置了和主页的超链接，同时也穿插一些动作设
置，加强各个幻灯片之间的联系。
9)在flash的制作中，我基本上都是在使用课堂上学的技巧，遮罩层，时间轴特效等等，其中，我将多个图层同时使用时间轴特效，并设置时间差，形成?我爱孙燕姿?五个字交错放大，效果很不错。
10)另外，在使用遮罩层的时候，我通过改变一个普通图层的属性使得
在一个遮罩层下面有两个被遮罩层，大大加强了图层的灵活性。
11)出于对千千静听歌词秀上的滚动效果的兴趣，我用flash模仿了这
种文字滚动，并在歌唱的部分高亮显示，尽量使其与歌词同步。
12)最后制作了一个让孙燕姿的照片滚动框，这种效果虽然简单却很好
看，我直接把flash的背景调到很小然后让所有要滚动的图片排列在一起，从背景那一小块上滚过，滚过的时候由于背景小就只能看到一到两张图片，这样就形成了图片滚动效果，这个flash占据空间狭小，却很好的增加了网页的色彩。
四、遇到的问题与解决的办法。
在制作网页初期，由于对frontpage没有很好的了解，所以在开始的时候不仅效率低，而且常常出错，后来我通过对相关资料的研究逐渐解除了心中的疑惑，并大胆构思，大胆尝试，初见成效。
1)刚开始最大的问题就是图片显示不出来，有时候把文件名改了一下，或者换了一个文件夹储存都会导致图片无法显示，后来经过分析和多次实验，才知道任何图片的显示都是依靠我们在保存和刚开始设计好的路径来寻找来源，从而显示图片，所以在后来制作的过程中，一旦插入了图片保存好路径之后就再也不去更改它的任何信息（也就是让它的属性保持不变）。另外，我还发现，添加了主题背景了之后就不能在上面添加图片了，所以要在设置主题之前把图片都插好。
2)在设置背景图片时，会发现图片太小的话，背景就变成多张重复的图片拼凑在一起，很不美观，所以我使用图片编辑器对背景大小做了调整，使得背景和网页内容可以很好的融在一起。另外我还利用图片剪辑得到了孙燕姿的个人签名（一般找不到她直接签名的图片，所以我就从有她的签名的照片上剪辑出来），使用孙燕姿的真实签名比使用艺术字更具有真实感和美感。
3)虽然在制作设计PPT时可以选择大量的效果，但有的时候还是觉得
它所提供的效果不太理想，所以常常不断的更改效果寻找我所需要的效果，后来才发现，PPT中所提供的效果是可以自己编辑的，在自定义动画的界面上，可以改变动作的方向，顺序，动作的背景音乐以及动作次数等等属性。
4)在制作flash最先遇到的问题是当我使用多个层的时候往往前一个
层的内容会影响下一个层的设计，使得多次实验都不得成功，通过询问同学学会了锁定层和隐藏层，这样一来，多个图层的操作变得
格外地得心应手。
5)在制作‘照片滚动框’的动画时，遇到了一个相当棘手的问题，这
个问题看似很简单如果不知道，就无从下手，因为要造成图片滚动，所以需要很多图片排成一条竖线，位置又要对齐，因此在移动图片时，如果一张一张的移，工作量非常之大，我想一次把他们都选中整体移动，但是图片的长度却大大超出了窗口的大小，我尝试着使用shift键，结果可以成功地同时选中，但是即使这样还是不能一次选中，也很费事，直到最后我试了一下ctrl+A，就一下子选中所有照片，快多了，移动也十分方便。
6)刚开始我构思了一个遮罩层运动的动画，我设计的遮罩层是一个透
明圆圈，我本来想让给这个遮罩层设置一个运动引导层，让它按我设计的运动轨迹运动，结果不行，设置了遮罩就不能设置引导层，试了好多次还是不行，没办法，我只好通过设置大量的关键帧，形成很多很小时间段的动画补间，形成遮罩层运动的效果，同时设计时要注意一点：要先设置好动画补间，最后再设定为遮罩层。设定了遮罩层之后就不可以制作动画补间了。
五、总结
? 首先，我发现我的一个错误，我总以为上了机再摸索就都自然
会了，实际在这次设计过程，理论的研究对我的设计达到了点石成金的效果，所以我认为在做实验之前先要对所使用的程序有一定了解再开始，否则很盲目，自信心也很受到很大的打击。? 其次，我觉得我们学的程序很多，但都仅仅只会使用它们很简
单的一部分功能，没有做深入的了解。
? 最后，我认为做计算机方面的作业，最最重要的是坚持不懈不
放弃，因为我们在完成某一项任务时，往往要经历多次失败才能找到捷径，由于没找到捷径，做起来特别吃力，但却只有尝试了之后才能找到捷径，所以越是麻烦越是不能放弃，否则就永远找不到捷径，就会更加的麻烦。
? 另外，感觉做计算机作业特别有成就感。
网页设计报告3
电商2班李彪
网 页 设 计 报 告
电商2班李彪
设为首页
网页设计报告3篇(web网站设计报告)相关文章：