封面
(1)打开FrontPage,Ctrl+O打开刚才保存在文件夹中的cover。
选择左下角的“拆分”,方便观察图片和对应的代码。

(2)在<body 处输入空格,弹出代码菜单,找到控制滚动条的scroll=no
目的就是隐藏最后合成时边上多余的滚动条。

(3)选中图片中的标题,右键→超链接,目标链接选择main(即内页)。


(4)这时图片边缘出现默认的蓝色链接线。
去掉它的方法:找到该切片对应的代码,输入空格,弹出代码菜单,找到控制链接线的 border=0
附加:去掉链接时虚线的代码:<a onFocus="this.blur()" href="main.html">

(5)菜单-网页过渡-选择自己喜欢的过渡效果


(6)保存完成。
文本页
(1)新建空白网页,在设计窗口导入TXT文档的DRAMA第一轨(注:是TXT,最好不要用WORD格式直接粘贴= =)
(2)选择样式-BODY-修改,设置字体和间距的CSS参数。


例如:<style>
<!--
body { line-height: 150%; font-size: 12pt; margin-top: 0; margin-bottom: 0 }
-->
</style>
即:行间距1.5倍,字体12pt,段前段后间距0。
(3)设置滚动条
在上面的body { }之间插入
SCROLLBAR-FACE-COLOR: #FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR: #eef5f7;
SCROLLBAR-SHADOW-COLOR: #eef5f7;
SCROLLBAR-3DLIGHT-COLOR: #eef5f7;
SCROLLBAR-ARROW-COLOR: #8490da;
SCROLLBAR-TRACK-COLOR: #FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR: #eef5f7;
注:可根据自己喜欢的颜色调整,#FFFFFF为后面的透明做准备=v=
(4)菜单-网页过渡-选择自己喜欢的过渡效果
(5)保存到同一文件夹下,名称为Track01
(6)分别复制TXT文档第2,3,4……轨,粘贴,另存为Track02,Track03,Track04……
内页
(1)打开FrontPage,Ctrl+O打开刚才保存在文件夹中的main。
选择左下角的“拆分”,方便观察图片和对应的代码。
(2)在<body 处输入空格,弹出代码菜单,找到控制滚动条的scroll=no(同封面第2步)
(3)菜单-插入-层

(4)在层的<div style="XXX" id="layer1">插入引用框架代码</div>

代码如下:
<IFRAME name=I1 src=Track01.htm frameBorder=0 width="100%" height="100%" target="_self" background-color="transparent" STYLE="filter: chroma(COLOR=#FFFFFF)"></IFRAME>
其中彩色部分可根据自己的需要定义。
src=Track01.htm——对应文本页的第一轨
STYLE="filter: chroma(COLOR=#FFFFFF)" 使背景和滚动条透明。
若换成#000(黑色)或其他颜色,要发生透明,相应的文本页背景和滚动条底色也必须是#000或对应颜色。
(5)自由拖拽层到适合的大小和位置

(6)选中切片中的TRACK01,右键→超链接,目标链接-选择track01;目标框架-选择框架I1,确定。
以此类推把其他各轨加超链接。注:标题的链接目标框架-选择相同框架即可。

(7)去掉链接线和虚线,同封面第4步。
(8)菜单-网页过渡-选择自己喜欢的过渡效果
(9)保存。

