网页实训总结

（信息工程系）

综合实训总结报告

实训课程：____ 网页制作 ____ ______

实训项目： _ 网页制作基础教程实训 _

姓名：_ _ ______ ___

班级：_ 11计算机应用

学号：_______

指导教师：___ _ _

实训时间： 2012-2013学年第一学期第20周

网页制作实训总结报告

一、实训目标

1、知识目标：

⑴掌握设置站点。

⑵掌握网页元素的基本操作。

⑶灵活使用超级链接。

⑷熟练掌握表格、层和框架来布局页面。

⑸掌握表单的设置与使用。

⑹掌握设置CSS样式。

⑺能够使用多媒体来丰富页面。

⑻能够使用模板制作大批风格相似的页面。

2、技能目标：

⑴对于给定的设计题目，学会如何进行分析，理清思路，并给出相应的结构模型。

⑵通过对所选课题的分析，有针对性的进行调查研究，学会收集、整理相关资料。

⑶合理运用所学过的知识及实验中的练习，将其融入本次实训当中，真正成为自己的东西。

⑷熟练运用所学知识制作出具有个人特色的班级网站

二、实训环境

我们在6号机房完成了为期一周的实训，此机房设备、软件齐全

1、硬件设备

PC机

2、软件环境

Dreamweaver 8.0、 flash、photoshop等

三、实训内容

1、确定的网站内容要健康、具有时代气息。

2、网站提供的信息应与网站主题相符合。

3、页面布局合理，网站结构应层次分明，主题鲜明，界面美观、简洁。

4、建议采用层、表格、框架结构布局页面，导航和超链接清晰。

5、插入图片、多媒体元素。

6、撰写实训报告。

四、实训步骤

1、根据老师布置的实训要求，构思整体布局以及LOGO的设计。

2、打开Macromedia Dreamweaver 8，创建相应的本地站点，命名为banjizhuye(E/banjizhuye)，在banjizhuye站点中建立文档和文件夹，分别为index，xiangce，banwei，chengyuan，huodong和文件夹images，flash，ps 等。

3、打开Adobe Photoshop CS4，利用ps着手做logo，因为我们是11级计算机应用班，所以我就用艺术字设计了字体，外面的图标代表这我们团结进取，里面倒影的树叶是代表着我们蓬勃的精神面貌，下面的五个字母是计算机应用的首字母缩写。如下图；

4、利用表格对页面布局，我的网站共有5个主页面：班级首页、相册集合、班委成员、班级成员、班级活动，每一个页面用统一的背景以及图片，以保证网站统一的页面风格，版面设计十分灵活，根据各部分内容的不同适当的自由设计。

网页布局主要用框架和表格，用框架定位内容的大体结构，再用表格具体定位。位子的设计也是重要的一个部分，根据具体内容决定字体风格，相同的风格多次调用是用css设计一个样式，以保证随时、准确的调用。

1)通过绘制表格来设计页面布局；

2）在表格中插入页面元素，如利用文本域，来创建用户登录界面，插入图片等，首页头部插入了flash动画，改变其参数，使其达到了雪花飘落的动态效果，

如下图：

主页的左边我用代码实现了其自动播放幻灯片的效果，右边利用代码达到了字幕的滚动效果，如下图：

5、子页面的设计，整体格局美观，温馨，明亮，能让观赏者眼前一亮，并在每个子页面添加了滚动字幕，以及flash特效。如下图：

6、每个网页完成后，为其添加链接，以达到浏览每个页面时畅通无阻，在添加

链接时，为了使导航文字在浏览时是白色字体，我用CSS为导航栏定义了一个

版块，并用 CSS高级设置设置我需要的色彩。

五、实训总结

在这三天多的实训当中和同学进讨论制作网站，同时学到了许多关于网页制作的相关知识。第一，我觉得在制作过程中，发现自己学的东西太欠缺了，要学习有条不紊，要学习冷静思索，所以我想以后课上课下一定要认真学习，虚心听取别人意见，多去学习一点网页制作的技术，以备我以后的制作之路。通过这次实训，我学到了很多有价值的东西。我独立的完成了网站设计的全过程，把设计中散乱的网页链接成框架体系，使平时学到的知识点有了很高的提高，并且合理的在试验中进行了实践。第二，在这次实验的过程中，我搜集了大量的素材和网页设计的技术技巧方面资料，扩大了知识面，给我在以后的设计过程中能博采众长，制作出好的网页打下了基础。我现在已经掌握文档排版标记的使用熟练使用及其属性设置、特殊符号；第三：我现在已经熟练使用超级链接，合理使用列表；第四：我现在已经掌握图片标记及相关属性的使用、了解表格标记制作表格的方法。最后，我感受最深的是：要想做好一个网站，素材和技能都十分重要。好的素材需要多方查找资料，可以从图书、网站和新闻上查找。好的技能需要不断的实践，经常锻炼做网页。如果拥有好的素材和精湛的技能就可以做出精湛的网页。五天的实训课程结束了，此次实训检验了通过一学期的学习对知识进行了汇总，通过本次实训我已基本掌握了制作简单网页的过程，基本熟悉了各种软件的综合使用方法。实践出真理，实训的日子过去了，从理论和操作中融合了我们平时所学的知识，为我们的学习和工作铺垫了精彩的一幕。因此，我坚信，用血去做自己认为应该做的事，努力的开拓我们的极限，没有什么是不可能的，我们要更加的去努力。通过这五天的学习，在制作过程中出现了许多问，这些都是细节问题，我与同学进行了细致的研究后，最后达到了所要预期的效果。我非常感谢学校给了我这次制作网页的机会！