网页设计课程报告

《网页设计课程报告》由会员分享，可在线阅读，更多相关《网页设计课程报告（15页珍藏版）》请在毕设资料网上搜索。

1、 课 程 报 告 课程名称：网页设计 题 目：旅游景点镇江网站制作 目录 1 设计目的 1 2 开发环境 1 3 需求分析 1 4 概要设计 1 5 详细设计与实现 .2 5.1 在 DW 中的效果图 .3 5.2 网站运行效果图 10 6 总结 . 13 1 1 设计目的设计目的 介绍旅游景点镇江，让更多的人认识到镇江的美好之处，并在设计过程中提 升自己在这方面的能力。 2 开发环境开发环境 Adobe Dreamweaver CS6 3 需求分析需求分析 选定主题，确定题目之后，在做整个网站之前对网站进行需求分析。首先， 做好需求调研。调研方式主要是上网查阅资料，在图书馆里翻阅相关书籍。调

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

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

4、 2 系统功能结构图 3 5.1 在在 DW 中的效果图中的效果图 镇江首页 DW 效果图（如图 3 所示） 景点地图 DW 效果图（如图 4 所示） 图 3 镇江首页效果图 图4 景点地图DW效果图 4 部分代码： ms= 茅 山，是著名的道教圣地。茅山道教渊源流长，相传早在距今 5000 多年前，就有高辛氏时代 人展上公修炼，后有葛洪、杨羲、许谧、陶弘景等名道修炼、隐居茅山。茅山道教，在中国 道教史上享有很高的声望和地位，曾赢得了“秦汉神仙府，梁唐宰相家”、“第一福地，第 八洞天”等美誉。茅山道院上世纪七十年代末开始修复，1982 年被国务院批准为首批对外 开放的重点宫观。; jsjs=

5、焦 山，系“京口三山”名胜之一，向以山水天成、古朴幽雅闻名于世。它位于镇江市区东北， 由象山景区、焦山景区、松寥山景区及焦东滩、桂花园景区等组成，总面积约 1500 亩左右。 其中焦山景区为主体，是风区的核心。; 欢 迎 访 问 景 点 地 图 ！ 快 速 导 航 ： 返回首页 景点介绍 DW 效果图（如图 5 所示） 图 5 景点介绍 DW 效果图 5 部分代码： 欢迎访问景点介绍！ 快速导航：返回首页 焦山 茅山 焦山： 6 数码剪影 DW 效果图（如图 6 所示） 部分代码： 欢 迎 访 问 数 码 剪 影 ！ 快 速 导 航 ： 返回首页 欢 迎 访 问 数 码 剪 影 ！ 快 速 导

6、 航 ： 返回首页 分享交流 DW 效果图（如图 7 所示） 部分代码： 欢 迎 访 问 分 享 交 流 ！ 快 速 导 航 ： 返回首页 图 7 分享交流 DW 效果图 8 请您留言 联系人姓名： 联系 人地址： 9 联系 人电话： 联系 人E-mail： 留 言： 10 5.2 网站运行效果图网站运行效果图 镇江首页网页效果图（如图 8 所示） 景点地图网页效果图（如图 9 所示） 图 8 镇江首页网页效果图 11 景点介绍之焦山网页效果图（如图 10 所示） 景点介绍之茅山网页效果图（如图 11 所示） 图 9 景点地图网页效果图 图 10 景点介绍之焦山网页效果图 12 数码剪影网页效果图（如图 12 所示） 分享交流网页效果图（如图 13 所示） 图 12 数码剪影网页效果图 图 11 景点介绍之茅山网页效果图 13 6 总结总结 通过