网页制作深入浅出

来源：网友世界作者：出处：巧巧读书 2006-11-05 进入讨论组

访问 http://www.qqread.com/dreamweaver/2006/11/x271604.html

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

图3

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

bannerAD[0]="pic173.gif";

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

bannerAD[1]="pic1732.gif";

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

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

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