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

PAGE PAGE 217 企业案例 静态网页制作（Dreamweaver） 所在系别： 计算机技术系 所属专业： 计算机网络技术 指导教师: 张亚静 专业负责人： 孙志成 案例二十、《求是》杂志网站 一、案例整体目标及要求 （一）案例目的 以CSS+DIV技术来做成静态页面，JS来添加的动态特效，提升学生网页设计与制作能力。 （二）案例要求 网页以求是网站为主题，采用HTML+CSS+DIV来网页布局，它大致分为5个模块。大体结构是上、左、右，网页的head部分和left部分是不动的。right部分来显示不同页面的内容。 二、案例解决方案 1、首页 效果图: 2.求是网标题简介 关键代码如下： div id=one div id=logo img src=images/zt_index1.jpg style=width:1000px;/ /div div id=logo1 img src=images/v6_index_0321_01.png / /div div id=logo2 img src=images/1119809066_1477648084801_title0h.png / /div div id=nav ul lia class=lj1 href=#首页/a/li lia class=lj1 href=jingji.html经济/a/li lia class=lj1 href=zhengzhi.html政治/a/li lia class=lj1 href=wenhua.html文化/a/li lia class=lj1 href=#社会/a/li lia class=lj1 href=#党建/a/li lia class=lj1 href=#科教/a/li lia class=lj1 href=#生态/a/li lia class=lj1 href=#国防/a/li lia class=lj1 href=#国际/a/li lia class=lj1 href=#兵团/a/li lia class=lj1 href=#图书/a/li /ul /div div id=quanmian全面从严治党 厚植党执政的政治基础/div div id=zhuti img src=images/1120035961_1480636257460_title0h.jpg style=width:400px; height:300px/ /div div id=zhuti1 img src=images/1119748568_1476864073053_title0h.png style=width:200px; height:140px/ /div div id=zhuti2 img src=images/1120032036_1480576003245_title0h.jpg style=width:200px; height:140px;/ /div div id=zhuti3 img src=images/1119765039_1477039981502_title0h.png style=width:140px; height:40px;/ /div div id=zhuti4 img src=images/1118378907_1460096873449_title0h.jpg style=width:140px; height:40px;/ /div div id=zhuti5 ul lia class=lj1 href=#span2016-10-17/span习近平：关于《准则》《条例》的说明/a/li lia class=lj1 href=#span2016-10-13/span关于新形势下党内政治生活的若干准则/a/li lia class=lj1 href=#span2016-09-27/span中国共产党党内监督条例/a/li lia class=lj1 href=#sp