个人网页设计实训报告3篇

【请您参阅】下面供您参考的“个人网页设计实训报告3篇”是由阿拉网友精心整理分享的，供您阅读参考之用，希望此例范文对您有所帮助，喜欢就复制下载支持一下小编了！

个人网页设计实训报告篇1

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

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

一．网站的整体规划

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

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

3.确定栏目和板块：

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

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

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

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

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

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

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

2.熟悉制作工具软件：

主页制作的基本条件有：

硬件：

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

软件：

html编辑软件：常用的有frontpage、hotdog等，本文重点介绍 dreamweaver；

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

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

三．网页制作

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

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

然后是主页和二级页面的设置。要注意,网上只能使用jpg和gif两种图象格式，其他诸如bmp和tif等很通用的格式都不能用在网上,因为它们太大了,但可以用图象软件进行转换，比如office 97的照片编辑器。把准备在主页上出现的图象放进相应的目录里后.在一步一步的边学边做的过程中，看着心中的东西一点一点的出来，真的很有成就感。虽然自己的网页技术还差的远，但是回顾一下这周真的学到了很多的东西。

四．网页的调试

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

总结

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

本文地址：http:///zuowen/

个人网页设计实训报告篇2

一实验目的1．学习html语言和dreamweaver，frontpage等工具

2．掌握在本地环境下运用asp技术实现一个简单的电子商务网站

二实验的方法和原理

三实验过程

1.资料的搜集。

组长分配任务，大家从网站上搜集各种关于手机的资料。

2.熟悉制作软件。

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

3.构建站点框架。

打开dremweaver后第一步便是新建站点

4设计主页及二级页面。

5实现网页间的链接

链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。

6向静太网页插入动态效果

四实验心得

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

近三个星期的实训将要结束，其中的酸甜苦辣我会在今后的日子里不断地去咀嚼，去回味，去探索。从制作网页过程中，我学到了新的美化网页的方法，运用了更多以前未运用的技巧。这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少，我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养，锻炼和提高。

个人网页设计实训报告篇3

实习目的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、层与行为的应用

层在网页中相当于一张张的胶片，通常用来确定网络元素在浏览器中 的起止位置层最重要的用途是动态效果设计。层可以包括文本、图 像、表格，甚至其他图层

而且层对于制作网页部分重叠更是有特殊的效果。步骤如下： 1）打开一个页面，打开“修改”，“页面属性”，在页面属性中，选择

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

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

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

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

6）在“层”面板中，选中“防止重叠”选项。6、使用 flash mx8 制作动态文字

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、控制多个影片的播放

制作的方法：

先看自己的影片里的帧长度，比如说：第一个影片剪辑的时间轴长是 20，那么你第 2 个影片剪辑就放在主场景的第 21 贞）第 2 个影片剪 辑就放在它的后一贞就可以了。无论几个影片剪辑都是一样的。9、制作动态分隔条

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

五、结论

1、收获

在新疆停网的状态下，我们只用了一周实习时间。在这一周的实习里 我学到了很多也收获了很多，在老师和同学的帮助下顺利的完成了实习内容。对前面的知识精心的进行整理，把这一学期的知识作了复习和训练，更加牢固地掌握了学过的东西对

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

2、不足

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

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

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

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

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

于在实习的时候自己的速度跟不上，做出来的 flash 和 gif 小动画 不令人满意。4、不能熟练掌握工具，不了解好多工具的属性和用途，导致好多图

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

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

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

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

六、致谢

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

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

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