安徽机电职业技术学院 网页制作实训

安徽机电职业技术学院

《网页制作》课程实训

说 明 书

系 （部）： 人文管理系 班 级： 电商3112 姓 名： 丁国燕 指导教师： 胡存梅

2011 ~ 2012学年第一学期

1

安徽机电职业技术学院 网页制作实训

摘要

这次实训我们设计的网站是关于旅游的，网站主题叫人在旅途网，关于我们为什么选择这个主题，原因是我们小组的成员大都喜欢旅游，喜欢大自然的那份自然美，那份宁静，还有，在物质高速发展的现时代里，人们的生活节奏快，很少有人停下脚步欣赏路边美景，很少知道这个世界上所存在的那些旅游景致。我们设计的目的是为了让更多的了解大自然的美，是为了让那些忙碌的人有一个休憩的好地方可去，是为了让那些想去旅游而不知去哪旅游的人有一个更专业的旅游可查，是使那些人知道大自然独特的景致后和我们一样喜欢去旅游。除此之外，我们也是在完成一项作业。意义就是通过这次实训不仅锻炼了我们个人的能力而且也让我们懂得了合作的重要性。我希望旅游者通过浏览我们的网站在最短的时间内知道他们想要去的地方，为他们节省查询时间。通过这次实训，我额外的学习到了如何上网查询信息，而不浪费不必要的时间；我也学会了与同学和谐相处，互帮互助，共同解决问题的能力；与此同时，我也在这次实训中发现了自己与他人的差距以及自身速度慢和效率低的不足。

在这次实训的过程中我主要运用了Dreamweaver的相关知识，例如：我们使用了站点、框架、表格、图片、音乐、层、锚链接和主链接，模板、滚动技术、模板套用到页技术等之外还有PPT展示。我们共设计了15个主页面，三十多个分页面，其中主页面只链接了13个，分页面链接了三十左右。链接的主页面分别是:首页、专区推介、旅游风尚、名人游记、春季、夏季、秋季、冬季旅游、度假酒店、景区门票、心灵之窗、心情日记、旅行贴吧、关于我们；主页面链接的有首页、专区推介、旅游风尚、名人游记、春、夏、秋、冬旅游、度假酒店、景区门票、心情日记、旅行贴吧、关于我们；分页面链接的有春季游中的千岛湖的“船菜”，夏季游中的圣安尼奥——河滨步道，俄罗斯的圣马可大教堂，广州的荷花浪漫处处香，内蒙古夏季游草原，秋季的各地旅游景点推荐，冬季的黄山游。而我的网页设计运用了站点、表格、模板??

我们网站的总体风格是以清新淡雅为主，辅色调以少量的亮色相衬，主要运用蓝色与绿色来设计首页及分页，其中唯一例外的是关于我们，关于我们运用的是绚丽的红设计，同时也很花哨。而我的夏季游主页面总体上也是以蓝色和浅绿色为主，因为我个人觉得蓝色象征了天空——宽阔无边，任人畅游。浅绿色象征着生机勃勃，侧面给人一种大自然的渲染。

在分工中也出现了一些亮点：虽然我们总体及个人的排版有些简单，可简单有助于旅游者不需要到处。接下来介绍我组成员的分工：组长曹承艳负责春季游、专区推介、旅游风尚、名人游记、旅行贴吧设计；楚薇负责秋冬季旅游、度假酒店、景区门票、心情日记、关于我们设计；而我只负责夏季游，夏季游中选了12个景点可最终链接了4个，景点主要是国内外的著名风景胜地。

2

安徽机电职业技术学院 网页制作实训

目录

目录??????????????????????3

第一章 概述??????????????????3 1.1 1.2 1.3

夏季游的现状?????????????????4 夏季游的内容?????????????????5 夏季游的意义?????????????????6

第二章 夏季游的页面设计与出现的问题??????6

2.1 页面详细设计与测试???????????????6 2.2 页面设计的原因与源码展示????????????10

2.3 页面设计中出现的问题及解决办法????????????12

第三章 夏季游的创新点与不足点??????????13

3.1 夏季游的创新点与展望????????????????13

3.2 夏季游的不足点与展望????????????????13 第四章 实训心得及参考文献????????????13 4.1 实训心得体会?????????????????????13 4.2 参考文献??????????????????????14

3

安徽机电职业技术学院 网页制作实训

第1章 网站的主题主题说明

1.1 夏季游的现状

我们网站的主题设计是关于旅游，网站起名叫做人在旅途网，我们选则这一主题的原因是我们小组的成员大都喜欢旅游，喜欢大自然的那份自然美，那份宁静，还有，在物质高速发展的现时代里，人们的生活节奏快，很少有人停下脚步欣赏路边美景，很少知道这个世界上所存在的那些旅游景致。我们设计的目的是为了让更多的了解大自然的美，是为了让那些忙碌的人有一个休憩的好地方可去，是为了让那些想去旅游而不知去哪旅游的人有一个更专业的旅游可查，是使那些人知道大自然独特的景致后和我们一样喜欢去旅游。除此之外，我们也是在完成一项作业。到目前为止，我们的网站大体上完成，不过需要不断地维护及修改，我们的网站的已经通过PPT向同学及老师展示了一遍，通过这一两次的展示，我们组成员都明白了自己组与他人组的差距。

我所做的是我们人在旅途网中的一个夏季模块，人在旅途网首页包括15个主页面，三十多个分页面，其中主页面只链接了13个，分页面链接了三十左右。链接的主页面分别是:首页、专区推介、旅游风尚、名人游记、春季、夏季、秋季、冬季旅游、度假酒店、景区门票、心灵之窗、心情日记、旅行贴吧、关于我们；主页面链接的有首页、专区推介、旅游风尚、名人游记、春、夏、秋、冬旅游、度假酒店、景区门票、心情日记、旅行贴吧、关于我们；分页面链接的有春季游中的千岛湖的“船菜”，夏季游中的圣安尼奥——河滨步道，俄罗斯的圣马可大教堂，广州的荷花浪漫处处香，内蒙古夏季游草原，秋季的各地旅游景点推荐，冬季的黄山游。

在这次实训的过程中我主要运用了Dreamweaver的相关知识，例如：我们使用了站点、框架、表格、图片、音乐、层、锚链接和主链接，模板、滚动技术、模板套用到页技术等之外还有PPT展示。而我的网页设计运用了站点、表格、模板??

我们网站的总体风格是以清新淡雅为主，辅色调以少量的亮色相衬，主要运用蓝色与绿色来设计首页及分页，其中唯一例外的是关于我们，关于我们运用的是绚丽的红设计，同时也很花哨。而我的夏季游主页面总体上也是以蓝色和浅绿色为主，因为我个人觉得蓝色象征了天空——宽阔无边，任人畅游。浅绿色象征

4