Dreamweaver实用小技巧 小龟 2001年 17期 #1 一、细框表格 以前常常看见有些网站中的文字框的边框很细,只有一个像素宽,于是自己也试着在Dreamweaver中将“Boarder”的宽度调整为1,并填上颜色,结果却并不是我所要的效果,后来把别人的网页的源代码研究了一番,才明白其中的奥妙,原来是“Cellpad”的功劳,具体设置请看^17040702a^1,当然,如果想要得到预想中的效果,还得有分点小技巧哦!先选中这个表格,然后在属性面板中随意选择任何一种颜色(如黑色)。接着,取消表格的选择,把鼠标箭头放在表格内部点击,当看到有光标闪动后,再次在属性面板中选择一种能区别刚才所选的颜色(如白色),这时我们再来看看效果,怎么样?! #1 二、表格的高度 朋友,你有没有遇到过这种事情:你要插入一个两个像素高的表格,然而无论怎样调整,表格却始终不能压缩到两个像素,而总是显示其插入时的默认高度,这是怎么回事呢?有次我无意中发现了这其中的奥妙。请选中你所插入的表格,然后点击右下方的“编辑源代码”按钮,出现如下图所示的编辑框。注意看图中黄色高亮区的地方, !好,就是它捣的鬼!原来是因为表格中有个默认的字符空间,所以表格才不能任意压缩,那么现在就把这个讨厌的“ ”删掉吧。我们关掉源代码编辑框回到原视图,现在我们再把表格的宽度调整为2试试看,是不是大功告成了?(^17040702b^2) #1 三、插入竖线 我们常看到网页中有一个像素宽的细竖线,怎样实现呢?假设你所要插入的直线是一个像素宽的,那么请打开Fireworks,新建一个长宽都为1像素的文件,填上你喜欢的任何颜色,点“file”—“exportpreview”,在弹出的框中的左上角的文件类型下拉菜单中选“Gif”,在下面的颜色数量框中填写1,好了,点“export”按钮,保存文件,取文件名为1.gif。回到dreamweaver,在适当的位置插入刚才制作的1.gif,选中它,在属性框里的高度一栏中填上你喜欢的任何高度,OK,就这么简单,我们完成了由“点”到“线”的工作,而文件多大呢?才59字节! 我个人认为fireworks的输出性能相当好用,如今我做网站Banner几乎都是采取这样的程序:在Flash里做好动画,输出成动画Gif,然后再用Fireworks对它进行每一帧的时间设置和色彩数量的设定,这样做出的文件既美观,又尽可能降低了文件大小,适应了网络的要求,实在是一举两得啊!另外,Gif动画不支持Flash里的Movie clip,这一点一定要注意哦! #1 四、文字环绕 刚开始学习网页制作的网友们也许常遇到这样的问题:插入一幅图后,在这之后输入的文字总是不能自动在图周围排列,而是自动转到下一行了,就像这样(^17040702c^3),怎样让文字环绕图片排列呢? 选中你插入的图片,在属性框中的右边“Align”下拉菜单中点选“Left”,接着我们就开始输入文字,哈哈,瞧,文字是不是自动在图片的右边和下边环绕了(^17040702d^4)。在“Align”下还有很多选项,你一个个都试试,相信你一试就明白! #1 五、固定背景 有的网页窗口滚动的同时,网页背景却纹丝不动。怎么实现这个效果呢?这下可得用到源代码编辑了,还是点“编辑源代码”按钮,打开Html编辑框,在“
…”之间加上这样一段代码 OK,搞定!保存网页,在浏览器里预览一下,是不是很酷啊! #1 六、解决表格紧贴左上方的问题 这大概是多数网友不大会注意的问题,其实有时也会有这种特殊需要的,在此,我提供三种方法供读者选择。 方法一:“Ctrl+J”,弹出Page Properties,将Left、Top、Margin Width、Margin Height 全部设为0。 方法二:把下面一段代码加到你的中topmargin=“0”leftmargin=“0” 方法三:方法二中只适用于IE,如果让其也适用NETSCAPE加入下面代码