网页的设计课程的报告.docVIP

课 程 报 告 课程名称：网页设计 题 目：旅游景点镇江网站制作 目录 1 设计目的 1 2 开发环境 1 3 需求分析 1 4 概要设计 1 5 详细设计与实现 2 5.1在DW中的效果图 3 5.2 网站运行效果图 10 6 总结 13 1 设计目的 介绍旅游景点镇江，让更多的人认识到镇江的美好之处，并在设计过程中提升自己在这方面的能力。 2 开发环境 Adobe Dreamweaver CS6 3 需求分析 选定主题，确定题目之后，在做整个网站之前对网站进行需求分析。首先，做好需求调研。调研方式主要是上网查阅资料，在图书馆里翻阅相关书籍。调研内容如下：? 1、网站当前以及日后可能出现的功能需求。? 2、客户对网站的性能的要求和可靠性的要求。?? 3、网站的实际运行环境。? 4、网站页面总体风格以及美工效果。? 主页面和次级页面数量等。 6、内容管理及录入任务的分配。?? 7、各种页面特殊效果及其数量。? 此次制作网站选定的主题是有关介绍旅游地点的，网站简单介绍了旅游地镇江，该网站整体站功能结构图(如图1所示)：? 4 概要设计 整个网站分为：主页面，景点地图，景点介绍，焦山，茅山，数码剪影，分享交流共七个页面，每个页面都配有文字和图片，可以让浏览此网站的人对镇江有一定的了解。 系统功能结构图（如图2所示）： 5 详细设计与实现 确定主题，在网上搜集所需要的信息。 打开DW，新建一个HTLM，打开工具栏，选用表格布局，根据网站显示的需要，更改表格布局的属性值。 建立网页模板，建立站点，并在模板里建立多个子网页。 在模板中插入下载的图片，并编辑大量文字来介绍图片上所描述的地方，建立多个超链接，实现从当前页面切换到另一个页面的功能。 5.1在DW中的效果图 镇江首页DW效果图（如图3所示） 景点地图DW效果图（如图4所示） 部分代码： ms=div style= background-color:#FFF; border:solid #000 1px;padding:3px;img src=images/ms.jpg width=100 align=left border=3 style=border:solid 4px #FFF;　　茅山，是著名的道教圣地。茅山道教渊源流长，相传早在距今5000多年前，就有高辛氏时代人展上公修炼，后有葛洪、杨羲、许谧、陶弘景等名道修炼、隐居茅山。茅山道教，在中国道教史上享有很高的声望和地位，曾赢得了“秦汉神仙府，梁唐宰相家”、“第一福地，第八洞天”等美誉。茅山道院上世纪七十年代末开始修复，1982年被国务院批准为首批对外开放的重点宫观。/div; jsjs=div style= background-color:#FFF;border:solid #000 1px;padding:3px;img src=images/js.jpg width=100 align=left border=3 style=border:solid 4px #FFF;　　焦山，系“京口三山”名胜之一，向以山水天成、古朴幽雅闻名于世。它位于镇江市区东北，由象山景区、焦山景区、松寥山景区及焦东滩、桂花园景区等组成，总面积约1500亩左右。其中焦山景区为主体，是风区的核心。/div; /script div id=apDiv2欢迎访问景点地图！nbsp;nbsp;nbsp;nbsp;快速导航：a href=index.html返回首页/a　/div 景点介绍DW效果图（如图5所示） 部分代码： /style /head bodydiv class=homebg div id=left div class=js id=js/div /divdiv id=menu 　　div class=menu1 onmouseover=this.className=menu1a onmouseout=this.className=menu1 style=cursor: hand; onclick=self.location=jddt.html;/div 　　div class=menu2 onmouseover=this.className=menu2a onmouseout=this.className=menu2 style=cursor: hand; onclick=self.location=jdjs.html;/div 　　div class=menu3 onmouseover=this.className=menu3a onmouseout=this.className=menu3 style=cursor