《网页实训总结.docVIP

（信息工程系） 综合实训总结报告 实训课程：____ 网页制作 ____ ______ 实训项目： _ 网页制作基础教程实训 _ 姓 名：_ _ ______ ___ 班 级：_ 11计算机应用 学 号：_______ 指导教师：___ _ _ 实训时间： 2012-2013学年第一学期第20周 网页制作实训总结报告 一、实训目标 1、知识目标： ⑴掌握设置站点。 ⑵掌握网页元素的基本操作。 ⑶灵活使用超级链接。 ⑷熟练掌握表格、层和框架来布局页面。 ⑸掌握表单的设置与使用。 ⑹掌握设置CSS样式。 ⑺能够使用多媒体来丰富页面。 ⑻能够使用模板制作大批风格相似的页面。 2、技能目标： ⑴对于给定的设计题目，学会如何进行分析，理清思路，并给出相应的结构模型。 ⑵通过对所选课题的分析，有针对性的进行调查研究，学会收集、整理相关资料。 ⑶合理运用所学过的知识及实验中的练习，将其融入本次实训当中，真正成为自己的东西。 ⑷熟练运用所学知识制作出具有个人特色的班级网站 二、实训环境 我们在6号机房完成了为期一周的实训，此机房设备、软件齐全 1、硬件设备 PC机 2、软件环境 Dreamweaver 8.0、 flash、photoshop等 三、实训内容 1、确定的网站内容要健康、具有时代气息。 2、网站提供的信息应与网站主题相符合。 3、页面布局合理，网站结构应层次分明，主题鲜明，界面美观、简洁。 4、建议采用层、表格、框架结构布局页面，导航和超链接清晰。 5、插入图片、多媒体元素。 6、撰写实训报告。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高级设置设置我需要的色彩。 五、实训总结 在这三天多的实训当中和同学进讨论制作网站，同时学到了许多关于网页制作的相关知识。第一，我觉得在制作过程中，发现自己学的东西太欠缺了，要学习有条不紊，要学习冷静思索，所以我想以后课上课下一定要认真学习，虚心听取别人意见，多去学习一点网页制作的技术，以备我以后的制作之路。通过这次实训，我学到了很多有价值的东西。我独立的完成了网站设计的全过程，把设计中散乱的网页链接成框架体系，使平时学到的知识点有了很高的提高，并且合理的在试验中进行了实践。第二，在这次实验的过程中，我搜集了大量的素材和网页设计的技术技巧方面资料，扩大了知识面，给我在以后的设计过程中能博采众长，制作出好的网页打下了基础。我现在已经掌握文档排版标记的使用熟练使用及其属性设置、特殊符号；第三：我现在已经熟练使用超级链接，合理使用列表；第四：我现在已经掌握图片标记及相关属性的使用、了解表格标记制作表格的方法。最后，我感受最深的是：要想做好一个网站，素材和技能都十分重要。好的素材需要多方查找资料，可以从图书、网站和新闻上查