网页设计实训报告（实用16篇）

通过撰写报告范文，我们可以将研究或调查的结果有效地传达给相关的读者和观众。通过阅读这些范文，相信大家可以更好地理解报告的写作要点和技巧。

网页设计实训报告（实用16篇）篇一

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

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

一.网站的整体规划。

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

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

3.确定栏目和板块：

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

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

3]正文的框架设置(横向因素和纵向因素交错)。

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

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

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

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

2.熟悉制作工具软件：

主页制作的基本条件有：

硬件：

一台电脑(64mb以上内存，当然越大越好啦);可以拨号上网;如果你有条件的话,建议:配置扫描仪,这将大大方便图像和文字的输入;软件：

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

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

三.网页制作。

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

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

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

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

四.网页的调试。

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

在飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。

计算机将具备更多的智能成分，它将具有多种感知能力、一定的思考与判断能力及一定的自然语言能力。除了提供自然的输入手段(如语音输入、手写输入)外，让人能产生身临其境感觉的各种交互设备已经出现，虚拟现实技术是这一领域发展的集中体现。今天人们谈到计算机必然地和网络联系起来，一方面孤立的未加入网络的计算机越来越难以见到，另一方面计算机的概念也被网络所扩展。二十世纪九十年代兴起的在过去如火如荼地发展，其影响之广、普及之快是前所未有的。从没有一种技术能像一样，剧烈地改变着我们的学习、生活和习惯方式。全世界几乎所有国家都有计算机网络直接或间接地与相连，使之成为一个全球范围的计算机互联网络。人们可以通过与世界各地的其它用户自由地进行通信，可从中获得各种信息。人们已充分领略到网络的魅力，大大缩小了时空界限，通过网络人们可以共享计算机硬件资源、软件资源和信息资源。"网络就是计算机"的概念被事实一再证明，被世人逐步接受。

通过这两年的学习实践中和老师的指导下以大量明晰的操作步骤和典型的应用实例，教会我们。使更丰富全面的软件技术和应用技巧，使我们真正对所学的软件融会贯通，熟练在手。所以本人结合所学专业的内容制作了个人网站，作为实习的成果。其内容是多样化的。制作网页用的软件是dff软件。d大大加速了网络时代电子交易应用中的项目交付。它提供了网页和表单的动态生成到企业级的解决。

方案。

如电子商店库存管理系统和企业内部局域网的数据库应用等功能。f是目前最流行的网页图象制作软件。只要将d的默认图象编辑器设为f那么在f中制作完成网页图象后将其输出就会立即在d中更新。f还可以安装使用所有的p滤镜并且可以直接导入psd。

格式。

图象。更方便的是它不仅结合了p位图功能以及cidraw矢量图的功能，而且提供了大量的网页图象模板供用户使用。

通过这次实习，在制作时想想使自己的网页更加丰富多彩，在网页中插入图象，动画，动态特效。可是总遇到这样那样的问题，例如动画到入里，开始不明白后来才知道是在d里先插个层，这样就可以浏览出效果了。还有是有时上传到网页上的图片不显示，原因是它们没有在一个文件夹内。但在同学的帮助和自己摸索的情况下完成了这个实习的成果。看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。以我们的经验，当前的软件的功能日趋复杂，不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够，缺点疏漏。虚在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。

网页设计实训报告（实用16篇）篇二

通过教学实习掌握站点制作、站点测试与发布技术。会综合利用photoshop、flash和dreamweaver三个软件进行静态网站的设计。加上asp技术和css+div进行昂也布局，实验页面的效果。

二、设计思路。

3.设计网站导航条；4.网页flash5.搜索框6.产品展示四、技术介绍。

基于asp动态网页技术的学习。

css+div的页面布局。

多出用到css+div是整个页面更加美观。logo的css样式：

font-family:"黑体";}--。

五、页面设计（抓图）图片1。

图片2。

图片3。

六、网站测试。

应用动态asp技术，用iis或者安装的小旋风进行本地的测试。

七、实训总结。

在我看来，设计网页，应该先策划，策划很重要，加上创意，配色很重要，技术与鉴赏能力是最主要的。建立站点的时候，各个文件夹取名的时候，最好用相应的英语，见名知意，如图片文件夹用image。

在所有配色当中，不同的颜色传达着不同的意义也有不同的象征。如白色代表着：清洁、天真、洁净、真理、和平、冷淡、贫乏；灰色让人联想到灰尘、石头、水泥、白银，象征着中庸、平凡、温和、谦让，它给人以中立和高雅的感觉。太多的颜色会给人带来视觉上的疲劳。所以，在我下载准备素材的时候，就选择用灰色做背景颜色，灰色太贫乏，就加上亮色的钮扣起到“中和”的作用。

通过此次实训,我觉得平面设计的创意思维、版面设计、色彩配置、图形创意等方面都有很重要，对于网页制作来说，我觉得是一个以多学科设计为基础，受到包括视觉艺术、技术、内容的多种影响。网页设计的技术不算什么困难，真正困难的是网页的设计创意，文字我觉得也很重要，有些人浏览你的网页不是喜欢上你的艳丽漂亮的图片，也许是喜欢上你的文字，那种感动人心的，唯美的文字。文字与图片要搭得上调，不可能用一张美女图做背景，上面却写有关于亲情的文章。也就是整体的搭配问题。

通过此次实训，使我对于网页制作的三大软件有了进一步的了解，各功能都能够实现。提高了自己的鉴赏能力，综合搭配能力，也对以前学过的内容进行了综合的复习。

通过此次实训，我更了解到，生活中有许多色彩，搭配颜色的时候，联想到生活中的东西会做的更漂亮，给人一种亲切感，现在看到什么东西，我就会联想到做网页的时候，还有怎么布局。反正此次实训收获很多。

网页设计实训报告（实用16篇）篇三

随着现代化科技的发展，计算机已经成为人们生活中的重要组成部分，网页浏览的形式已经代替以往书籍浏览的形式，也正因为如此网页的设计与布局尤为重要。科学合理的网页设计布局不但能够带给人们美感，并且还能使人们在浏览的过程中内心放松。计算机网页设计的概念主要包括网页设计布局的整体造型以及网页设计布局页面的尺寸。页面设计的整体造型指的就是网页设计中的布局形状，其中最常见的形状有三角形、圆形等，也有部分计算机网页设计采用综合体的形状，在页面的选择上，大多是根据网站自身的特点来选择的。计算机网页设计的尺寸也较为多样化，在计算机使用过程中，常常由于客观影响造成屏幕的分辨率以及尺寸的影响，但由于是客观因素无法改变，在浏览器自带的功能上，对于浏览过程中网页的增大与减小都能够借助浏览器工具栏中的相应功能解决。计算机网页设计中的布局与计算机的发展有着直接的联系，并且影响网站的浏览量，目前最为常见的布局分为同字型布局、标题正文型布局、综合框架型布局、封面型布局以及flash型布局等五种形式。这五种布局形式都能够最大程度的提高网页的美感，并且在现代网页布局中被广泛运用，以下便是对五种布局类型的详细分析。

同字型布局主要针对网页布局的内容，这种布局其内的填充范围较广、填充的数量也较大。在网页设计布局中，大多都是在网页的标题栏进行网站主体的填充，有的是填充广告，也有少数网页设计布局中填充的形式是小标题。在页面的两侧分别布置内容，其中网站的信息与动态或是服务人员以及相应的广告等，在以往网页设计布局中这部分并没有受到重视，因此也是相对具有价值的部分。同字型布局网页主要都是从中央位置布置，根据网页内容的重点由上到下布局，或是根据网页自身的特点以及相应的颜色进行布局，也有部分网页是根据其中的细节进行布局的。在网页的下端并不会进行内容的布局，就目前网页来看下端也只是网页的信息以及登录方式等。

标题正文型布局与同字型布局不同的是标题正文型布局并没有两端的布局，其它布局类型相似。在页面上端的布局中大多都是网页的标题，其中也有广告，页面的中端是网页的主要内容以及和重点内容，其中中端内容中包含同字型布局两端布局的'内容，例如，在正标题下方是对网站的简讯，之后便是相应的附加咨询，最为常见的就是天气信息以及网站的注册信息等，在下方便是网站的主要内容也就是正文，在正文的布局上，其结构都是简单明了的。

综合框架型布局与其它布局相比形式较为复杂，主要采用框架的形式来进行网页的布局，分别在上端、两端以及下端，网站的主要内容都是在框架中进行布局的。这种布局形式与其他布局形式相比更具有轮廓性，能够将其它布局中的内容类型充分地体现出来。

封面类型布局便是字面上的意思，按照书本页面的形式进行布局，在封面型布局中大多采用的是图片，其中图片篇幅较大。一般在不同种类网站的主页上大多采用封面型布局，在布局的周围相应的分布着较小以及较为简单的信息，此种信息所采用的形式都是超链接的形式，例如，最为常见的qq空间，其主页便采用封面型布局的形式，采用此种布局的主要目的就是能够凸显网页自身的特点，能够吸引使用者的目光的同时，对其功能更加一目了然方便操作。

flash型布局与页面布局较为相似，flash型布局与页面型布局唯一不同的便是在页面的布局过程中采用更多的flash，其中包含声音以及动画的形式，因此与封面型布局相比在声音上更能给人们带来听觉上的享受，除了听觉上的享受外在视觉上flash型布局也能够给人们带来相应的震撼效果。例如，在现代最为常见的游戏页面上，采用的都是flash型布局，尤其是在登录的界面或是在进入游戏过程中的等待界面，在现代科技的发展中，也有少数网页在主页布局的过程中采用flash型布局，以此提高网页的浏览量。总而言之，计算机时代已经到来，网页设计布局已经成为重要的发展趋势，网页设计布局并没有固定的格式，做一种形式设计的过程中主要根据个人的审美，因此想要在网页的设计布局中增添其美感，首先就要对美有更深刻的了解，合理的运用到网页的布局中，使人们在网页的浏览中获取所需信息的同时还能够带来相应的视觉享受。

网页设计实训报告（实用16篇）篇四

毕业后，我来到了社会这个汇集众多江河湖水的大海，感受到了独立生活的好处与艰辛，同时我自己也更深的理解了，家长和学校老师对我们的殷切希望，在社会实习的这段日子，我吃了些苦，受了些罪，可是整个人在肉体上和精神上却升华了很多，也比以前的变得更有自信了。现将我的实习情况汇报如下：

我所在的这家公司，是一家做网上招商的商业网站，公司接收各种厂家提供的信息，然后由网络的技术人员，将商家的信息做成网页广告，然后挂在我们的网站上，以此达到商业推广的目的，类似我们公司的网站在同行业还有u88、28招商网等。

我和其它几位同事做为网络部的技术人员，主要的工作就是接收美工人员的网站模板，将其通过photoshop切片，然后导入dreamweaver进行排版，（排版主要使用css+div），并进一步的加以制作，完善美化，如加入js代码，或透明flash，因为网页是用css+div进行排版的，所以在最后一步的时候，我们还需要进行浏览器测试，因为css+div排版方式有一个最大的缺点就是：浏览器不兼容的问题，典型的如：ie与fireworks，因为各种浏览器使用的协议不同，所以会导致页面在最终浏览的时候有一些小问题，如：页面混乱，图片、文字之间的距离过大或过小，页面不美观等等，做为一个新人，我在有些方面的技术还很不成熟，所以在技术总监张伟的帮助下，解决了很多问题，所在我很感谢他，当每天我们做完网页后，都会在代码页面加入注释代码，在里面写上每个人姓名的汉语拼间和工作日期，这样方便月底做统计工作，公司领导会根据每个人的工作数量进行奖励，每做一个页面会有2块的提成，虽然少点，但是积少成多，也是很可观的。

（一）初级考试

初来公司的时候，我们经过了初期考试，培训，与最终考试三个阶段，在接到公司让我面试的电话后，我来到了xx公司，因为要干的是网页设计，所以要有一个小测验，技术总监要求我们在网上自找图片和文字，做一个简单的页面，要求是：什么样的页面都可以，考查的主要是面试者相关软件的操作能力与代码掌握的熟练成度，说实话，从毕业后，有一段时间没有写代码了，刚一上机，还有点生疏，但是凭借在学样扎实的学习功底，我很快就恢复了自己的英雄本色，将html代码写的很熟练，做了一个左右分栏的页面，没什么太大难度，技术总监看了以后，说不错，让我三天后参加培训，合格扣就可以正式上班了。

（二）三天的培训工作

三天后，我来到了公司，一看，来参加培训的人有很多，大概在十多个人左右，其实所谓的培训，就是让大家先熟悉这家网站的工作，先做一些他们平时干的活，做一些广告网页，这些网页都是静态的，没什么难度。我后来发现，自己在这些人当中，还是较较者，心里优势还挺好的。

（三）最后的考核

三天的培训后，我们迎来了最后的考核，合格的人会被留下，并得到一份为期一个月的实习合同，然后会在根据你在实习期的表现决定你的去留问题，最优秀的人会转正，得到很优厚的待遇。

考核的内容，就是在公司的商务网站上任选一个页面，然后在规定的时间内做完，我还不错，技术比较熟练，是第四个做完的。当我们把网页做完后由这家公司的经理进行审核，最后的结果是，最先做完的前8个人可以有底薪加提成，每人页面的提成是2元钱，而后面做完的，只有提成，没有底薪，他们的提成是每个页面5元钱，最后的几个人就被淘汰了，制度虽有点不近人情，但是刚毕业的学生能忍也就忍了，就这样，我们每个人得到了一份一个月的临时合同，正式开始了实习工作。

我的实习是从大三刚开学，被一位老师推荐到一家室内设计公司实习了！真庆幸自己平时能利用课余时间学到那些设计方面的知识，和大二暑假到那家设计公司实习啊！要不是这些，我想现在就由学校安排到厂工里当普工。但自己最大的收获是将所学的adobe软件用于实践，并且通过实践检验了自己关于设计方面的假设和猜想，取得了一些令自己满意的成绩。

我们每天的上班时间是从早上8：30分到下午的17：00，这是我见过最有激情的一些人了，年纪轻轻，干劲十足，来了以后就工作，连平时聊天的内容也和本行业分不开，我喜欢他（她）们，回为是实习期，所以每天做的数量没有太大要求，但是每个人都玩命似的干活，抓紧时间做网页，我们做的网页是比较简单的从上到下式的网页，通过css+div排版，这样在后期浏览器兼容测试中，就好做的很多了，文字与图片之间就不会有太多的麻烦，我干的很不错，不过有些追求精致，我做网页的速度慢了很多，最初每天只能做3——4个网页，这对于我来说是不能接受的，后来我改变了工作方法，我第次工作的时候，先订下计划，比如今天做多少网页，然后我将要做的所有网页，先做好排版，这时的网页虽然排过版，但是不美观，因为没有进行美化工作，然后我会在下午的时间，集中全力做美化工作，就这样我的速度提高了很多，快了将近一倍多。只要更加熟练速度不会更快，我相信自己。

每天的工作都是是很快的，有时感觉时间过的很快，想停都停不住，早上出去的时候，见的是太阳，晚上下班后看到的是即将落日的夕阳或者是星星，每天就这么快的过去了，每个工作日结束后，我都会在下班后步行一段时间，去附近的图书城充会电，或者放松一下，找一些我喜欢的书，看上几个小时。

明年就要开始找工作了，这次实习，更让我懂得了珍惜现在的生活，校园生活真的非常完美，非常令人羡慕！职场的竞争很大，“逆水行舟，不进则退”，必须时刻提醒自己，督促自己！同时也看到了许多，知道做人比做事更加重要，没有人天生就会，没有人天生就懂，只有不断地努力才能成功，在这里不是每个人都有认为你是什么的，有的人就觉得你什么也不是。你只有付出好好学，做给她们看。证明自己不是虚的，证明自己有实力，名副其实！

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

（4）广告图象摄影和广告插画上，通过对商品在消费使用过程中的情景做出真实的再现，以便来宣传商品的特征，突出商品的形象；或以摄影图形来促发消费者的购买欲望，更直观准确地传达产品信息。真实的反映商品的结构、造型、材料和品质。广告的插画有传统的写实描绘逐渐向夸张、理想化和多边化的视觉表现方向发展，重意念而轻形似，从而有助于强化广告商品对象的特征和主题。在广告排版制作的过程中，使用卡通形象作为产品代言人不但可以以卡通形象的活泼自由，个性化的形象赢得消费者的好感，还省去了请名人做代言的庞大广告支出和风险。

网页设计实训报告（实用16篇）篇五

在经济迅速发展的今天，internet显得更为重要它是人们发布信息与传递信息的重要渠道，为了与社会发展同步，为了让我们成为真正的技术性人才。学校在本周为我们安排了维持一周的网页制作专用周是实习，让我们把平时所学知识运用到实践中做到真正的学以致用而不只是纸上谈兵。通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足，下面就谈谈我在本次专用周的主要感受。

一、网站整体规划，要做网页的第一步便是做网站的整体规划这主要包括四个方面的内容。

1.讨论网站的主题。

网站整体规划是做网页的第一步也是制作网页最关键的一步它决定了你要表答的信息，因此我选择了我选择我最喜爱的服饰来为它做网页。在平时我也对服装的网页比较关心，无论是淘宝网上的衣店还是各种品牌装。这次我是为“易菲”服饰做的网页。

2.定位网站的ci形象。“易菲”植根中国文化之精髓，汲取自然禀赋之灵性，形成一个既有浓厚文化底蕴，又有现代自然人文气息的特色品牌。“易”即是容，是包容，是宽容，是五千年中华民族的文化精髓，是厚德载物，是对人性宽度的一种拓展。“菲”通非，是生机、是个性、是春意盎然、是自强不息，是对人性深度的一种挖掘。“生活如花，自在快乐”是yifini易菲的设计理念，倡导一种与自然和谐相处，如花儿绽放般美好舒适、自在快乐的生活方式。这也便是我网站的ci形象。

3.确定栏目和板块。

于时间的关系在本次我准备做四张网页：一张主页三张二级页面。分别设计了“时尚首页、时尚衣秀、推荐产品、潮流信息”等四个栏目。在这四张页面中我打算都用淡蓝色做背景颜色来映衬我网页的主打色绿色。

2.网站的整体风格和创意。

整个网站的创意就在于颜色的搭配，与各种图片的搭配，它们相互辉映，相互衬托。以便达到表现其品牌的和谐之美、自然之美。我踩用淡蓝色和绿色为我网站的主打色主要是因为我的产品特性。在设计上，yieini易菲推崇“自然美”，将带表女性气质的花卉和自然元素融入设计之中，充分体现设计师和顾客所追求的一种洒脱、舒适的生活氛围，力求表现悠闲、舒畅、自然的生活情趣。因此我用天空与自然的颜色来表达这张自然之美、和谐之美。

二、网页制作的前期策划与准备，在本阶级主要有两方面的工作。

1.资料的搜集。

在做网页我上网收集了许多方面的资料主要是有关网站的布局与服饰品牌方面的资料，我首先进它的企业网站找了一些关于“易菲”服饰的图片主要是一些代言形象还有代表其企业形象的图片。其次我去浏览了许多的网页观察其网页的布局、颜色搭配、栏目、板块等方面的内容，同时也搜集了一些对我有用的资料。在搜索资料最困难的便是动态图片的搜集，动态图片其gif格式的还是好保存，但是要搜集flash动态图片就相对较难了。我用了一天的时间来搜集我的flash都不太成功，不过还搜到了可以换自己图片的代码。在开始时我根本就不知道flash是怎样搜索，不过经过三次像老实询问我终于懂得一些关于代码的搜索。在搜集资料的过程之中我发现了自己的许多不足之处，最关键就是平时对知识的掌握不够，连最基本的资料搜寻都觉得困难。也是我平时不够认真和努力的表现。通过这次的教训在以后我一定会做得更好，争取不范类似错误。

2.熟悉制作软件。

做网页主要用的工具便是dremweaver、photoshop、flash软件。在这些软件我对dremweaver、photoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。所以我还可以正常的运用，但是出现的问题还是有很多。有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我平时不够认真的具体表现。

三、网页制作，这便进入我该次的主题了具体制作流程如下。

1.构建站点框架。

在我打开dremweaver后第一步便是新建站点，我把我的站点建立在f仪下面。并将我搜集的全部资料都保存在其文件夹中，以便网页制作时可以方便的使用。

2.设计主页及二级页面。

在主页我设首页制作时，时刻考虑着网页的基本原则：统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，美容美体，一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的；连贯，页面之间关系连贯，统成一体；每版内容都自成一体，颜色各异，便于浏览；整个网页有动有静，色彩呼应，搭配协调，不呆板，富有生气；颜色各异，但又不同之中又相同，浑然一体。而且制作过程中，不忘以下原则：

简洁实用:这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。使用方便:同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美；页面用色协调，布局符合形式美的要求:布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。

交互式强:发挥网络的优势，是每个使用者都参与到其中来，这样的设计才能算成功的设计。这样的网页才算真正的美的设计。每个子页都设有上导航栏，便于浏览和跳转。3个二级网页制作时，使用的是表格，每一个页面都用表格为它布局好，然后在插入图片文字及其他，这样有一定的规划性，体现了连贯统一性，不同的内容根据各自的特色建立了不同的表格，突出各自的主题，增强了对比性。在做这些网页的时候我就进行了如上所述的方法。但我所以网页的背景颜色及主题颜色都是相同的以便突出我每一个网页都是为凸显我主题而服务。

3.实现网页间的链接。

我的链接按钮主要有四个“时尚首页、时尚衣秀、推荐产品、潮流信息”它分别链接到我所做的四个网页。链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。

4.向静太网页插入动态效果。

在这一阶段我遇到了许多的问题，主要是我在主页插入我的flash的时候，开是我将带码粘贴到我的网页上可是在浏览网页的时候flash却不能够显示。最后我向老师的请教后终于在老师的帮助下我成功的在我的主页插入了flash。而在其它的二级网页我主页插入的是一些gif格式的动态图片。

在做完网站才发现，怎么所有的图片素材并不是在一个文件夹中，而有许多的子文件夹，从网上下载的网页全都是一个网页对应一个文件夹。制作过程中，才发现，原来自己懂的太少了，好多不知道的地方，才赶紧查书，开始的时候只是会建立模版，可不会应用。而对于动态flash的插入我更是问题多多，开始是我对代码基本上是不懂，这就是自己学校上的问题，当真正开始运用的时候在向老师提问。

这只是在制作过程中出现一些问题，其它问题也是类似相同。现在想想，自己所会的东西太少了，现在做的网站只是一些简单的静态的网站，看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。从我做的网页来看可以反映出学习的还不够，缺点疏漏。需在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。同时我也希望能够有更多的类似动手练习，让我们在实践之中来学习知识。因为我觉得实践不仅能够提高我们的学习兴趣它更能够提高我们的动手能力增强我们的技术性。

网页设计实训报告（实用16篇）篇六

本站实习。

报告。

报告。

总结，供大家参考。更多阅读请查看本站。

本站。

频道。

毕业后，我来到了社会这个汇集众多江河湖水的大海，感受到了独立生活的好处与艰辛，同时我自己也更深的理解了，家长和学校老师对我们的殷切希望，在社会实习的这段日子，我吃了些苦，受了些罪，可是整个人在肉体上和精神上却升华了很多，也比以前的变得更有自信了。现将我的实习情况汇报如下：

一、实习工作介绍。

我所在的这家公司，是一家做网上招商的商业网站，公司接收各种厂家提供的信息，然后由网络的技术人员，将商家的信息做成网页广告，然后挂在我们的网站上，以此达到商业推广的目的，类似我们公司的网站在同行业还有u88、28招商网等。

我和其它几位同事做为网络部的技术人员，主要的工作就是接收美工人员的网站模板，将其通过photoshop切片，然后导入dreamweaver进行排版，（排版主要使用css+div），并进一步的加以制作，完善美化，如加入js代码，或透明flash，因为网页是用css+div进行排版的，所以在最后一步的时候，我们还需要进行浏览器测试，因为css+div排版方式有一个的缺点就是：浏览器不兼容的问题，典型的如：ie与fireworks，因为各种浏览器使用的协议不同，所以会导致页面在最终浏览的时候有一些小问题，如：页面混乱，图片、文字之间的距离过大或过小，页面不美观等等，做为一个新人，我在有些方面的技术还很不成熟，所以在技术总监张伟的帮助下，解决了很多问题，所在我很感谢他，当每天我们做完网页后，都会在代码页面加入注释代码，在里面写上每个人姓名的汉语拼间和工作日期，这样方便月底做统计工作，公司领导会根据每个人的工作数量进行奖励，每做一个页面会有2块的提成，虽然少点，但是积少成多，也是很可观的。

二、初来公司的时候。

（一）初级考试。

初来公司的时候，我们经过了初期考试，培训，与最终考试三个阶段，在接到公司让我面试的电话后，我来到了xx公司，因为要干的是网页设计，所以要有一个小测验，技术总监要求我们在网上自找图片和文字，做一个简单的页面，要求是：什么样的页面都可以，考查的主要是面试者相关软件的操作能力与代码掌握的熟练成度，说实话，从毕业后，有一段时间没有写代码了，刚一上机，还有点生疏，但是凭借在学样扎实的学习功底，我很快就恢复了自己的英雄本色，将html代码写的很熟练，做了一个左右分栏的页面，没什么太大难度，技术总监看了以后，说不错，让我三天后参加培训，合格扣就可以正式上班了。

（二）三天的培训工作。

三天后，我来到了公司，一看，来参加培训的人有很多，大概在十多个人左右，其实所谓的培训，就是让大家先熟悉这家网站的工作，先做一些他们平时干的活，做一些广告网页，这些网页都是静态的，没什么难度。我后来发现，自己在这些人当中，还是较较者，心里优势还挺好的。

(三)最后的考核。

三天的培训后，我们迎来了最后的考核，合格的人会被留下，并得到一份为期一个月的实习合同，然后会在根据你在实习期的表现决定你的去留问题,秀的人会转正，得到很优厚的待遇。

考核的内容，就是在公司的商务网站上任选一个页面，然后在规定的时间内做完，我还不错，技术比较熟练，是第四个做完的。当我们把网页做完后由这家公司的经理进行审核，最后的结果是，最先做完的前8个人可以有底薪加提成，每人页面的提成是2元钱，而后面做完的，只有提成，没有底薪，他们的提成是每个页面5元钱，最后的几个人就被淘汰了，制度虽有点不近人情，但是刚毕业的学生能忍也就忍了，就这样，我们每个人得到了一份一个月的临时合同，正式开始了实习工作。

三、正式工作。

我们每天的上班时间是从早上8:30分到下午的17:00，这是我见过最有激情的一些人了，年纪轻轻，干劲十足，来了以后就工作，连平时聊天的内容也和本行业分不开，我喜欢他（她）们，回为是实习期，所以每天做的数量没有太大要求，但是每个人都玩命似的干活，抓紧时间做网页，我们做的网页是比较简单的从上到下式的网页，通过css+div排版，这样在后期浏览器兼容测试中，就好做的很多了，文字与图片之间就不会有太多的麻烦，我干的很不错，不过有些追求精致，我做网页的速度慢了很多，最初每天只能做3--4个网页，这对于我来说是不能接受的，后来我改变了工作方法，我第次工作的时候，先订下。

计划。

比如今天做多少网页然后我将要做的所有网页先做好排版这时的网页虽然排过版但是不美观因为没有进行美化工作然后我会在下午的时间集中全力做美化工作就这样我的速度提高了很多快了将近一倍多。只要更加熟练速度不会更快我相信自己。

四、业余的生活。

每天的工作都是是很快的，有时感觉时间过的很快，想停都停不住，早上出去的时候，见的是太阳，晚上下班后看到的是即将落日的夕阳或者是星星，每天就这么快的过去了，每个工作日结束后，我都会在下班后步行一段时间，去附近的图书城充会电，或者放松一下，找一些我喜欢的书，看上几个小时。

五、工作。

心得体会。

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

报告人：

时间：

网页设计实训报告（实用16篇）篇七

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

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

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

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

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

四、实习内容及方法。

一、实习任务：

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

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

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

二、实习内容：

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

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动画，如果想插入网页就。

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

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

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

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

制作的方法：

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

五、结论。

1、收获。

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

2、不足。

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

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

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

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

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

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

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

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

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

六、致谢。

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

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

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

网页设计实训报告（实用16篇）篇八

(1)通过本次实训要完成仙剑奇侠传的网页制作，包括二级页面和三级页面，还要应用一些网页制作的基本技巧。

(2)掌握布局技术，模版应用，css样式，超级链接，并运用fireworks做简单的图形编辑。

(3)通过连续时间的实际操作，巩固对网站的创建、网页的策划、设计与制作的理解，加深理解网站、网页、制作的过程，理解团队互助共同完成项目的协作精神。

2.关键技术及解决途径：

(1)有完整的策划报告(电子版)，实际内容有改动不受影响;。

(2)有标题的网站以及有对应自己创意设计制作的logo图象、广告条等图象;。

(3)至少有首页、二级页面、三级页面的层结构;。

(4)有框架、有表单;。

(5)有自己创作输入的文字内容并经过排列整理;。

(6)dreamweaver模板技术;。

(7)至少采用了样式表技术;。

(8)采用鼠标事件等行为设置之一;。

(9)不允许出现超级链接错误!

(10)有版权声明、网站更新日期、创意制作人员。

根据课堂所学，充分利用相关技术要点，对于不懂的地方问实训老师。制作完成后，反复检查，保证链接的正确性。

3.方案设计与实施步骤：

一、方案设计。

二、实施步骤(可以包括网站内容)。

(1)确定网站内容为仙剑奇侠传4,并制定详细的策划报告。

(2)查找相关资料，制作banner，logo，和相关动画图片。

(3)小组分工合作，我负责首页制作，人物介绍，友情链接，留言板相关内容。

(4)采用布局技术设计首页，然后插入logo，banner美化首页。

(5)应用模版技术制作人物介绍，介绍仙剑4中的重要出场人物，并配上相关图片和文字，制作了网站相册，使用了锚记。

(6)友情连接应用了框架，链接到百度，官网等相关网站，并用fireworks制作了相关的logo和banner。

(7)采用表单技术制作留言板。

(8)最后创建css样式，并运用到各个连接上。

(9)个相关页面之间进行必要的超级链接，友情链接与相关网站上链接。

(10)最后和另一小组成员进行作品汇总，完成相关站点的链接。

(11)检查链接，清除多余文件和图片。

4.自我评价。

这次实训充分利用了课堂所学，掌握了许多关键技术，例如模版技术，css样式，使得制作过程方便了很多。

在完成基本要求得基础上，文件夹、文件命名规范;文件存放位置合理;。

制作完成之后进行过现场清理：没有无用的文件、文件夹，没有断链(外部链接不算);工作量饱满：内容较丰富、自己设计制作的素材应用多;色系、布局合理美观、考虑用户访问方便;采用各种特效、并且运用合理。

不过也有些不足，比如一开始没有把两个人制作的文件夹分开，导致后面汇总时比较麻烦。

不过总的来说，对这次的作品相当满意，不仅选择了我们自己喜欢的内容，而且在我们的水平上把它做的很精美。在这个过程中我们意识到了自己在相关技术上的不足，通过学习，知道了如何改进我们的缺点，相信在以后的应用中，我们会做的更加完美!

网页设计实训报告（实用16篇）篇九

这是我的第一次实训，然而当一个大学生第一次踏足这个社会，或许会觉得彷徨，毕竟年轻的我们，有16年都是在学校中度过的，再加上不断的听闻实训、招聘的社会有多残酷有多现实，但是其实只要我们愿意踏出第一步，初生牛犊不怕虎，大胆去闯吧，还是有公司能够包容我们。所以抱着不怕辛苦，耐心向学的心情，我还是决定闯一闯，毕竟大学这个亚社会和真实的社会真的差太多太多了，在实训中，得到任何与自己专业相关的知识，规划自己以后将要实现的目标，学会如何在公司里处理人事关系，协调合作等等。然而实训后，发现自己仍在在所学的知识上欠缺完整性和技能的熟悉，实训是一件很有意义的事，是大学生踏入社会前减少在社会上碰壁的好方法。

回顾这一个月来的实训生活是一件很值得纪念的事，这是我第一次在外实训，第一次在网上投简历能收到回复。对于我们这样的艺术设计学生，我深刻的体会到单单是学校教的远远不够，学校教的很笼统，很抽象，很大概，如果可以，我希望这个专业的师弟师妹们，有空多多到图书馆充实自己，静下心来充分自学。在外实训前，第一件事是把自己卖出去，包装自己，所以简历很重要，务必属实，因为你有多少两重，阅人无数的人事主管和老板在面试的交谈中很快就能从你各方面行为和语言中找到答案。既然要面试，衣服当然要穿正装，其实我也想的只是大二实训期没有大三的三个月那么长，就那么一个月。这样短期的工作其实根本没有什么公司愿意招聘，所以我感觉到万分荣幸能够进到这一支专业的创业团队，真的是一件了不起的事，而且这个岗位与我学习的和自己喜爱的科目对的很准，我自己也十分乐于这份工作。

记得刚开始的一个多星期，公司并没有让我马上投入工作，因为当时对产品了解不熟悉，要从学校的圈子走出来到商业模式去还是有点顾虑，但是当你接触到这商业化的东西，你会发现，学校的东西远远不足。所以一般公司会进行些培训，很感激william杨，他提供了很多设计的书籍给我自学阅读，可惜在我深刻读完《瞬间之美--web界面设计如果让用户心动》(点击跳到本人的读书笔记)一书后，就再也很难抽取一点时间来阅读了。

在接下来的这个月里，除了必要的培训以熟悉公司及其产品知识外，我也开始忙碌起来，因为产品的第一个内部版本需要再x月x日这个好日子发布。刚开始的两个星期，因为对产品并不熟悉，一直以来在学校设计的作品都很“学校”但是商业设计比较少，出头设计的时候真的抓破头脑，因为习惯了学校的生活，习惯了客户给要求按照客户的想法去做。至于什么叫很学校呢，就是一种填鸭式的，根据参考去模仿设计，然而在社会上涉及很多工作人员。

我很喜欢你们,喜欢这样的工作氛围，谢谢你们!

网页设计实训报告（实用16篇）篇十

来公司担任网页设计师一职快3个月了，时间虽不长，可我学到了很多东西。每个人都是在不断的总结中成长，在不断的审视中完善自己。在这几个月的时间里，我也是在总结、审视中脚踏实地地完成好本职工作，总结如下：

一、思想方面：

严格按照一个网页设计人员应有的素养来约束自已，爱岗敬业，具有强烈的责任感和事业心，积极主动认真的学习专业知识，工作态度端正，认真负责，听从公司的安排，任劳任怨。

二、工作方面：

热爱自己的本职工作，能够正确认真的对待每一项工作，工作投入，热心为大家服务，认真遵守劳动纪律，按时上下班，有效利用工作时间，坚守岗位，需要加班完成工作按时加班加点，保证工作能按时完成。

在技术型团队中，技术不是万能的，但是没有技术是万万不能的。技术跟人品同等重要，技术水平是受人重视和尊重的重要砝码。请牢记：“如果一个技术人员在一两年内都没有更新过自己的知识，那么，其实他已经不再属于这个行业了。”不要告诉自己没有时间，时间就像海绵里面的水，所以，坚持学习专业知识。20xx年的目标就是高效、完美的完成自己的本质工作。

二、工作中的不足：

虽然通过三个月的努力，技术水平有所提高，但是还是存在很多不足的地方，因为基础打的不够好，很多地方学习起来有些吃力，不停的问同事，也给别人带来了不少麻烦，因为知识的不足，使得开始的学习有些混乱，感觉不知道从哪里开始学起，无从下手，浪费了不少时间！

网页设计实训报告（实用16篇）篇十一

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

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)技术出现以后，网页设计者充分、巧妙地应用此技术，让浏览者在下载过程中就可以欣赏这段音乐或电影，实现了实时的网上视频直播服务和在线欣赏音乐服务，无疑增强了页面传播信息的表现力和感染力。

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

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

网页设计实训报告（实用16篇）篇十二

网页设计实训报告（实用16篇）篇十三

不知不觉，我已经学习《网页设计与制作》这门课程一个学期了，虽然时间有点短，但这一个学期以后我却受益匪浅，不仅让我全面的、系统的学会了页设计与制作的基础知识，还让我学会了自己动手去制作属于自己的网页，这对于我来说是很值得高兴的，能让我在以后的工作生活中更好的展现自己。

建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。首先，我们要确立网站主题。网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于像我这样的.个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

然后，我们要找材料。明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

找到材料后，我们还要规划网站。一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。

做好以上三步之后，我们就要选择合适的制作工具。尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，在这里，我们一般都是用有“网络三剑客”之称的dreamweaver、fireworks、flash来制作网页，对于图片部分的处理，个人觉得photoshop比较好用。

最后，我们就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。 网页做好之后，就要发布到web服务器上，才能够让全世界的朋友观看，还要不断地进行宣传，这样才能让更多的朋友认识它。

以上就是我对于网页制作的一些个人心得，由于本人的技术还不是很成熟，还存在很多的不足（如：背景过于单调和网页布置不合理）。选择学习这门课是很正确的选择，虽然在以后不会再有机会去上了，但我还是会通过各种方式继续页设计和制作的，同时很感谢带我入门的徐兵老师，让我有机会去学习有关网页的知识，谢谢！

网页设计实训报告（实用16篇）篇十四

网页设计实训报告（实用16篇）篇十五

基本任务与要求：

阶段工作计划：

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

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

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

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

选题研究方法：

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

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

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

拟解决的主要问题：

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

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

预期结果：

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

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

网页设计实训报告（实用16篇）篇十六

现在网站制作越来越智能化，简单化，很多网站的建站工作基本上只要想好域名就可以了，其他的事情基本上都能自动化完成。

比如网站的内容更新操作，现在许多的cms系统都有采集插件，metinfo也不例外，只要设定好一些规则，每天都不用自己管理内容的更新，网站便会自动采集内容更新，相比起人工更新来说更加准时与定量，也能喂好搜索引擎的蜘蛛。当然如果你是做自己独有的产品优势，可能这种办法就不太适用你了。

比起手工建站的方式，现在的cms建站，完全不用靠自己聘请专门的程序维护员，来维护网站的稳定性，如同现在的云服务器一样，只要把服务器交给其他人管理就行，而且相比起来，他们更加专业，也更加实惠。

在营销方面，许多建站系统都考虑的比较周全，seo都只是最基本的及格建站系统，很多都搭配了三站合一甚至是四站合一，多样的营销方式，完全不用像以前一样带着文案自己谈客户，一手掌握互联网所有客户，只要你的营销手段高明，基本上不用愁网站的流量。

建站方面，需要注意的就是选择一个好的建站系统，完全可以在网站建设这条路上少奋斗几年。

同样的，随着建站的门槛越来越低，建站的人也越来越多，许多传统行业也融入了进来，与大市场伴随而来的是竞争激烈程度越来越大，想要在网络这个大市场赢得成功，就必须要时刻保持对市场敏锐的嗅觉力。