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

PAGE PAGE 217 企业案例 静态网页制作（Dreamweaver） 所在系别： 计算机技术系 所属专业： 计算机网络技术 指导教师: 张亚静 专业负责人： 孙志成 案例十八、设计和制作计算机系部网站 一、案例整体目标及要求 （一）案例目的 通过企业案例项目培养我们的动手能力，提高网页制作能力和水平，灵活运用HTML+CSS+DIV、JavaScript技术，本案例的主题是中华人民共和国国防部的主页和二级页面。 （二）案例要求 网页以官方网站为主题，采用HTML+CSS+DIV、table来网页布局。大体结构是上、中、下。在网页中使用了javaScript代码来添加网页特效。 二、案例解决方案 1、页面导航 分为首页、高层、权威发布、新闻发言人、军事外交、武装力量、军事行动、国防服务、法规文献、国防动员11个模块。 效果图： 2、首页 效果图: 首先看到的是首页 ，下面显示则是各个图片。以图片滚动的特效来显示。（利用js脚本，将图片放到表格中，实现图片滚动的效果）。 关键代码如下： 效果截图：上半部分网页代码开始： div id=dy div id=hezi div id=banner align=center img src=images/beijing.jpg width=980 height=180 /div div id=guohui img src=images/logo.png / /div div id=time 2016年12月25日星期日 /div div id=ziti ul lia href=#网站地图/a/li lia href=#繁体版/a/li lia href=#English/a/li /ul /div div id=sousuo img src=images/sousuo.PNG / /div div id=dhl ul lia href=index.html首页/a/li lia href=#高层/a/li lia href=#权威发布/a/li lia href=#新闻发言人/a/li lia href=#军事外交/a/li lia href=#武装力量/a/li lia href=#军事行动/a/li lia href=#国防服务/a/li lia href=#法规文献/a/li lia href=#国防动员/a/li lia href=#国防教育/a/li lia href=#军队媒体/a/li /ul /div !--/* jstexiao*/-- div id=te div id=featured !-- div class=content style= /div-- img src=images/captions1.jpg width=980px height=300px/ img src=images/4437e6581c8919c6af0608.jpg width=980px height=300px / img src=images/chuan.jpg width=980px height=300px / /div /div !--/* jstexiao*/-- /div div id=de div id=xzt div id=jha href=erji.html习近平主持政治局会议研究部署党风廉政建设和反腐败工作/a/div div id=jh1a href=erji.html[要减少腐败存量、重点遏制增量，深入推进党风廉政建设和反腐败斗争，让广大群众感受到全面从严治党的实际成效]/a/div /div div id=xtp img src=images/xtp.png / /div /div上半部分网页代码结束。 中部内容效果图： 中部代码： div id=ds div id=zt div id=qwfb a href=#权威发布/a /div div id=qw a href=#习近平主持中共中央政治局民主生活会br/a /div div id=qw1 a href=#习近平同联合国秘书长潘基文通电话br/a