网页设计实训报告大纲

新的世纪，互联网将进入一个崭新的阶段，信息化的发展带动其它产业的发展，各行业都将与它进行更深入的融合和渗透。下面是小编收集的网页设计实训报告，欢迎参考阅读!

　　【网页设计实训报告1】

1、 预期目标

(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样式，使得制作过程方便了很多。

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

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

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

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

　　【网页设计实训报告2】

　　一、 实训意义

网页设计与制作综合实训是教学过程中重要的实践性教学环节.它是根据专业教学计划的要求.在教师的指导下对学生进行网页制作专业技能的训练,培养学生综合运用理论知识分析和解决实际问题的能力,实现由理论知识向操作技能的培养过程.因此加强实践教学环节,搞好实训教学,对实现本专业的培养目标,提高学生的综合素质有着重要的作用.

　　二、 实训目的

1. 通过综合实训进一步巩固,深化和加强学生的理论知识于专业技能。

(1) 掌握规划网站的内容结构,目录结构,链接结构的方法。

(2) 熟练掌握网页制作软件Dreamweaver8和基本操作和使用技能。

(3) 掌握页面的整体控制和头部内容设置的方法。

(4) 熟练掌握网页页面布局的各种方法。

(5) 熟练掌握在网页中输入,设置标题和正文文字的方法。

(6) 熟练掌握在网页中插入图像,Flash动画和背景音乐的方法。

(7) 熟练建立各种形式的超级链接的方法。

(8) 掌握表单网页制作方法。

(9) 掌握网页特效制作方法。

(10) 掌握网站测试的方法。

2. 训练和培养学生获取信息和处理信息的能力,充分培养和提高学生的动手能力,学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、Flash动画和网页特效等。

3. 培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及基本工作素质。

4. 培养学生理论联系实际的工作作风,严肃认真的科学态度以及独立工作的能力,树立自信心。

　　三、实训步骤

1.定义站点

2.设定网页属性和文本格式

3.从大到小把结构设计好

4.输入主要内容并进行排版

5、检查并保存

　　四、实训心得

两周的实训转瞬即逝，在这短暂的时间里，我们在老师的指导和帮助下，对于网页设计与制作有了进一步的了解。

在这两周内，同学们每天都按时完成老师留下的作业，对于自己以前不理解的东西，通过老师的重新讲解、指导和自己的练习，对其有了很好的了解;对于我们看不懂的一些内容，通过与同学协商和听老师的讲解来理解并掌握它。在这两周的实训里，我发现了许多自己以前没有注意到的问题，在flash制作方面，有很多是自己以前没注意过的，通过老师的讲解和同学的帮助，我了解到一些新的东西并对网页设计与制作有了更深的兴趣，如falsh制作与运用、网站的基本制作、超链接的设置等;我们对网页设计与制作方面的知识有了一定的认识，为我们以后对网站的学习和运用有很大的帮助。

通过实训，我们把网页设计与制作中涉及到的理论和实践更好的结合起来，我对网页设计与制作这本书有了更深的理解，在flash制作方面有了很大提高，操作能力也得到了增强，使我们了解到无论做什么事都要有足够的耐心，还要认真细心。在做题时要对自己做过得东西进行仔细的检查，同时也使我了解到同学之间要相互协作、共同努力。