北纬30度寻秘之旅设计报告.DOCVIP

仿真平台与工具应用实践之 网页设计报告 题 目： 北纬30度寻秘之旅 院 系： 中国语言文学学院 专业班级： 汉语言文学二班 姓 名： 吴宇轩 徐钰 学 号： 吴宇轩（201230010226） 徐钰 （201230010227） 指导老师： 陈娟 二零一三年七月七日 北纬30度寻秘之旅 设计目的 熟悉掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。培养我们利用计算机进行网页设计的基本思路和应用开发能力，提高我们的计算机文化素质。同时选用“北纬30度寻秘之旅”选为此次网页的主题，引起大家对于历史、地理的兴趣，并且呼吁大家走进科学，用生动形象的方式展示北纬30度上的著名景点以及奇异现象。 二、需求分析 北纬30度线作为地球上一条神秘的纬线，在其附近有许多著名景点，同时也发生过许多奇异现象。我们小组的两名成员作为科普爱好者，特意制作以“北纬30度寻秘之旅”为主题的网站，在于吸引大家走进科学。同时也给广大科普爱好者提供了一个了解知识的平台。 三、设计制作方案 网站栏目 网站共分为8个栏目。分别为“古埃及金字塔群”、“死海与古巴比伦”、“珠穆朗玛峰”、“三星堆”、“神农架”、“马里亚纳海沟”、“百慕大三角”以及“玛雅文明”。每个栏目都有相对应的文件夹。每个栏目的子页面都放在所对应的文件夹里。另外音乐和视频等文件有一个单独的文件夹，方便插入视频和音频。 主页的设计我们是在世界地图上沿北纬30度自西向东划过一条线，依次展示各个景观，采用热点和层的技术，点击时便可进入相对应的栏目。同时主页还有一个我们自己制作的以“中国最美的风景走廊”为主题的视频，旨在展示中国北纬30度上的秀丽风光。 设计工具 Dreamweaver 8 、美图秀秀、Flash、格式工厂 组内人员工作安排 吴宇轩——网页设计报告、资料的收集整理、网页中期制作、“中国最美的风景走廊”的视频制作 徐钰——资料的收集整理、网页中期制作、网页后期美化修改 设计时间安排 7月3日—7月5日：所需资料的收集及网页的中期制作 7月6日：“中国最美的风景走廊”视频的制作 7月7日：对网页进行修改和美化 四、关键技术 站点的建立 站点的建立一定要有一定层次，不仅方便制作，也方便管理。音乐和图片等最好单独建立文件夹存放。 超链接的制作 制作超链接时，先选取文字或者图片，单击超级链接按钮，链接到目标页面。适当的运用超链接可以更加方便的阅览网页，使网页更加人性化。超链接将各个栏目及栏目页面链接起来。 运用热点工具和层等进行主页的制作 运用层对网页进行制作时，注意热点的选取、层的建立以及动作设置的顺序不能出错。 4. 框架的运用 在制作主页和“死海与古巴比伦”这两个版块，我们运用到了框架。主页采用的是“左边及上方框架”，“死海与古巴比伦”采用的是“左侧框架” 5.锚记的添加 为了更方便的一个网页上找到自己所需要的内容，我们在某些页面上添加了锚记。 6.视频和音频的插入 视频和音频的插入可以使网页内容更丰富，同时增加大家的兴趣，我们在此次网站的制作中，每个版块的主页都有插入相对应的歌曲以及视频，在主页也插入了以“中国最美的风景走廊”为题的视频。 7.Flash的制作 在主页上，我们插入了自己制作的视频，主题是“中国最美的风景走廊”，其中运用到的软件是Flash. 8.利用美图秀秀制作图片 为了使网页更加美观，我们运用了美图秀秀制作网页的标题以及一些图片。 五、总结 由于我们小组成员都是科普知识的爱好者，此次网站的主题确定十分顺利。但当真正开始制作时，却出现了许多问题，比如一开始不知道表格的大小应如何调整、文字排版总是出错以及音频、视频文件不能插入等问题。但我们并没有失去信心，而是通过上课听老师的讲解以及课后的研讨，顺利解决了这些问题。在此次网页制作的过程中，锻炼了我们的团队协作能力，同时也提高了对于dreamweaver8这款软件的使用能力。作为21世纪的大学生，提高计算机水平是至关重要的，通过这次实践，我们受益匪浅。 六、参考资料 《大学计算机基础》 Flash使用教程