网页设计实训报告

上海交通大学MBA学位论文新经济时代的企业绩效评价与报告PAGE1《计算机应用基础》实训报告实训题目：上海介绍网站网页设计专业：计算机应用技术班级：姓名：指导老师：完成日期2011年12月29日

摘要在设计这个上海介绍网站网页时，我使用了Dreamweaver，Flash，Photoshop三款软件。这三款软件包含许多设计技术，我这次看似简单的网站网页，但是在设计的过程中使用了代码调节表格，才使得这个网站网页趋于完善。开始时，我打算利用文字加上超链接作为导航，但做出来后，发现效果不好，导航死板，而且不好看，这时我想到了Flash。就利用Flash制作了一个导航，在网页上放了Flash，网页一下变得更美观了。关键词：Dreamweaver，Flash，导航，网页

目 录引言 1第一章需求分析 21.1网站网页需求分析 21.2运行环境要求 2第二章技术分析 22.1Dreamweaver技术分析 22.2Flash技术分析 3第三章网站网页设计 33.1站点总体结构分析 33.2主要页面分析 3第四章站点测试 34.1主要页面测试 3参考文献 5致谢 6计算机应用基础实训课题名称：PAGE3引言根据我国当今社会的实际情况，旅游成了人民休闲的主要方式。由于旅游胜地的繁多，游客手里没有足够时间一次性去多个，所以旅游导航就成了解决时间不足的最好办法。但新的问题又出现了，选择适合自己的旅游地点，成为旅客考虑的问题。为了解决这一问题，我上网了解了上海的各个方面，选择了其中著名的三个地点。考虑到现在网络的普及使用，我想利用Dreamweaver软件，设计了一个小网站，在选择旅游地点时可以发挥大作用。本着为游客办实事的态度，为了让这个网站更人性化，我精心为旅客介绍了上海三个著名地点。

第一章需求分析1.1网站网页需求分析根据我国当今社会的实际情况，旅游成了人民休闲的主要方式。由于旅游胜地的繁多，游客手里没有足够时间一次性去多个，所以旅游导航就成了解决时间不足的最好办法。但新的问题又出现了，选择适合自己的旅游地点，成为旅客考虑的问题。为了解决这一问题，我上网了解了上海的各个方面，选择了其中著名的三个地点。考虑到现在网络的普及使用，我想利用Dreamweaver软件，设计了一个小网站，在选择旅游地点时可以发挥大作用。本着为游客办实事的态度，为了让这个网站更人性化，我精心为旅客介绍了上海三个著名地点。1.2运行环境要求CPU:奔腾586处理器以上内存：15MB以上剩余硬盘：100MB以上操作系统：windows98以上浏览器：IE4以上第二章技术分析2.1Dreamweaver技术分析Dreamweaver中用<table><tr><td></td><tr><table>语句修改表格，在加上图片滚动和鼠标移动停止效果时用了<marqueebehavior="scroll"direction="left"loop="-1"scrollamount="7"scrolldelay="1"onmousemove=stop()onmouseout=start()><imgsrc="images.jpg"width="175"height="200"/></marquee>代码，为了让网页声情并茂利用代码加上背景音乐。图2.1首页2.2Flash技术分析利用Flash，设计了一个导航，再利用Flash动作功能为导航的5个按钮上加上超链接。第三章网站网页设计3.1站点总体结构分析从首页index.html上的五个按钮和一张图片，能超链接到6个网页。3.2主要页面分析背景里放上了一张水面图片，上方为Flash导航，导航下有一条动态水平线，能超链接到6个不同的网页，中间为一个图片框，中间有多张图片不停滚动，下面为上海的介绍。

参考文献[1]张景峰主编.ASP程序设计教程（第二版）,北京：中国水利水电出版社，2007年6月.[2].俞晓松，“新经济与全球化对亚太地区的机遇与挑战”，中新网上海10月.[3].李巧宁，“中科创业崩盘内幕大曝光”，/,2010年11月2日

致谢啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊