4、在css文件中添加bmgk风格

在“_EX_RESOURCE_”目录下打开css文件，将下列定义加入文件中：

DocMgtTreeViewHead mvIndent DocMgtTreeViewBody bmgkTreeViewMainNode DocMgtTreeViewBottom .bmgkDocMgtTreeViewHead —— 设置头部显示风格 { background-image: url(' xyh_03.jpg '); 设置头部图片背景

21

background-repeat: no-repeat; —— 铺设背景图片是否重复 width: 160px; —— 头部宽度 height:145px; —— 头部高度 }

.bmgkDocMgtTreeViewBody { background-color: #fffcba; —— Body的背景色 width: 160px; —— Body的宽度 height: 90px; —— Body的高度 padding-left:10; }

.bmgkmvIndent { —— 缩进参数的设置 width: 10px; height:21px; }

td.bmgkTreeViewMainNode —— 设置节点所在的单元格的风格 { height:22px; padding-top:2px height:26px; cursor: hand; }

A.bmgkTreeViewMainNode { —— 缩进链接的风格设置 font-family: \宋体\ —— 字体 font-size: 12px; —— 字大小 color: #000000; —— 字颜色 text-decoration: none; —— 是否有下划线 cursor: hand; —— 链接时鼠标指示的形状 }

a.bmgkTreeViewMainNode:visited { —— 链接访问过之后的风格 font-family: \宋体\ font-size: 12px; color: #000000; text-decoration: none; }

a.bmgkTreeViewMainNode:hover { —— 鼠标停留在链接上的风格 font-family: \宋体\ font-size: 12px; color: #990000; text-decoration: none; }

.bmgkDocMgtTreeViewBottom { —— 设置底部显示风格 background-image: url('down_10.jpg'); background-repeat: no-repeat; width: 160px;

22

height:3px; }

5、铺设静态页面左侧底图

点击页面右上角的“修改共享页面”――设计此页――点击显示内容WEB部件的下拉箭头，点击“修改共享WEB部件”如图

在页面的右侧出现显示内容的属性，点击“源编辑器”，出现显示内容WEB部件的代码。 在代码的下面添加铺底图的样式代码

6、将“公司概况”的静态页面与首页挂接

（1）、点击文档库与列表，点文档库中的“pages”，进入pages页面—→点开“公司概况”，将此页面的URL地址后加“?main=公司概况.htm ” —→ 然后将“pages/gsgk.aspx?main=公司简介.htm” 拷贝，用Code.html编译器进行编译。把编译过的地址Pages以后的内容重拷贝。

23

回到主页，点击右上角的“修改共享网页”-----“修改共享web部件”----“公司概况”，

进入下一页面，（1）点开“源编辑器”将上一步编译过的地址Pages以后的内容拷贝到其对应的链接处，然后保存—应用---确定。

24