静态网页制作（Dreamweaver） 静态网页制作（Dreamweaver） 企业案例16.docVIP

PAGE PAGE 217 企业案例 静态网页制作（Dreamweaver） 所在系别： 计算机技术系 所属专业： 计算机网络技术 指导教师: 张亚静 专业负责人： 孙志成 案例十五、电脑官方网站 一、案例整体目标及要求 （一）案例目的 以HTML+CSS+DIV技术来做成静态页面，JavsScript脚本来添加的动态特效，采用HTML+CSS+DIV来网页布局。 （二）案例要求 以CSS+DIV技术来做成静态页面，使得静态网页更具有活力。Div布局通过模块的方式使网页更有条理的分出板块。Css样式更改网页文字和图片的属性使网页更具有活力。 二、案例解决方案 1、页面导航 分为首页、走进正定、信息公开、在线办事、历史风采、正定风采六个模块。 效果图： 2、首页 效果图: ①首先看到的是正定首页，然后是网站的走进正定，可以链接到详细信息。 = 2 \* GB3 ②下面显示则是正定景点，展示正定悠久的文化图片。以图片和文字的效果来展示。 关键代码如下： div id=titleimg src=images/QQ图片20161210163000.jpg width=1200 height=230 //div div id=zgzd中国.正定/div div id=zgyximg src=images/yz.jpg width=100 height=100 //div div id=novul li首页/li lia href=erji1.html走进正定/a/li li信息公开/li li在线办事/li li历史风采/li lia href=erji2.html正定风采/a/li /ul /div div id=ziti 新春佳节来临之际，中国正定推出必威体育精装版文化优惠旅游路线，欢迎新老顾客预订。 /div div id=rgf 荣国府旅行 /div div id=bk/div div id=rgftimg src=images/rgf.jpg width=200 height=150 //div div id=ziti1荣国府、宁荣街位于石家庄市北15公里处的正定县，是为配合电视连续剧《红楼梦》的拍摄，br / 根据古典文学名著《红楼梦》中所描绘的金门玉户神仙府，桂殿兰宫妃子家和中国清代木br / 结构建筑的通行规范严格设计和建造的，并参照《大清会典》中规定的王公府第的建筑制度br / 而建造的一座仿明末清初的建筑群。荣国府分为荣国府和宁荣街两个部分。 荣国府占地面积br / 二万二千平方米，建筑面积四千七百平方米，房间二百一十二间，游廊一百零二间。1986年br / 8月，由习近平牵线，历时1年8个月，耗资350多万元、总建筑面积37000平方米的荣国府景br / 区顺利竣工。1987年，随着电视剧《红楼梦》的播出，正定知名度大大提高，当年有130万人br / 次前来参观游览，门票收入就达221万元，旅游收入1761万元，很快就收回了投资。荣国府br / 景区极大地带动了正定旅游业的发展，开创了旅游业正定模式。 /div div id=lxs隆兴寺旅行/div div id=bk1/div div id=lxst img src=images/lxs.jpg width=200 height=150 / /div div id=ziti2 隆兴寺，别名大佛寺，位于河北省石家庄市正定县城东门里街，原是东晋十六国 时期后燕慕br /容熙的龙腾苑，公元586年(隋文帝开皇六年)在苑内改建寺院，时称龙藏寺，唐改称隆兴寺;br / 是中国国内保存时代较早、规模较大而又保存完整的佛教寺院之一。寺院占地面积82500平方米，br / 大小殿宇十余座，分布在南北中轴线及其两侧，高低错落，主次分明，是研究宋代佛教寺院建br / 筑布局的重要实例。隆兴寺核定为中国AAAA级旅游景区、全国首批重点文物保护单位、中国十br / 大名寺之一。隆兴寺主要建筑分布于一条南北中轴线及其两侧。寺前迎门有一座高大琉璃照壁，br / 经三路三孔石桥向北，依次是:天王殿、天觉六师殿(遗址)、摩尼殿、戒坛、慈氏阁、转轮藏阁、br / 康熙御碑亭、乾隆御碑亭、御书楼(遗址)、大悲阁、集庆阁(遗址)和弥陀殿等。在寺院围墙外东br / 北角，有一座龙泉井亭。寺院东侧的方丈院、雨花堂、香性斋，是隆兴寺的附属建筑，原为住持br / 和尚与僧徒