Dreamweaver网页制作深入浅出

4.单击“Ctrl＋S”保存各个框架（top.htm，left.htm，right.htm）。然后选择左框架，点击“菜单”→“插入”→“超链接”命令，会出现如图3所示的对话框。在该对话框中输入各个项，其中“文本”是链接显示的文字，“链接”是单击之后跳转到的页面地址，“目标”是在哪个框架里显示。在此我们选择“目标”为mainFrame(即左边框架)，并按照此步骤继续插入超链接。接下来进入右框架(right.htm)的代码视图，在里输入 欢迎光临我的网站!!!，这是一个文字特效，可以让文字左右上下移动，其中把direction换成(UP，DOWN，Left，Right)就可以改变文字的移动方向了。 网管网www.bitscn.com

网管bitscn_com

网管联盟bitsCN_com

5.至此已经做出了一个带框架的HTML页面，下面我们要在上框架(top.htm)上加入一个Banner。Banner可以做一些JavaScript动态效果，动态交换效果具体代码可以去Top.Htm页面的源码里查看，笔者在此只给出关键代码： 网管u家u.bitsCN.com

bannerAD[0]="pic173.gif"; 中国网管联盟bitsCN.com

bannerADlink[0]="http://www.sina.com";

网管网www.bitscn.com

bannerAD[1]="pic1732.gif";

网管联盟bitsCN@com

bannerADlink[1]="http://www.sohu.com";

网管联盟bitsCN_com

代码解释：如上给出的是一个JavaScript数组，bannerAD存放的是图片，bannerADlink存放的是单击图片后的链接，可以根据自己的需要加减图片。 网管网www.bitscn.com

6.继续为右框架的超链接做页面，具体内容可以自己定。选择“文件”菜单，单击“新建”，选择HTML创建一系列页面，页面的名称要与在插入链接时写的名称一致。笔者在原文件里做了两个例子（最新消息和人气明星），读者朋友们可以自己尝试加入更多内容。这样，一个HTML网站的雏形就制作好了，如图4所示是该页面的最终效果。

网管网www.bitscn.com

网管联盟bitsCN_com

动态效果在截图中体现不出来，读者可以直接在IE打开源文件中的Index.htm，打开后会有提示，单击右键就会弹出“允许阻止内容”的提示菜单。

网管bitscn_com

总结：本期我们介绍的是如何用Dreamweaver做一个简单的HTML站点，里面用到了部分JavaScript、HTML框架、超链接等技术。另外上面我们所看到的出现阻止内容的提示，是因为没有把网页发布到站点上。在下期，笔者将带给大家更精彩的内容。