网页设计课程报告

1、武汉华夏理工学院课 程 报 告课程名称：网页设计题 目：旅游景点镇江网站制作 专 业 软件工程 班 级 软件1152 学 号 _10212815227_姓 名 _ _成 绩 _指导教师 苏永红 2017年3月1日至2017年6月10日 目录1 设计目的12 开发环境13 需求分析14 概要设计15 详细设计与实现25.1在dw中的效果图35.2 网站运行效果图106 总结131 设计目的 介绍旅游景点镇江，让更多的人认识到镇江的美好之处，并在设计过程中提升自己在这方面的能力。2 开发环境 adobe dreamweaver cs63 需求分析 选定主题，确定题目之后，在做整个网站之前对网站进行

2、需求分析。首先，做好需求调研。调研方式主要是上网查阅资料，在图书馆里翻阅相关书籍。调研内容如下：1、网站当前以及日后可能出现的功能需求。2、客户对网站的性能的要求和可靠性的要求。3、网站的实际运行环境。4、网站页面总体风格以及美工效果。5、 主页面和次级页面数量等。6、内容管理及录入任务的分配。7、各种页面特殊效果及其数量。此次制作网站选定的主题是有关介绍旅游地点的，网站简单介绍了旅游地镇江，该网站整体站功能结构图(如图1所示)：首页景点地图景点介绍数码剪影分享交流图1 网站整体站功能结构图 4 概要设计整个网站分为：主页面，景点地图，景点介绍，焦山，茅山，数码剪影，分享交流共七个页面，每个页

3、面都配有文字和图片，可以让浏览此网站的人对镇江有一定的了解。系统功能结构图（如图2所示）：首页景点地图景点介绍数码剪影分享交流进入返回首页茅山焦山返回首页进入返回首页进入返回首页填写留言图2 系统功能结构图 5 详细设计与实现1. 确定主题，在网上搜集所需要的信息。2. 打开dw，新建一个htlm，打开工具栏，选用表格布局，根据网站显示的需要，更改表格布局的属性值。3. 建立网页模板，建立站点，并在模板里建立多个子网页。4. 在模板中插入下载的图片，并编辑大量文字来介绍图片上所描述的地方，建立多个超链接，实现从当前页面切换到另一个页面的功能。 5.1在dw中的效果图镇江首页dw效果图（如图3所

4、示）图3 镇江首页效果图 景点地图dw效果图（如图4所示）图4 景点地图dw效果图 部分代码：ms=茅山，是著名的道教圣地。茅山道教渊源流长，相传早在距今5000多年前，就有高辛氏时代人展上公修炼，后有葛洪、杨羲、许谧、陶弘景等名道修炼、隐居茅山。茅山道教，在中国道教史上享有很高的声望和地位，曾赢得了“秦汉神仙府，梁唐宰相家”、“第一福地，第八洞天”等美誉。茅山道院上世纪七十年代末开始修复，1982年被国务院批准为首批对外开放的重点宫观。;jsjs=焦山，系“京口三山”名胜之一，向以山水天成、古朴幽雅闻名于世。它位于镇江市区东北，由象山景区、焦山景区、松寥山景区及焦东滩、桂花园景区等组成，总面

5、积约1500亩左右。其中焦山景区为主体，是风区的核心。;欢迎访问景点地图！    快速导航：返回首页景点介绍dw效果图（如图5所示）图5 景点介绍dw效果图 部分代码：欢迎访问景点介绍！    快速导航：返回首页焦山茅山焦山：数码剪影dw效果图（如图6所示）图6 数码剪影dw效果图 部分代码：欢迎访问数码剪影！    快速导航：返回首页 欢迎访问数码剪影！    快速导航：返回首页分享交流dw效果图（如图7所示）图7 分享交流dw效果图

6、 部分代码：欢迎访问分享交流！    快速导航：返回首页 请您留言     联系人姓名： 联系人地址： 联系人电话： 联系人e-mail： 留言： 5.2 网站运行效果图镇江首页网页效果图（如图8所示）图8 镇江首页网页效果图 景点地图网页效果图（如图9所示）图9 景点地图网页效果图 景点介绍之焦山网页效果图（如图10所示） 图10 景点介绍之焦山网页效果图 景点介绍之茅山网页效果图（如图11所示）图11 景点介绍之茅山网页效果图 数码剪影网页效果图（如图12所示）图12 数码剪影网页效果图 分享交流网页效果图（如图13所示）图13 分享交流网页效果图6 总结通过这次制作网页的过程，加深了我对网页设计的了解，并让我学习到了许多平时不知道的知识，让我更好的学会了应用dreamweaver，fireworksflash等软件 并让我知道了怎样更好的结合着使用这些软件。也让我知道了自己在网站建设这方面还存在的不足之处并且认识到了自己需要改进的地方和以后要努力的的方向以便于以后更好的进行学习。我主做了景点地图，