网页制作一点通(48)

站长空间

最大化DW的编辑窗口

当我们的网页宽度比较大的时候,用默认的Dreamweaver窗口排列设置就会捉襟见肘。这个时候你可以按“F4”键看看,编辑窗口将会全屏显示,这样编辑起来就方便多了。

制作特效按钮

在网站制作中,往往会花好长时间去制作按钮,但制作出来的效果却令人失望,其实大可不用花费心思,利用FrontPage2003就可轻松制作出超酷特效按钮。

打开FrontPage2003,点击菜单“插入→Web组件”。在弹出的对话框中选择组件类型为“动态效果”,效果为“交互式按钮”。此时可以在跳出的对话框中选择喜欢的特效按钮,然后你就可以设置这个按钮了,输入按钮的名称、链接到的地址、按钮的效果、大小和颜色等设置,这里就是选择的“透明矩形”效果,完成点击“确定”按钮,这样一个非常有特色的按钮就轻松地制作出来了。

让表格内的文字自动换行

让表格中的文字自动换行,一般有如下两种可能的情况:

情况一:用CSS把表格内文字的字体设置成了英文字体,这样在DW里表格内的文字不会自动换行,但这仅是DW里的显示效果,在IE里其实是可以正常换行的。如希望在DW的编辑状态也能使文字自动换行,把表格内文字的字体设置为中文字体即可(例如“宋体”)。

情况二:你在表格中输入了连串无空格的英文或数字,它们被IE识别为一个完整的单词,所以不会自动换行,遇到这种情况,你可以通过CSS把文字强行打散,例如:

<td style="word-break:break-all">……</td>

美化收藏夹图标

可能很多朋友都已经注意到了,当你将某些门户网站,比如新浪、网易、YAHOO等添加到收藏夹以后,在收藏夹里显示出来的并非普通的IE默认的网页图标,而是这些网站制作精美的标志,这样做的好处是不言而喻的,当用户在收藏夹里查看时,眼球很容易被这些花花绿绿的图标所吸引,鼠标也就不自觉地往上面点了!其实图标实现起来也很简单,你只需制作一个能体现个性的图标,命名为favicon.ico,然后将其放在网站的根目录下就可以了。

协调好数据表格的排版

假设我们需要在网页上做一个带有表框的表格,用来填写数据,其中有些表格项内容可能为空,这时该怎么办呢?如果不处理,那么显示的效果就是该表格项没有表格框,与其它表格项很不协调,如果有很多空项,那就显得更不好看了,这时我们可以在FrontPage 2003中,进入该表格项,输入一个空格(按空格键)即可解决这个问题。

实现自动添加网页

在浏览某些网页时,经常会碰到自动弹出的对话框,提示此网页可以设置为首页,或者自动添加到收藏夹里。其实这样的网页制作起来比较简单,只要加入一段代码即可实现。

设置为首页:

<a href="#" onClick="this.style.behavi

or='url(#default#homepage)';this.setHomeP

age('http://www.cpcw.com');">设为首页</a>

添加到收藏夹:

<a href="javascript:window.external.AddFavorite('http://www.cpcw.com', '全国发行量第一的计算机报')">加入收藏</a>

保持横向和纵向居中

首先插入一个1行1列的表格,设置其宽度为100%、高度也为100%,边框为0。然后设置单元格的属性,设置内容的水平对齐方式和垂直对齐方式均为居中。最后在这个单元格插入图片或表格,就可以让图片或表格保持在页面内横向和纵向都居中显示了。