网页设计报告书样例精编8篇

【导读预览】此篇优秀范文“网页设计报告书样例精编8篇”由阿拉题库网友为您整理分享，以供您参考学习之用，希望此篇资料对您有所帮助，喜欢就复制下载支持吧！

网页设计报告书【第一篇】

网页设计

实习报告

实习目的

：熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。培养我们利用计算机进行商务网页设计的    基本思路和应用开发能力，提高我们的计算机文化素质。

网页是世界上最有价值的不动产之一。人们在这个不足平米的空间内投资达数百万美元。网页对公司的影响比简单的电子商务增收方法大得多；网页也是公司对外的脸面。web站点就像一栋房子，它的每一个窗口都可以看成一扇门，人们可以沿着搜索引擎其他web站点的链接，绕过主页而进入web的深层。

一.网站的整体规划

1.讨论网站主题：因为自己对普罗旺斯很感兴趣，于是就想到要是一下为心中的仙境设计一个旅游网站。

2.定位网站ci形象：旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。于是在网页设计上面，根据普罗旺斯梦幻般的意境，我采用的是清新隽永的ci形象。使浏览者有宾至如归的感受。

3.确定栏目和板块：

1]首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。

2]其次就应该考虑导航条的设置了。

3]正文的框架设置 （横向因素和纵向因素交错）

在浏览了很多精美的旅游网站之后，再结合自己的想法，我先在草纸上画出了大体的栏目和板块。

4.网站的整体风格和创意：建立一个浪漫的旅行网站，走映像派路线，目的务必使浏览者留下映像。

二.网页制作的前期策划与准备

1.资料的搜集：由于个人的爱好，我很早以前就收集了许多普罗旺斯的美图，这次就方便多了。接着就搜集了一些有梦幻效果的网页背景，fiash源代码、小图标和一些gif的动画等。

2.熟悉制作工具软件：

主页制作的基本条件有：

硬件：

软件：

图像处理软件：常用的有photoshop、flash、fireworks 等；

文件上传软件：常用的有cuteftp、wsftp等。

三.网页制作

真的是万事开头难啊，遇到了很多问题，比如：插入的图片不符合规格，一下子把其他内容的框架挤开；插入的层太多，大一点的就把小一点的给覆盖掉了；插入的flash不能产生效果。总之问题一箩筐。实践出真知，原来自己还有那么多欠缺的知识。于是回归本源，先把课本上的东西弄通再谈其他。然后又到图书管里借了几本网页制作方面的书籍来参考。

在对基本知识有了详细的了解之后，做起东西来就得心应手多了，知道引导页能过加映像之后，我决定为我的网页设计一个引导页。

然后是主页和二级页面的设置。要注意,网上只能使用jpg和gif两种图象格式，其他诸如bmp和tif等很通用的格式都不能用在网上,因为它们太大了,但可以用图象软件进行转换，比如office 97的照片编辑器。把准备在主页上出现的图象放进相应的目录里后.

在一步一步的边学边做的过程中，看着心中的东西一点一点的出来，真的很有成就感。虽然自己的网页技术还差的远，但是回顾一下这周真的学到了很多的东西。

四.网页的调试

之前把作过的东西放到u盘里，发生过图片显示不出来的状况，还好即使找到了解救的方法，把源文件和web页面放到一起这样就算路径改变的话也不会影响页面的效果。

总结：在,不论你是资产上亿的大公司,还是捉襟见肘的穷学生,只要你建立了自己的网页,你们的地位就是平等的。经过这周的相关学习，我了解到网页设计与制作是一门庞大的工程。网站的反馈与评价网站要注意经常维护更新内容、保持内容的新鲜,不要做好就放到服务器永远不变了,只有不断地补充、更新内容、才能够吸引浏览者.维护更新时可以充分利用dreamweaver提供的模板和库技术,以提高工作效率. 一个真正的网站,不仅应该实现传统媒体的电子化,给用户提供需要的内容、而且还应该做更多的事情、完成比页面浏览更高层次的需求,例如收集信息,数据传递,数据存储以及系统维护等.自己还有许多要学习的地方。

-->

网页设计报告书【第二篇】

熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。培养我们利用计算机进行商务网页设计的基本思路和应用开发能力，提高我们的计算机文化素质。网页是世界上最有价值的不动产之一。人们在这个不足平米的空间内投资达数百万美元。网页对公司的影响比简单的电子商务增收方法大得多；网页也是公司对外的脸面。web站点就像一栋房子，它的每一个窗口都可以看成一扇门，人们可以沿着搜索引擎其他web站点的链接，绕过主页而进入web的深层。

20xx年xx月xx日——20xx年xx月xx日。

xx。

（一）网站的整体规划

1、讨论网站主题：因为自己对普罗旺斯很感兴趣，于是就想到要是一下为心中的仙境设计一个旅游网站。

2、定位网站ci形象：旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。于是在网页设计上面，根据普罗旺斯梦幻般的意境，我采用的是清新隽永的ci形象。使浏览者有宾至如归的感受。

3、确定栏目和板块：首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。其次就应该考虑导航条的设置了。正文的框架设置（横向因素和纵向因素交错），在浏览了很多精美的旅游网站之后，再结合自己的想法，我先在草纸上画出了大体的栏目和板块。

4、网站的整体风格和创意：建立一个浪漫的旅行网站，走映像派路线，目的务必使浏览者留下映像。

（二）网页制作的前期策划与准备

1、资料的搜集：由于个人的爱好，我很早以前就收集了许多普罗旺斯的美图，这次就方便多了。接着就搜集了一些有梦幻效果的网页背景，fiash源代码、小图标和一些gif的动画等。

2、熟悉制作工具软件：xx、xx、xx。

3、主页制作的基本条件有：xx、xx、xx。

4、硬件：xx、xx、xx。

（三）网页制作

真的是万事开头难啊，遇到了很多问题，比如：插入的图片不符合规格，一下子把其他内容的框架挤开；插入的层太多，大一点的就把小一点的给覆盖掉了；插入的flash不能产生效果。总之问题一箩筐。实践出真知，原来自己还有那么多欠缺的知识。于是回归本源，先把课本上的东西弄通再谈其他。然后又到图书管里借了几本网页制作方面的书籍来参考。

在对基本知识有了详细的了解之后，做起东西来就得心应手多了，知道引导页能过加映像之后，我决定为我的网页设计一个引导页。

然后是主页和二级页面的设置。要注意，网上只能使用jpg和gif两种图象格式，其他诸如bmp和tif等很通用的格式都不能用在网上，因为它们太大了，但可以用图象软件进行转换，比如xx的照片编辑器。把准备在主页上出现的图象放进相应的目录里后.

在一步一步的边学边做的过程中，看着心中的东西一点一点的出来，真的很有成就感。虽然自己的网页技术还差的远，但是回顾一下这周真的学到了很多的东西。

（四）网页的调试

之前把作过的东西放到u盘里，发生过图片显示不出来的状况，还好即使找到了解救的方法，把源文件和web页面放到一起这样就算路径改变的话也不会影响页面的效果。

实习期结束后，我和其它同事得到了正式合同并留在了这家公司，通过这次工作，我得到的最大体会就是，如果一个人在社会上没有一技之长，那他是没有办法很好的活下来的，只有不断的加强自身专业技能学习才行。所以，尊敬的老师，我会在业余时间好好学习，加强自己的专业能力，使自己变得更强，只有这样才能上到为国家、为社会做出贡献，下到为自己、为父母、为学校交出一份满意的答卷。

网页设计报告书【第三篇】

实习目的1、通过实习，使学生加深对所学课程内容的认识、理解、掌握，达到对所学知 识、技能系统化、条理化的目的，巩固、提高学习效果。

2、通过综合应用实习，熟练掌握 dreamwervermx8、flash mx8、fireworks 8 的各项操作并能够掌握制作网页的技能，根据所学技能学以致用，解决实际问 题，提高操作应用熟练程度。

知道 dreamwervermx8 是 及网页制作和网站管理于一身的网页制作软件，它是专门为网页设计师量身定制的可视化网页制作软件，利用它可以为方便、快捷地制作跨平台话浏览的动感网业。

了解 fireworks 是处理图片的软件，使用它可以创建和编辑位图、矢量图 形，还可以非常轻松的做出各种网页设计中常见的效果，例如动画、转换图像、导航条、下拉菜单等。设计完成以后，如果要在网页设计中使用，可将它输出 为 teml 文件，还能输出在 photoshop、illustrator 和 flash 等软件中编辑的 格式。

通过对 flash 的学习，掌握如何处理矢量图形，制作矢量动画，掌握如何 添加音乐、时动作控制在 flash 内容和集成 flash 影片，了解 actionscript 脚 本语言创建交换形式、在实习的过程中巩固了对前面的知识的学习，加深对知识的了解，进一步 对网页设计的见解，也突出了个人的特点，运用所学的知识做出了让自己满意 的作品。

四、实习内容及方法

一、实习任务：

1、通过仔细阅读网页设计及网站规划课程教材、网上资料、教参等相关 内容，加深对相关概念的理解、理论的理解、掌握、运用。

2、严格按照实习指导书的相关要求，完成了各项综合操作，并将相应图像制作、动画制作和页面设计的作品进行了保存。 3、及时积极完成各项实习报告的撰写。

4、实习结果及实习项目严格按照要求及时保存、展示。

二、实习内容：

（一）、使用 dreamwervermx8、flash mx8、fireworks 8 完成惠尔公司网 站。（二）、dreamwervermx8、flash mx8、fireworks 8 的使用方法和制作技 巧。

1、创建一个站点：

站点的名称就是“惠儿网站”,站点创建成功命一个首页是 再下面创建了 5 、、、、。其示意图如下：

2、网页中的图像处理：

利用 photoshop、和 fireworks 通过处理风景图

在里面运用到滤镜的工具目的是让图片更加的形象逼真，处理后的图 片效果如图所示：

3、布局与表格的编排：

在网页设计中我偏好用表单编排一般情况下我的布局是在一个大的表 单里写很多文字插入许多图片。其版面如图所示：

1.

二级页面制作方法如法炮制。4、网页的链接

网站中重要的就是各个子网页与主页面之间的链接，如果没连接好或 者链接错误就会影响整个网站运行的效果。列如 我要把产品列表这 个二级网页跟主网页 链接方法如下：

回到 /点击页面右下方的链接文件夹，找到我要链接的二级 网页。

打开/链接后我的链接字体会变成我所设置的字体颜色，这样表明我的 链接成功。

预览后在主页面点击“产品列表”就会显示到我的产品列表二级页面。

其他页面方法同上。

产品列表：将“产品列表”同 首页进行链接，然后预览成 功！邮箱登陆：将“邮箱登陆”同 首页进行链接，然后预览成 功！

联系我们：将“联系我们”同 首页进行链接，然后预览成 功！

公司简介：将“公司简介”同 首页进行链接，然后预览成 功！

5、层与行为的应用

“跟踪图像”。这个跟踪图像将作为“层”布局页面的参照对象。

2)选择“查看”----“标尺”----“显示，打开标尺 ”

3)选择“查看”----“网络”----“显示网络”，4）在“网格设置”对话框中，选中“显示网格”和“靠齐到网格”

5）为了防止层的重叠，需要打开“层”面板。选择“窗口”，“层”，打开层面板。

1）打开 flash 软件，在里面建立 8 个图层。并且准备一副适合做标示的图片。

2）在图层 1 上做 1 帧到 160 幀的普通帧、在图层 2 上从第十帧开始

插入关键帧 25 帧结束，在第 10 帧上写入“同”字，在 25 帧上写 “心”字，再回到第 10 帧创建补间动画。在图层 3 上创建帧从 25 帧到 40 帧结束在 25 帧上写“协”字创建关键帧到 40 帧写“力” 字，再返回到 25 帧创建补间动画。在图层 4 上从 40 帧到 55 帧结 束在 40 帧上写“共”创建关键帧到 55 帧写“创”字，在图层 7 上从第十帧开始插入关键帧 25 帧结束，在第 10 帧上写入“辉” 字，在 25 帧上写“煌”依次而下做到 160 帧。

3）帧做好后敲击 enter 键就可以播放 flash 动画，如果想插入网页就

按步骤走，文件—导出—导出影片，/最后点击保存。

7、网页特效设计

在这里我给自己的网页设计的特效是 让一行字体在来回跑动方法如下：

1）选中你要设计特效的字体选择工具栏上的标“签选择器”，“html” 插入,关闭

2）然后预览就会出现从右到左的字幕。8、控制多个影片的播放

制作的方法：

网页分隔线可以说是网页中不可缺少的元素，它主要用于分隔网页内 容也可以用于装饰网页。在网页中插入一个层，然后在层中插入一 个表格，设置表格的间距，然后在表格的单元格中插入图片，设置 时间轴。调出时间轴，在时间轴必要的地方添加改变属性行为，并 设置层对象的属性添加行为和改变属性。

五、结论

1、收获

photoshop、fireworks、dreamweaver、flash 的应运更加熟练.在制作网站的过程中，我们参照老师给的惠尔公司网站图片，尽可 能地想把我们自己的网站做的美观、内容丰富。网页制作需要有很多 的色调搭配能力和很好的布局能力，再加上自己的风格创新能力，才 能做出精美的网站。在这几天的实习中，我学到无论作什么事都要有 细心有耐心。尤其是在新疆停网的状态下，搜集不到素材，所以，在 网页的制作上还是有一定的局限性。网站的布局上我也突出了自己的 特点。尤其是在制作 flash 的时候老师给予了很大及时的帮助，让我 在制作的时候不至于给我带来很大麻烦。同时，也希望我们能利用我们学习的知识技能更好的为学院，为同学们服务，也希望我们能够互 相学习，互相取长补短，使我们每个同学能够更好的进步。

2、不足

在实习中我发觉网站的制作过程中，1、自己脑袋里没有装东西（网站的综合布局、网页的构思和编排）

甚至老师把作业布置下来自己还不知道该从那个地方着手很是茫 然。

2、自己的阅历不够，自己的网站应该是一个怎样的网站，里面要放

些啥内容，该怎样去组织这些内容，心里没底。

3、尤其是老师在前面教过的内容自己没有及时的练习和巩固，以至

片都不能做出自己想要的效果。最重要的是在制作网页的时候，色彩搭配特别重要，而我自己对颜色的搭配不是很了解，感觉做 出的东西老是颜色深的地方特别深，淡的地方特别淡，感觉不协 调。

5、新疆停网的原因，使我们在素材的搜集上变得很被动，所以导致

做出的东西很简单，所以我觉得，知识应用的全部全还要看准备 是否充分。

6、在以后的学习中我会更加认真地去学习，去掌握这些软件的用法，便于在以后做东西的时候能更好地运用。

六、致谢

在网页实习结束的时候我要感谢辛勤的班主任老师，在这个学期代我 们的网页设计以外还代了很多别的课，所以很辛苦，在上课期间和实习期 间同学在学习中遇到问题都耐心的为他们讲解直到他们听懂为止。正是在 老师的号召下我们对网页设计的兴趣也非常的浓厚，在实习中我发现很多 同学的网站做的很好很有特色，这都少不了老师的指导。在老师的带领下 我们学到很多书本上学不到的东西，相信在以后找工作中我们会多了一个 筹码。

其次，要感谢学校给我们安排了期末的课程实习，让我们能在学期末 重新温习和总结整个一学期以来学习的知识，并且总结自己的不足，在以 后的学习中能够加以改正和补充。

最后，再次感谢学校和指导的老师！

网页设计报告书【第四篇】

网页设计心得体会。

我利用寒假的时间，对网页设计进行了初步的认识和了解，并基本掌握dreamweaver的应用。

通过对网页设计书籍的翻阅，我学习到了一些关于建设网站和制作网页的知识，在实践查阅资料时，对flash也有所了解。

我还了解了一些基础的网络技术。

通过学习，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。

尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。

在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，他是、flash、fireworks等网页软件的综合应用。

下面阐述一下我在翻阅《dreamweaver》时的一些关于网页设计的见解。

在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。

首先，要·确定网页设计的内容一个优秀的风站要有一个明确的主题。

整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用;其次，要了解你网站所在行业的客户，及你的网页属于哪个类别。

用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去.

在完成以上的基本内容之后网页的基本框架便成形成了，

下面要开始的便是优化工作，

内容是整个网页的核心。

在网页设计之前必须明确网页的内容安排。

优秀网页设计是要建立在平凡的基础上的。

然后在具体的规划一个网页时，可以用树状结构先把每个页面的内容大纲列出来，尤其要制作一个大的网站 (有很多页面) 的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，很浪费时间和财力。

大纲列出来后，还必须考虑每个页面之间的链接关系。

是星形，树形，或是网形链接。

这也是判别一个网站优劣的重要标志。

链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。

框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也会为主页将来发展打下良好的.基础。

下一步，就以动手制作具体内容了，题材选定，框架选定，接下来就开始往主页里面填内容。

如果是个人主页，有能力的人完全可以靠自己来创作所有的内容。

大部分人的方法是：从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。

另外一个好的方法是从网络上收集，您只要到搜索引擎上查找相应的关键字，就可以找到一大堆的资料。

在准备材料的时候我们可以用一些小的动画和动态图片，flash提供了功能齐全的绘图和编辑图形工具。

可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互a性”强。

在动画播放时，可以用鼠标或键盘对动画的播放进行控制，效果可以很直观的反映出来。

然后是开始正式制作主页。

通过dreamweaver作为制作软件，只需要用到软件中的一些基本的功能：图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。

总体来说，通过这个假期对网页设计的学习，有收获也有遗憾。

但是，我已经迈入了网页设计的大门，只要我再认真努力的去学习，在今后的闲余时间学习制作网页的更多知识以实现自身技能的提高，我坚信将来设计出的网页会更加专业，更加华丽，使它最终成为自己的一项技能。

不知不觉,二个星期的《网页设计与网站建设》课程的实操即将过去,回顾这一段日子,真的令我体会很深,也学会很多东西,懂得很多以前不懂的东西,也明白了一些事情.

自从第一天接触《网页设计与网站建设》课程,我以下定决心要把网页这门课学好,做出一个优秀的网站.所以我时刻没有错过任何学习的机会,无论在课堂上,还是在课外上.更何况这一次实操.回顾今次的实操我觉得我过得很充实,很有意义,因为我可以诚实的说我在实操没有玩过一次游戏,我每时每刻都在设计网站,还记得晚上做网站做到一、二点，可能有人会说我傻，但正因为这个傻的行动，令我学会很多东西，学会别人不懂的东西，做出一个令自己满意的网站，可能跟别人比还需要继续完善，但我不会因为实操结束，就把网页设计抛到九霄云外，我会继续学习网页设计技术，把它变为自己的一项特长。

回顾第一天的《网页设计与网站建设》课程实操，老师叫我们继续完善以前设计的网站，做出留言板、注册的功能。

我很快就完成了，但可能我是一个追求完善的人，所以尽管一个网站做好可以马上交给老师。

但我做出一个别人都不赞同的决定，从头开始做一个网站。

因为我觉得以前那个真的不是太好，尽管实操的时间过去了一半，尽管别人对我说你交原来这个不就行了吗!何必再做一个呢?但真因为我的执著，追求成功，追求完善的人，才会使我今天交出一个令自己满足的答卷。

在制作个人网站时我们首先：

一、必需进行个人网站前台功能设计

包括个人网站主题的确定，前台功能设计与管理、个人网站主页设计、个人网站留言板、注册、忘记密码、搜索等网页设计与管理。

二、对个人网站后台管理功能设计

包括个人网站后台管理功能的设计、后台管理信息系统功能的设计、后台系统权限管理、后台文件管理、个人网站后台管理系统主页设计。

三、网站的发布

通常我们发布一个网站可能以能过域名注册，但我们也可以利用自己主机，装了iis别人就可以通过我的ip地址来访问我的主页。

第一次做的那个网页我已经发布在上网了。

四、个人网站推广

一个网站做好了，就要对个人网站进行推广，这是一个电子商务网站必需做得的一步，因为如果你不对你的网站进行推广，就算你发布了也没有人会知道的。

在设计这个网站时真的体会很多东西，从一开始网页主题的确定，到主页总体的设计、搜集资料、前台功能设计与管理、后台功能设计与管理、每个分页面的设计等。

我都一一进行了规划，因为如果你不规划好，想做什么就做什么，是不会做得好的。

因我为体会到这一句话：“机会中属于有准备的人”。

我详细到一个表格宽度都一一列明。

例如：775宽度，分三栏，每一栏占多少。

因为我深深懂得“细微处才见真功夫”。

在这次实操过程中令我印象最深的是做留言板，因为刚好在上一个星期sql数据库实操做过了，所以今次在做就比较轻松，但我以前是经过一个比较长的练习，做完了n次，可能有人会想，肯定是不会才做这么多次啦!但我想告诉这位同学我每次做得都不是不同的方法。

第一次我用的是access数据库，第二次我用的是sql数据库加权限管理，第三次我用的是数据源名称的连接，第四次我用的是自定义连接字符串，第五次……每一次用的方法都是不同的，可能有人会说我傻，会一种方法就行了，还要那么多吗?但我想说的就是不是这么多次的练习，不是之么多次不同的方法，也就不会造就出今天熟能生巧的我，也不会对同学提出的问题解决到，也不会轻松教会同学，因为你自己首先学会，学通，学广，才能把问题一一的解决。

令我难以忘怀的镜头也是在做留言板的时候，但不是为我自己的而做，而是一步一步教同学做，直到令同学学懂;把同学留言板的问题一一解决;当同学因为做不出而没心情，过去对她进行鼓励的，然后一一解决;当自己也不会，与同学共同研究的情况，这种学习氛围是最难得的，就是在做留言板的时候，令我深深体会到我几句话：认真做事只是把事情做对，用心做事才能把事情做好。

把每一件简单的事情做好就是不简单，把第一件平凡的事情做好就是不平凡。

-->

网页设计报告书【第五篇】

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

1、视听元素

这里所说的视听元素，主要包括:文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文字、图形、动画，还是音频、视频，网页设计者所要考虑的是如何以感研究的形式把它们放进页面这个“大画布”里。多媒体技术的运用大大丰富了网页设计的表现力。

以上各视听元素大多数浏览器本身都可以显示或收听，无需任何外部程序或模块支持。比如，大部分浏览器都可以显示gif、jpeg图形和gif89a动画。还有些多媒体文件(如mp3音乐)需要先下载到本地由?上，然后启动相应的外部程序来播放。另外，在浏览器使用插件(plug-in)可以播放更多格式的多媒体文件。微软推出ie浏览器后，提供了基于ole的activex技术，用来在网页中播放多媒体。目前activex已经成为热门技术。另一种播放多媒体的技术是javaapplet。它是用java语言编写的应用于网页之中的小应用程序，相比于插件和activex，javaapplet具有更大的灵活性和良好的跨平台能力，因此具有很好的发展前景。总之，技术的不断发展使多媒体元素在网页设计中的综合运用越来越广泛，使浏览者可以享受到更加完美的视听效果。这些新技术的出现，也对网页的艺术设计提出了更高的要求。

2、版式设计

网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，它在网页的艺术设计中占据着重要的地位。所谓网页的版式设计，是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，将理性思维个性化的表现出来，是一种具有个研究风格和艺术特色的视听传达方式。它在传达信息的同时，也产生感官上的美感和精神上的享受。

但网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸，网页则不然，它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且，网页的组织结构不像印刷品那样为线性组合，这给网页的版式设计带来了一定的难度。

网页作为传播信息的一种载体，同其他出版物如报纸、杂志等在设计上有许多共同之处，也要遵循一些设计的基本原则。但是，由于表现形式、运行方式和社会功能的不同，网页设计又有其自身的特殊规律。网页的艺术设计，是技术与艺术的结合，内容与形式的统一。它要求设计者必须掌握以下三个主要原则:

1、主题鲜明

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

根据认知心理学的理论，大多数研究在短期记忆中只能同时把握4到7条分立的信息，而对多于7条的分立信息或者不分立的信息容易产生记忆上的模糊或遗忘，概括起来就是:较小而分立的信息要比较长而不分立的信息更为有效和容易浏览。这个规律蕴含在研究们寻找信息和使用信息的实践活动中，它要求视觉设计者的网页设计必须自觉地掌握和遵从。

作为视觉设计范畴一种的网页设计，其最终目的是达到最佳的主题诉求效果。这种效果的取得，一方面通过对网页主题思想运用逻辑规律进行条理性处理，使之符合浏览者获取信息的心理需求和逻辑方式，让浏览者快速地理解和吸收;另一方面通过对网页构成元素运用艺术的形式美法则进行条理性处理，更好地营造符合设计目的的视觉环境，突出主题，增强浏览者对网页的注意力，增进对网页内容的理解。只有两个方面有机地统一，生能实现最佳的主题诉求效果。

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

只注重主题思想的条理性而忽视网页构成元素空间关系的形式美组合，或者只重视网页形式上的条理而淡化主题思想的逻辑，都将削弱网页主题的最佳诉求效果，难以吸引浏览者的注意力，出现平庸的网页设计或使网页设计以失败 而告终。

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

2、形式与内容统一

任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和，是设计存在的基础，被称为“设计的灵魂”;形式是构成内容诸要素的内部结构或内容的外部表现方式。设计的内容就是指它的主题、形象、题材等要素的总和，形式就是它的结构、风格或设计语言等表现方式。内容决定形式，形式反作用于内容。一个优秀的设计必定是形式对内容的完美表现。正如黑格尔所说:“工艺的美就不在于要求实用品的外部造型、色彩、纹样去摹拟事物，再现现实，而在于使其外部形式传达和表现出一定的情绪、气氛、格调、风尚、趣味，使物质经由象征变成相似于精神生活的有关环境。”(黑格尔美学第三卷)

一方面，网页设计所追求的形式美，必须适合主题的需要，这是网页设计的前提。只讲花哨的表现形式以及过于强调“独特的设计风格”而脱离内容，或者只求内容而缺乏艺术的表现，网页设计都会变的空洞而无力。设计者只有将二者有机地统一起来，深入领会主题的精髓，再融合自己的思想感情，找到一个完美的表现形式，生能体现出网页设计独具的分量和特有的价值。另一方面，要确保网页上的每一个元素都有存在的必要性，不要为了炫耀而使用冗余的技术。那样得到的效果可能会适得其反。只有通过认真设计和充分的考虑来实现全面的功能并体现美感生能实现形式与内容的统一。

据有关资料所做的保守估计，目前在上网页数据传输平均以每秒1、5k的速度到达客户端。假设某个网页为了丰富其艺术性而追赶时髦地大量使用图像或其它多媒体元素等，虽然达到了其静态形式美的效果，却造成多达几十k甚至更大的网页数据，使浏览者必须等待很长时间生能看到“庐山真面目”，这样的网页就不是一个优秀的网页，因为它不符合网页传播信息的突出特性之一——快捷性，使网页内容不能很快地到达访问者，影响了访问效果和质量，损害了访问者的情趣和积极性，这种技术要素影响了传达信息的效果，因而不是形式与内容的完美统一。

网页具有多屏、分页、嵌套等特性，设计者可以对其进行形式上的适当变化以达到多变性处理效果，丰富整个网页的形式美。这就要求设计者在注意单个页面形式与内容统一的同时，更不能忽视同一主题下多个分页面组成的整体网页的形式与整体内容的统一。

因此，在网页设计中必须注意形式与内容的高度统一。

3、强调整体

网页的整体性包括内容和形式上的整体性，这里主要讨论设计形式上的整体性。

网页是传播信息的载体，它要表达的是一定的内容、主题和意念，在适当的时间和空间环境里为研究们所理解和接受，它以满足研究们的实用和需求为目标。设计时强调其整体性，可以使浏览者更快捷、更准确、更全面地认识它、掌握它，并给研究一种内部有机联系、外部和谐完整的美感。整体性也是体现一个站点独特风格的重要手段之一。

网页的结构形式是由各种视听要素组成的。在设计网页时，强调页面各组成部分的共性因素或者使诸部分共同含有某种形式特征，是求得整体的常用方法。这主要从版式、色彩、风格等方面入手。例如:在版式上，将页面中各视觉要素作通盘考虑，以周密的组织和精确的定位来获得页面的秩序感，即使运用“散”的结构，也是经过深思熟虑之后的决定;一个站点通常只使用两到三种标准色，并注意色彩搭配的和谐;对于分屏的长页面，不可设计完第一屏再考虑下一屏。同样，整个网页内部的页面，都应统一规划，统一风格，让浏览者体会到设计者完整的设计思想。

从某种意义上讲，强调网页结构形式的视觉整体性必然会牺牲灵活的多变性，“物极必反”就是这个道理。因此，在强调网页整体性设计的同时必须注意:过于强调整体性可能会使网页呆板、沉闷，以致影响访问者的情趣和继续浏览的欲望。“整体”是“多变”基础上的整体。

1、交互性与持续性

网页不同于传统媒体之处，就在于信息的动态更新和即时交互性。即时的交互性是web成为热点的主要原因，也是网页设计时必须考虑的问题。传统媒体(如广播、电视节目、报刊杂志等)都以线性方式提供信息，即按照信息提供者的感觉、体验和事先确定的格式来传播。而在web环境下，研究们不再是一个传统媒体方式的被动接受者，而是以一个主动参与者的身份加入到信息的加工处理和发布之中。这种持续的交互，使网页设计不像印刷品设计那样，发表之后就意味着设计的结束。网页设计研究员必须根据网站各个阶段的经营目标，配合网站不同时期的经营策略，以及用户的反馈信息，经常地对网页进行调整和修改。例如，为了保持浏览者对网站的新鲜感，很多大型网站总是定期或不定期的进行改版，这就需要设计者在保持网站视觉形象一贯性的基础上，不断创作出新的网页设计作品。

2、多维性

多维性源于超级链接，主要体现在网页设计中对导航的设计上。由于超级链接的出现，网页的组织结构更加丰富，浏览者可以在各种主题之间自由跳转，从而打破了以前研究们接收信息的线性方式。例如，可将页面的组织结构分为序列结构、层次结构、网状结构、复合结构等。但页面之间的关系过于复杂，不仅使浏览者检索和查找信息增加了难度，也给设计者带来了更大的困难。为了让浏览者在网页上迅速找到所需的信息，设计者必须考虑快捷而完善的导航设计。

3、多种媒体的综合性

目前网页中使用的多媒体视听元素主要有文字、图像、声音、视频等，随着网络带宽的增加、芯片处理速度的提高以及跨平台的多媒体文件格式的推广，必将促使设计者综合运用多种媒体元素来设计网页，以满足和丰富浏览者对网络信息传输质量提出的更高要求。目前国内网页已经出现了模拟三维的操作界面，在数据压缩技术的改进和流(stream)技术的推动下，inter网上出现实时的音频和视频服务，典型的有在线音乐、在线广播、网上电影 、网上直播等。因此，多种媒体的综合运用是网页设计的特点之一，是未来的发展方向。

4、版式的不可控性

网页版式设计与传统印刷版式设计有着极大的差异:

(2)网络正处于不断发展之中，不象印刷那样基本具备了成熟的印刷标准;

(3)网页设计过程中有关web的每一件事都可能随时发生变化。

这一切说明，网络应用尚处在发展之中，关于网络应用也很难在各个方面都制订出统一的标准，这必然导致网页版式设计的不可控制性。其具体表现为:

(1)网页页面会根据当前浏览器窗口大小自动格式化输出;

(2)网页的浏览者可以控制网页页面在浏览器中的显示方式;

(3)不同种类、版本的浏览器观察同一个网页页面，效果会有所不同;

(4)用户的浏览器工作环境不同，显示效果也会有所不同。

把所有这些问题归结为一点，即网页设计者无法控制页面在用户端的最终显示效果，但这也正是网页设计的吸引研究之处。

5、技术与艺术结合的紧密性

设计是主观和客观共同作用的结果，是在自由和不自由之间进行的，设计者不能超越自身已有经验和所处环境提供的客观条件限制，优秀设计者正是在掌握客观规律基础上得到了完全的自由，一种想象和创造的自由。网络技术主要表现为客观因素，艺术创意主要表现为主观因素，网页设计者应该积极主动地掌握现有的各种网络技术规律，注重技术和艺术紧密结合，这样生能穷尽技术之长，实现艺术想象，满足浏览者对网页信息的高质量需求。

例如，浏览者欣赏一段音乐或电影，以前必须先将这段音乐或电影下载回本地机器，然后使用相应的程序来播放，由于音频或视频文件都比较大，需要较长的下载时间。流(stream)技术出现以后，网页设计者充分、巧妙地应用此技术，让浏览者在下载过程中就可以欣赏这段音乐或电影，实现了实时的网上视频直播服务和在线欣赏音乐服务，无疑增强了页面传播信息的表现力和感染力。

网络技术与艺术创意的紧密结合，使网页的艺术设计由平面设计扩展到立体设计，由纯粹的`视觉艺术扩展到空间听觉艺术，网页效果不再近似于书籍或报刊杂志等印刷媒体，而更接近于电影或电视的观赏效果。技术发展促进了技术与艺术的紧密结合，把浏览者带入一个真正现实中的虚拟世界。

技术与艺术的紧密结合在网页设计中体现得尤为突出。

网页设计报告书【第六篇】

基本任务与要求：

阶段工作计划：

开题报告：

1. 选题背景（含国内外相关研究综述及评价）与意义

选题背景：互联网始于1969年的美国，又称因特网。最初用于军事连接，之后由于计算机的增多，以及各种连接协议的规范化，互联网逐渐发展起来，成为日常生活中人们与外界交流信息的重要工具，可以说，信息时代的基础就是互联网。在中国，截至20xx年12月底，中国网民数量突破5亿，达到亿，全年新增网民5580万。互联网普及率较上年底提升4个百分点，达到%。（数据来自国家互联网络信息中心），随着网民的逐渐增加，网页制作以及网页设计技术的日趋完善，网页已经被运用到人们日常生活中的方方面面，越来越多的人甚至公司开始学习制作属于自己的个性化网页，这成为信息时代最重要的宣传方式。

国内外对此课题的研究着重分为两个方面，网页制作以及网页设计，但是两者同时又是密不可分的，因为，设计需要建立在目前的制作技术之上，而制作又需要遵守设计所构建的框架，两者相辅相成，缺一不可，而国内外对此的研究通常都在两方面有兼顾，但是大部分课题都是只对一个小问题或者一个小型框架，或者只是粗略讲一下相关的技术或者技巧，对两者同时进行一个综合性概述的暂时还没有。

意义：在互联网初期，大部分网页设计师都只知道如何去制作网站，知道如何去实现什么样的功能，但是在这个信息化的社会，如何让你的网页变得更好看，更直观明了的表达信息，如何从众多的网页之中脱颖而出，这就需要更强的网页设计技术了，而新的网页制作技术例如html5以及css3的运用也给设计师们带来了更好的施展空间，该课题会先对网页设计制作技术进行一个概述，让读者了解这些技术尤其是新技术的运用，同时课题还将运用一个知名餐饮行业的企业网站为例，讲述网页设计制作设计方法的实际运用，并指出网站设计中体现出的优缺点，最后课题里还会按照要求设计一个网站，同样也是餐饮行业方面的网站，与知名企业的网站进行对比，加深理解网页中设计与制作的关系。 选题研究的方法与主要内容。

选题研究方法：

主要内容：论文主要分为四部分，第一部分是开题报告部分，讲述选题背景以及对国内外相关研究进行一个综述，并指出论文的研究意义；紧接着第二部分对国内外在网页设计制作方面技术进行了一个综合性的分析；第三部分，我将选取国内一个知名餐饮行业的网站，对其进行网页设计制作技术方面进行分析评价，并在其中阐述自己的理论，论证优缺点；最后，我将自己设计一个有关于餐饮行业的网站，并将其与第三部分中选择的知名餐饮行业网站进行对比，取长补短，达到实际验证自身理论的效果。研究条件、拟解决的主要问题和预期结果。

研究条件：网页在21世纪的应用已经十分普遍，但是大部分研究都是只针对某一小部分，并且大部分研究都是对设计和制作没有一个系统的概念，缺乏对这一方面的一个综合性概述，所以这次课题研究具有以下几个条件：

1、具有研究性：该研究区域尚未被大量探索过

拟解决的主要问题：

1.对网页设计制作技术的收集以及归纳、整理

2.对网页设计制作技术的理解、实际应用及论证

3.自主设计一个网站，避免出现知名餐饮行业中的缺点设计

预期结果：

中期：选取一个有代表性的知名餐饮网站，对其进行网页设计以及网页制作方面的评价，指出设计中的优点和缺点，并进行详细分析，针对缺点设计提出自己的想法，并做出实际设计，从而验证自己的理论，或者举出实例进行对比论证。

后期：自行设计餐饮网站进行对比分析，建立自己的设计理论，并与中期的评价进行对应验证，在实践得到大量的经验，从而对整篇课题进行一个重新检验，最后反复检查论文，完成论文。

网页设计报告书【第七篇】

我第一次步入了社会，从此开始了面对社会、工作的生活。刚刚走入社会的.我是一个性格有些内向的人，面对陌生的人，我不善言辞，不会给自己的外表进行很好的包装，不适合做那些销售、接待的工作，只有技术类的工作，少说多干的活适合我，这个我很清楚。现在，中国每年都有很多毕业的大学生找不到工作，我也不例外，所以，这第一次实习工作肯定不会太好找，但是相反，我的运气还不错。找到了一份网页设计的工作。现将我在工作中的情况报告如下。

一、工作介绍

我工作的这家公司，从事网站开发工作的，公司在技术团队这部分是比较正规的，一般是五到六人为一个小组，小组中有明确分工，有负责联系客户接恰生意的，有专门做技术的，而在技术这块分为网站前台、后台开发，我在学校主要做的是后台开发，当然前台设计工作也还算熟练，但不是很精通。我们这个小组一般接下的活都是一些小型网站的开发工作，这样的网站技术难度不大，而且工作周期短，有相当一部分的，只需要通过cms软件就可以进行开发。但是有个别的网站开发时，我们还是需要进行一些手写代码工作的。

二、开发技术

做为一个刚毕业的大学生，我的知识储备肯定有不足的地方，毕竟学校教的东西肯定会有一部分和社会是脱节的，但好在我的领导对于我没有太多的要求，他只是要求我尽快的适应公司的工作和生活，在短时间内熟练的掌握相关技术，干好本职工作。

在大学里对一个学生来说什么是最重要的，那就是学习能力。要知道，这个世界上，知识在发展，人类在进步，每天都在进行日新月异的变化，我们的知识储备总会有不够的地方，但是一定要有学习能力，将不会知识快速掌握，只有这样才能占据主动，减少被动情况的尴尬发生，通过二个星期的时间，我成功的适应了公司的工作和生活节奏，每天早九点上班，晚17:30下班，中午休息一个半小时，每周还有两天假期。我利用业余时间，抓紧学习，将工作中所需要的技术进行了强化学习，其实这些东西在学校的时候就接触过，只是不精通。那个时候学的东西多，难免有个主次之分，这次工作了，才知道哪个应该多学点，但好在我都有学过，所以有个好的基础在这里，也就不怕了，比如说：flash，公司要求技术人员会做flash，flash这东西以前我在宿舍的时候经常玩的，可是后来在分析就业情况时，分析错了方向，以为这东西没有什么用处，结果就给荒废了。但好在还有印象，并且当初记了很多的笔记，所以说记笔记是很重要的事情。而其它像javascript、ml、数据库这些东西我都学过，只是实践能力稍差一点，但好在从前在学习方面用的功不是白费的。通过这种实战环境，和半个月的刻苦学习，我终于可以感上小组的工作进度了，已经可以很好的完成领导教给我的任务了。

像我这个组常用的是css+span排版，后台使用php技术进行开发，服务器平台采用，linu+apache+mysql+php,这种 lamp组合，我很高兴在学校学的东西能学有所用。以前我们是用表格(table)进行排版，这种方式简单但是已经有些过时了，现在大部分网站都开始了重新构架，所以都采用css+span进行网页排版，我目前正在学习，掌握的还算比较快。而在后台开发部分，我们使用php来进行开发，我的工作是手写一些小模块。或者用javascript写一些特效小代码。

三、工作流程

小组分工时，我负责后台里小模块的开发工作，如：留言板或论坛，还有一部分javascript代码编写工作。前台部分的工作是和组里的丁珊珊做一些排版的工作，使用css+span技术。编写代码这种工作看起来有些枯燥，其实时间长了以后，还真有点厌烦，但是后来我明白，只有将自己的本职工作做好，提高自己的技术，做出优良的东西，这样自己才会有价值感，才会对自己的工作保持新鲜感。所以我每天都在工作后，记录下每天在技术上的不足之处，回家后，将强学习，这所谓：找出不会的地方，学会它，你就变的强大了。

php是现在比较流行的一种网站开发技术，由于它是开源的免费代码，并因良好的跨平台性能受到了大重的喜欢，我个人认为php很简单，适合初学者学习使用，但是在某些地方想要做好，就需要你认真的学习了。目前，我负责的只是技术性较低和规模较小的模块，不过，我觉得从简单处做起也挺好的，但是我在写代码时，还是经常犯些小错误，导致代码页面经常出错，而自己往往还找不到是哪错了，有几次急的都不行，不管怎么弄，结果就是错误，后来我才发现，原来只是一个小错误，小的不仔细察看，我都找不到。于是我明白，做开发工作，一定要细心，否则就会给自己和别人带来麻烦。

四、安全检查

漏，很有可能导致网站在实际使用时，遭到黑客攻击，如果造成了经济损失就无法挽救了。

所以，我们每个人在将各自的工作完成以后，组长和其它专门的技术人员会对网站的安全性进行测试，找出存在的漏洞，然后加以修改。以使它的安全性达到最高最稳定的状态。

在公司进行实习工作的这段时间，我在个人技术上收获了很多，现在的我已经能独档一面了，做一些难度比较大的工作，我通过优异的表现，已经转为正式员工，我对自己的表现感到满意，最重要的是我给自己的学校争了光，但是在社交能力方面，沟通能力上还有不足的地方。我决定在今后的工作和学习，要加强和别人的沟通能力。使自己变的更好，为国家为社会做出更多的贡献。

网页设计报告书【第八篇】

一、毕业设计的内容和意义：（500字左右）

学校网站是实现教育资源分配的桥梁网络有巨大的教育资源库，它聚集社会的力量，使教育资源无限增长。学校网站是最佳的教学研究室，学校网站与教育类专门网站的有效链接，给学校教学研究带来了一片新天地，各种优秀文章、各科素材、优秀软件下载等内容为学生提供了极佳的平台。有效地降低教研成本、提高效率。

我国的大学教育已经普及，大学生的队伍也正在不断壮大，为了方便大学生对本校各项工作的了解以及加深学生、教师与学校之间相互的交流，建设一个规模化的校园网站成为了当务之急。网络化将给我们的工作和学习带来了极大的便利。

以internet/intranet为网络平台实现校园网络各项信息发布、管理、设置等功能。本题目要开发一个校园网门户网站。包括bbs系统平台、院校新闻发布平台，在限选课平台。后台：包括平台管理、统一认证、资源管理、用户权限管理等。

二、文献综述：（300字左右）

经济高速发展的今天，校园的各种信息的收集与发布都要求有一个高的效率。由于大学生的生活节奏较快，且电脑普及率和上网概率也随着社会的发展越来越高，学生上网获取信息的机会越来越多。所以，学校可以将政务宣传服务切入到这个点来，让学生更方便地获取相关信息，这将大大提高学生学习的进度和对学校教育的满意度。这就要求通过网站，全面宣传、展示学校风采、优点与特色，发布学校的重大活动安排与招生政策，增强家长与学校之间的联系，在internet上实现完成部分校务，提高办事效率。

该系统是面向全网络的，作为学校与外界联系的一个平台。系统管理员负责更新网站内容，不同权限的用户登录系统将进入不同的页面，实现不同的操作。

系统主要包括六个模块：1.用户注册模块：这个模块完成新用户的注册功能，并能对注册信息进行检查。2.用户登录模块：这个模块提供用户的登录界面，并验证用户名和密码,以确定用户身份。3.显示模块：这个模块将根据用户权限显示出不同的页面，以及内容。4.操作模块：这个模块提供与内容相关的功能，并且对不同身份的用户给予不同的操作权限。5.用户管理模块：这个模块能够对用户个人信息进行管理。6.数据库模块：这个模块实现对数据库的连接和访问。

三、工作计划及方案论证：（500字左右）

1．第一阶段：11月20日—11月25日

阅读资料；进行需求分析，提出设计方案确定技术路线，完成开

题报告；设计软件原型。

2．第二阶段：11月26日—2月10日

在上一阶段基础上，按时、按质、按量完成毕业设计任务

3．第三阶段：2月11日—4月1日

总结所有的工作，完成毕业设计论文初稿

4．第四阶段：4月2日—4月20日

修改论文；小组内答辩，评分；准备答辩材料

[1]周怀军.asp动态网页设计应用教程[m].电子工业出版社,20xx-3

[2]赵燕萍.电子商务概论[m].北京中央党校出版社,20xx-11

[3]王恩波王若宾.管理信息系统实用教程[m].人民邮电出版社,20xx-9

[4]唐乾林.网页设计与制作案例教程[m]机械工业出版社,20xx-8

[5]赵增敏.asp可视化编程及应用[m].机械工业出版社,20xx

[7]崔良海沙俐敏.web编程技术[m].人民邮电出版社,20xx

[8]陈家琪.c程序设计教程[m].新华出版社,20xx-11

[9]明日科技.数据库系统开发完全手册[m].人民邮电出版社,20xx-1

[10]邓春妮孙艳华邹庆云.信息化系统建设案例[m].人

民邮电出版社,20xx-12

[15]王珂玲.利用

asp技术的在线教育系统设计与实现电脑知识与技[16]吴锦.基于

[18]王海燕王明明张景义.用