网页制作一点通(26)

网络通信

  制作弹出小窗口

  上网浏览网页时经常会遇到自动跳出的广告小窗口,有的是文字说明,有的是Flash动画,那么这种小窗口是如何制作的呢?下面来看看两种方法的制作过程吧。

  方法一:打开Dreamweaver,新建一个页面,在标题处输入标题名称,然后设置页面属性,左边界、顶部边界均为0。在页面中插入图片或文字内容。

  打开需要添加弹出窗口的页面,例如网站的首页。依次点击“插入→标签→HTML标签→页面构成”,插入一个“body”标签,进行一些属性设置。

  方法二:打开行为面板,点击“+”按钮添加行为。选择“打开浏览器窗口”,随即跳出一对话框,在要显示的 URL 处,选择弹出小窗口页面文件。在此对话框中可以设置弹出窗口的属性。设置完成后点击“确定”即可。最后按F12,在浏览器中浏览发布的效果。

  在FrontPage中显示图片

  如果你用FrontPage做了一张主页,里面有一些图片,在本地一切正常,但上传后背景、图片就显示一个小红叉,这是怎么回事呢?其实产生这样的问题有两种可能:

  情况一:图片使用了绝对路径。如果图片链接用的是绝对路经,上传后就找不到此图片文件。这时打开源文件,选中上传后显示不出来的图片,单击鼠标右键,选择“属性”,可以看到“图片源”为file:///D:/liuzx/img/zx.jpg形式,这就是绝对路径,我们可以将它改为相对路径“img/zx.jpg”即可。

  情况二:大小写问题。是因为图形文件名或是图形文件所在的目录名中有大写字母,或是里面有中文,还有就是不要用中文文件名或目录名。比如图形文件所在的目录为Img,将它改为img,上传后显示就正常了。

  插入竖直线

  我们都知道用 <hr> 可以插入一条水平线,但如何插入一条竖直线呢?其实有两种方法可以实现:

  方法一:先看看用 <hr> 方法插入竖直线。建立一个表格,然后在某一单元格内插入一条水平线,选中此线,单击鼠标右键,选择“水平线属性”命令,将其宽度设为1个像素,高度为100像素,一条高为100像素的垂直线就出来了。

  如果想要更长的线,只将高度值设大是没用的,这是因为HTML只承认100像素高的水平线。这时你可以加回车键,然后再画一条同样的水平线,或者在竖直方向上的两个单元格内都加一条同样的水平线。我们还可以改变线的颜色,以达到不同的效果。

  方法二:利用插入表格。在一个表格中,单击鼠标右键,选“表格属性”,设置表格的单元格间距均为0。再单击鼠标右键,选“单元格属性”,设置某一单元格的指定宽度为1个像素,高度为100个像素,并设置合适的背景色。

  定时刷新

  在线更新新闻后,浏览者必须刷新页面才能看见。其实,我们可以通过Dreamweaver MX来实现定时刷新页面。在“插入”功能面板上选择“文件头标签”功能组,然后选择其中的“Refresh”选项,在弹出的“刷新”对话框的“延迟”栏中输入以秒计的间隔时间,比如每五分钟刷新一次,则输入300。最后在该对话框上,复选“刷新此文档”选项来完成定时刷新功能。