网页制作的实训报告.docVIP

********************* 《网页制作》课程实训 说 明 书 系 （部）： ######系 班 级：*************** 姓 名： ##### 指导教师： ######## 2011 ~ 2012学年第一学期 摘 要 本说明书主要介绍了我们所做的101度奶茶吧的网站，尤其重点介绍了由我所负责的网页制作过程。我们是利用dreamweaver8软件技术来制作的网站。我所负责的是网页的链接及修改成员的页面整体效果还有我所做的关于香飘飘的分页面和各种口味奶茶吧的分页面内容。然而希望通过这次的介绍及对本次实训的总结，让大家对101度奶茶吧有一个深度的了解和认识，希望我们101度奶茶吧可以使你更喜欢奶茶同时也希望在浏览我们网站时可以带给你不一样的心情。 我们在制作网页的过程中运用了框架式结构来排版页面，同时也运用了flash动画效果，和音乐背景，我们是运用我们所掌握的所有技巧还有网上所学到的知识运用到了我们的网页中。我们小组分工明确，由我来担任组长，每个人都有自己所负责的部分，经过两个星期的共同努力，终于圆满完成这一任务。所谓的辛苦觉得一切都值得。目 录 第一章概述……………………………………………………………4 1、1 网页制作实训的目的……………………………………………………4 1、2 网页制作实训的成果……………………………………………………5 1、3 网页制作实训的结论……………………………………………………5 1、4 网页制作实训的感受……………………………………………………5 1、5 网页制作实训的网页主题主题说明……………………………………6 1、6网页制作的需求分析………………………………………………………6 第二章 站点的规划……………………………………………………6 2、1 网站的总体规划…………………………………………………………6 2、2 网站的框架结构图………………………………………………………7 第三章 详细的页面设计和规划………………………………………8 3、1 我的主页面效果及源代码展示……………………………………………8 3、2 主页面设计及源代码展示…………………………………………………12 3、3 组员部分链接网页及源代码展示…………………………………………14 3、4 ppt 展示…………………………………………………………………25 第四章 网页制作总结………………………………………………25 1 网页制作实训的总结……………………………………………………25 4、2 网页制作实训的小组分工………………………………………………25 3 网页制作实训的未来展望………………………………………………25 第二部分 声明部分 参考文献…………………………………………………………25 第一章概述 一．实训报告的目的成果结论...... 五．网页的主题说明： 1．101度的由来，主要是由于奶茶吧带给我的感受一百度的热心，一百度的贴心，更多一度的温心。 2.我们网站的主题，奶茶吧，是因为我们组成员都比较喜欢奶茶，尤其是我一直钟爱着奶茶，我相信大部分女生都比较喜欢，同业受大众的喜欢，因为我觉得不管是悠闲时还是忙碌时喝上一杯奶茶会让你体会到什么是别是一番滋味的感觉，也会让你心情放松。希望101度可以带给你更多的快乐。 六．需求分析： 个人认为奶茶有很好的前景，也受大家的喜欢，我相信如果真的可以开起来我肯定一定会很好，我有这个信心，而且现在喜欢奶茶的人也越来越多。 第二章站点规划 第一节网站的总体规划 1.101度网站我们主要是采用的简单的布局，整体感觉给人温馨，由于是关于奶茶的所以大部分都是以咖啡色为主，其中我们就是用咖啡来作为我们的封面，以一首《人鱼眼泪》来作为背景音乐，其中也有各种各样的奶茶，如香飘飘、优乐美、果汁奶茶、、、 2.网页的结构虽简单却不单调，主要是以奶茶的图片展示为主。 3.网页主要是分为了首页链接、分类链接、主要展现了我们成员的喜爱。 4.网页链接和香飘飘的介绍和各种各样的口味奶茶是由我来制作完成，同时负责整体效果，也是负责链接成员的分页面。 5.首页是由组员王丹负责，同时她也做了一些分页面。 6.优乐美是由组员汤英群负责。 7.热奶茶是由组员许倩倩负责。 8.网页所涉及到的技术是：Dreamweaver 滚动图片 flash 回顶端 命名锚记 鼠标移动图像等。 第二节网站框架的结构图 2