*********************

《网页制作》课程实训

说  明  书

系 （部）：  ######系       

班    级：***************        

姓    名：  #####             

指导教师： ########   

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

4、1  网页制作实训的总结……………………………………………………25

4、2  网页制作实训的小组分工………………………………………………25

4、3  网页制作实训的未来展望………………………………………………25

第二部分  声明部分

参考文献…………………………………………………………25

第一章概述

一．实训报告的目的：

1.通过综合实训进一步巩固，深化和扩展对理论知识的认识，及对专业技巧的运用操作和熟悉。

（1）掌握规划网站的内容结构，目录结构，链接结构的方法。

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

（3）掌握网页页面布局的各种方法。

（4）掌握页面的整体控制和设置方法。

（5）掌握在页面中输入，设置标题和正文文字的方法。

（6）掌握在网页中插入图象，flash动画和背景音乐的方法。

（7）掌握各种形式的超链接方法。

（8）掌握网页特效制作的方法。

（9）掌握网站的测试方法。

（10）加深我们学生对该电子商务专业的认识和了解。

2.培养我们学生的动手能力，学会充分利用网站、书籍等方式收集所需的文字资料、图像资料、flash 动画和网页特效等。

3.培养我们学生运用所学理论知识和技能解决网站实训中所遇到的问题。

4.培养我们学生的团队意识和组织能力。

二.实训的成果：

1．为了完成我们所做网站的目的，“101度奶茶吧”我们实训成果，即我们所做的网站，我们的主题。一百度的热心，一百度的贴心，更多一度的温心。

三.实训的结论：

1.通过这次的实训使我认识到团队的精神和团队的力量，“101度奶茶吧”我们的骄傲。

四．实训的感受：

两个星期的实训，对于我们这组真的经历的三落，每一次的遭遇留下了深刻的印象，感慨万分，我不得不说只有经历过才懂得什么是深刻。我要感谢老师对我们这次实训的严格要求，没有严格的要求，估计我会放弃坚持，第一次优盘中毒，所有的努力就那么白费了，为了赶作业我第一次去包夜，一夜没睡一直在做，终于做好了，第二天演示效果很好，听到同学的掌声真的感觉这一切值了；好景没保持多久，优盘又在次中毒，所有刚链接的和所做的新的都没了，再一次感到无辜，感慨人生怎么如此捉弄，没办法只有去网吧，别人在玩我们却一直在忙碌，感觉好对不起我们的成员；就在满怀兴奋充满期待我们最后的演示，一切准备的很充分，就在演示时谁又能预料会有如此的事情，竟然一个成员的图片没有，当时真的所有在下面准备的台词都没了，我当时要求成员不要说了也不演示了，毕竟带来的影响不好，我矛盾，我说了声抱歉就下台了，无语，无奈，伤感，失落，一切就在沉默中。只期待结果不要那么差......

五．网页的主题说明：

1．101度的由来，主要是由于奶茶吧带给我的感受一百度的热心，一百度的贴心，更多一度的温心。

2.我们网站的主题，奶茶吧，是因为我们组成员都比较喜欢奶茶，尤其是我一直钟爱着奶茶，我相信大部分女生都比较喜欢，同业受大众的喜欢，因为我觉得不管是悠闲时还是忙碌时喝上一杯奶茶会让你体会到什么是别是一番滋味的感觉，也会让你心情放松。希望101度可以带给你更多的快乐。

六．需求分析：

个人认为奶茶有很好的前景，也受大家的喜欢，我相信如果真的可以开起来我肯定一定会很好，我有这个信心，而且现在喜欢奶茶的人也越来越多。

第二章站点规划

第一节网站的总体规划

1.101度网站我们主要是采用的简单的布局，整体感觉给人温馨，由于是关于奶茶的所以大部分都是以咖啡色为主，其中我们就是用咖啡来作为我们的封面，以一首《人鱼眼泪》来作为背景音乐，其中也有各种各样的奶茶，如香飘飘、优乐美、果汁奶茶、、、

2.网页的结构虽简单却不单调，主要是以奶茶的图片展示为主。

3.网页主要是分为了首页链接、分类链接、主要展现了我们成员的喜爱。

4.网页链接和香飘飘的介绍和各种各样的口味奶茶是由我来制作完成，同时负责整体效果，也是负责链接成员的分页面。

5.首页是由组员王丹负责，同时她也做了一些分页面。

6.优乐美是由组员汤英群负责。

7.热奶茶是由组员许倩倩负责。

8.网页所涉及到的技术是：Dreamweaver 滚动图片  flash  回顶端  命名锚记 鼠标移动图像等。

第二节网站框架的结构图

第二篇：实训报告-网页制作与网站建设项目实战

《网页制作与网站建设项目实战》

实训报告册

系部： 专业： 指导老师： 班级： 同组人员： 实训时间 学号: 姓名： 实训成绩： 批阅时间：

江苏财经职业技术学院

1

目 录

一、实训目的 .................................................................................... 3

二、实训任务 .................................................................................... 4

三、实训要求 .................................................................................... 5

四、实训设计说明 ............................................................................ 6

五、实训中遇到的问题和解决方法 .............................................. 17

六、心得体会 .................................................................................. 18

2

一、实训目的

1．进一步熟悉和掌握网站建设的基本流程和技术规范；

2．巩固网页设计中各种HTML标记的使用。

3．巩固运用Dreamweaver软件创建网站，边界和创建网页，Fireworks，photoshop图像处理软件进行网页中图形制作和运用flash动画，背景音乐文件，视频文件丰富网页内容的知识；

4．巩固运用网页模板，使用恰当布局技术实现网页的合理布局和内容的编排；

5．巩固运用网页特效，网页行为给网页添加简单交互功能；

6．巩固运用CSS样式表实现网页，网站整体风格，样式的设置。

8. 熟悉使用Dreamweaver和CMS系统开发简单动态网页的能力。

9．具备独立撰写实训报告等科技文件的基本能力；

10．在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识；

11．为今后从事网站开发、维护和管理奠定基础。

3

二、实训任务

1．站点规划，搜集资料。确定网站主题内容，规划站点结构，从网上搜索相关资料（图片、文字等）。

2．进行主页设计。构思主页布局，进行主页标题图片的设计（力求原创，使用学过的绘图软件），进行主页其余图片的设计和页面内容的录入，最后进行主页的整体优化设计。

4．网页设计。除主页以外的网页设计，首先设计网页模版，一部分网页由模版生成，一部分为单独设计（依据实际需要确定哪些网页由模版生成，确定哪些网页单独设计）。包括版面设计和图形设计、内容录入等。

5．多媒体使用。在网页上使用网络上的多媒体素材，或者可以自己创作多媒体素材，实现网页的内容多样性，增加网站的美观和趣味性。

6．创建数据库，链接数据库，添加简单动态网页，实现部分数据的维护和更新。

综合优化。链接正确、得当，动态效果好（时间轴动画、行为、代码的嵌入等）

7．网站测试并递交。在浏览器中对完成的网站逐页打开测试，包括链接正确与否，页面打开时间，图片和动画是否丢失等。

8．说明：实训报告中第一、二、三、部分为复印，四部分为分组打印，第

五、六部分手写。

4

三、实训要求

1．网站题材选择。

（1）班级网站（2）旅游景点网站（3）个人网站（4）网上书店（5）网上商店（6）课程学习网站（7）公司网站（8）学校网站

2．分组实现和各自网站风格对应的留言板，或者部分新闻发布管理功能。

3．实训技术要求。

页面布局合理，色彩和谐，链接正确，图文并茂并茂。网站页面大小应该满足800*600分辨率的客户，兼顾1024*768分辨率。

主要图片和动画为原创（保存有源文件），主页标题图片（动画）必须为原创。 必须且合理使用动态技术（包括行为、时间轴动画、嵌入代码等），必须且合理运用模版、库文件。

站点中网页总数不少于8页。

5

四、实训设计说明

1．网站主题说明（给出网站名称，为什么选择本主题网站，网站风格特色说明）

1、网站名称：旅游网站

2、选择本网站的的原因：选择旅游网站是因为我们身居江苏这个风景迷人的地方，在这里学习了接近2年的时间，对江苏淮安的文化有了更深的理解。尤其是淮安的景点，那有着古典气息的文化色彩，让我们对它有着很大的热爱。

3、网站风格特色：我们无的网站的主要特色是以古老的淮河文化为主业面板，运用透明flash实现古色古香的气息，让旅客看到这个页面有身临其境的感觉。

6

2．网站总体设计（说明设计思路，给出网站总体结构图，参考实训指导书）

7

3．网站主体风格设置，网站整体CSS样式表文件或网站模板，库，使用文字加效果图说明。

8

4．网站主页设计（网页主页布局设计，画出主页主要内容布局图）

9

5．网站各个功能模块的功能及实现（每个功能部分功能说明，使用的主要技术，运行截图）

10

11

12

13

6．网站特色，关键模块介绍（请结合具体的文字介绍，还有功能展示截图进行说明。该部分可以为网站的创意，网站的架构，网站的整体版式，网站的风格，还可以是网站使用的典型的特效，突出的功能模块等）

14

15

16

五、实训中遇到的问题和解决方法

17

六、心得体会

18