| VB 源码 | VC 源码 | ASP源码 | JSP源码 | PHP源码 | CGI源码 | FLASH源码 | 素材模板 | C 源程序 | 站长工具 | 站长教程 |

网页设计

网站策划
网页设计

本类阅读TOP10

·经典网页设计欣赏
·Flash Loading制作全接触
·用Flash制作简单闪光字
·下拉菜单全攻略(Javascript篇)
·PhotoShop热键大全
·下拉菜单全攻略(DW篇)
·网页效果集合
·哈利波特书封面设计欣赏
·Flex 入门教程
·一流的设计师,一流的PHOTOSHOP教程

站内搜索

DreamWeaver超级技巧(二)

接DreamWeaver超级技巧(一)

36. 实现用鼠标指向链接时出现下划线的效果
有些网页的链接,原先没有下划线,你把鼠标指向链接处,才会出现下划线,鼠标移掉下划线就又没有了。这种效果其实可以用层叠样式表(CSS)来实现,在Dreamweaver中编辑层叠样式表不用编写代码,具体操作方法如下:
(1)在快速启动栏中点击层叠样式表按钮(就是把鼠标放上去显示“show css styles”的那个按钮),在弹出的CSS Styles面板上双击(none);
(2)此时,可看到弹出的Edit Style Sheet 面板,在该面板上按New按钮;
(3)再在弹出的New Style 面板上点取Redefine HTML Tag(重新定义HTML标记)再在Tag中选择“a”(超级链接标记)标记后按OK按钮;(4)这时可看到弹出的Style dehinition for a 的对话框,在此对话框中可以设置超级链接的许多属性,你可以按你的意愿设置,但我们这里主要是要去掉那讨厌的下划线,所以我们在decoration 属性中选择“none”,这样就把下划线去掉了;然后我们再选择颜色为:#339966。按OK按钮返回到Edit Style Sheet 面板;
(5)在Edit Style Sheet 面板上再按New按钮;
(6)在弹出的New Style 面板上点取Use CSS Selector ,再在该面板上的selector选择框中选择“a:hover”(定义当鼠标在超级链接上时链接的属性),按OK按钮;
(7)在弹出的Style dehinition for a:hover 的对话框中,我们在decoration 属性中选择“underline”,这样就把下划线又加上了;然后我们再选择颜色为:#FF3300。按OK按钮返回到Edit Style Sheet 面板;
(8)在Edit Style Sheet 面板上再按Don按钮,至此所有设置结束,你在Dreamweaver的源代码检视窗中将看到在<head>与</head>之间如下所示的代码:
<style type="text/css">
<!--
a { color: #339966; text-decoration: none}
a:hover { color: #FF3300; text-decoration: underline}
-→
</style>   
**********************************************************
**********************************************************
37. 实现定义的超级链接文字颜色
文字超级链接的颜色(包括未被访问的链接颜色、鼠标的链接上的颜色、已被访问过的链接颜色等等)可以用层叠样式表(CSS)定义,下面就介绍如何能随心所欲地设置文字链接的颜色。
(1)超级链接的默认颜色是:未被访问的超级链接是蓝色、被访问过的超级链接是紫色;
(2)要想使CSS定义的颜色起作用,在超级链接的文本的颜色属性中什么都不要填;
(3)若你已定义了文本的颜色,发现CSS中定义的超级链接颜色不起作用,你可以取消文本的颜色定义,或取消超级链接再重新定义一次,CSS定义的颜色就起作用了;
(4)超级链接上各种状态下文本颜色的关系:一旦定义了被访问过的链接的颜色(A: visited),则当链接被访问过后,该链接的颜色不再改变,即定义鼠标在超级链接上的颜色(a: hover)将不起作用了。若不定义被访问过的链接的颜色(A: visited),则当鼠标在超级链接上显示a: hover 中定义的颜色,当鼠标移开时显示a 中定义的颜色。
从上述可以看出,文本链接的颜色实际上只能在两种颜色之间变换,并没有像有些文章中讲的那样可以在多种颜色之间变换,但由于用那两种颜色可以任意,所以应该讲颜色的选择范围还是比较大的。
**********************************************************
**********************************************************
38.在Dreamweaver中把图形放在最中间
点击选取图形,在图形的属性面板的右上角Align(对齐属性)边上有个下拉框,在下拉框中选取,则文字在图片四周绕排。若是单独图片在中间,则在图像面板上点取居中属性即可。
**********************************************************
**********************************************************
39.如何使用Behaviors 功能,而又不链接到任何地方去
选取要作为超级链接的元素(一幅图片或一段文字),在属性面板上的地址栏(Link)中不填写任何链接地址,只加上一个“#”号,(引号不包括在内)。这样即可以使用Behaviors 功能,而又不链接到任何地方去了。
**********************************************************
**********************************************************
40.实现在一张(较大)图片上做出几个不同的链接
在Dreamweaver中,这就是使用所谓的设置“图像热区域”。先选中图像,然后在图像属性面板上有一个“Map”工具栏,在其下方有三个淡蓝色的工具图标,即“矩形”、“圆形”或“多边形”,你可以根据需要选取一个(用鼠标点一下就行),再把鼠标移图像上,按下鼠标左键,拖动鼠标就画出了一块淡蓝色的区域(不用担心这块淡蓝色区域会破坏你的图像,在浏览器中是不显示的),这时你在属性面板上把需链接的网页地址添上就行了。你需要几个链接就画几块区域,随你的便。
**********************************************************
**********************************************************
41. 制作目录树
在总目录的前方有一个“+",一按这个“+",即可显示其下子目录,“+"即变成“-",一按“-",即可隐藏其下子目录,就像在资源管理器中一样,这需要做二个页面,一个页面写上总目录,一个页面写上子目录。把总目录的页面上的“+”号设置成超级链接,在“Link”栏中添上子目录页面的地址。把子目录的页面上的“-”号设置成超级链接,在“Link”栏中添上总目录页面的地址。具体效果可看一看Dreamweaver的帮助文档,在这帮助文档里也是按一下总目录,弹出子目录,按下子目录上的总目录则返回到总目录,只是没用“+”、“-”表示而已。你再看一下该文档的源代码就一目了然了。
**********************************************************
**********************************************************
42. 在Dreamweaver中轻松设置行间距
用层叠样式表(CSS)来实现,在Dreamweaver中编辑层叠样式表不用编写代码,具体操作方法如下:
(1)在快速启动栏中点击层叠样式表按钮(就是把鼠标放上去显示“show css styles”的那个按钮),在弹出的CSS Styles面板上双击(none);
(2)此时,可看到弹出的Edit Style Sheet 面板,在该面板上按New按钮;
(3)再在弹出的New Style 面板上点取Redefine HTML Tag(重新定义HTML标记),再在Tag中选择“body”标记后按OK按钮;
(4)这时可看到弹出的Style dehinition for body 的对话框,在此对话框中可以设置“body”标记的许多属性,你可以按你的意愿设置,但我们这里主要是要设置行距,所以我们在line属性输入框中填上行距的像素点数,现在流行的九号字,行距一般用12,按OK按钮返回到Edit Style Sheet 面板,此时已把“body”的行距设置好了;
(5)由于“body”中定义的行距对表格不起作用,所以我们再在Edit Style Sheet 面板上再按New按钮;
(6)再在弹出的New Style 面板上点取Redefine HTML Tag(重新定义HTML标记)再在Tag中选择“td”标记后按OK按钮;
(7)在弹出的Style dehinition for td 的对话框中设置td的行距,按OK按钮返回到Edit Style Sheet 面板;
(8)在Edit Style Sheet 面板上再按Don按钮,至此所有设置结束,你在Dreamweaver的源代码检视窗中将看到在与之间如下所示的代码:<style type="text/css">
<!--
body { line-height: 12pt; font-size: 9pt}
td { font-size: 9pt; line-height: 12pt}
-→
</style>
有了这段代码,你在该网页上的所有文本的行距都确定好了,若不满意,可修改设置。

43. 如何设计能使浏览者在浏览时对网页字体大小的设置不起作用
用CSS层叠样式表对字体进行强制性控制(像素)。
**********************************************************
**********************************************************
44. 实现网页每过五分钟刷新一次的效果
在Dreamweaver的功能面板上选择“head”功能组面板,在这面板上点击“Refresh”功能图标,在弹出的“Insert refresh”对话框中,在“Delay”中输入要刷新的间隔时间,以秒计,例:隔五分钟刷新一次,则输入300即可。再在该对话框上选择“Refresh This Document”(刷新当前窗口),按OK,大功告成。当你再次浏览该网页时,它将自动地隔五分钟刷新一次。
**********************************************************
**********************************************************
45. 解决用IE预览正常的链接网页,上传到网站却看不见的现象
把网页的所有文件名统一成小写(或大写),再上传就行了。因为很多服务器使用的是UNIX操作系统,它对大小写是很敏感的,也就是说大写的文件名和小写文件名它认为是两个文件
,你在上传时必须注意大小写。另外要注意:超级链接要使用相对路径,不要用绝对路径,也不要用中文文件名。
**********************************************************
**********************************************************
46. 制作新开一个窗口打开网页的超级链接(即原来的网页不被覆盖)
在Dreamweaver中,在该链接的属性面板上把“target(目标)”设置为“_blank”即可。
**********************************************************
**********************************************************
47. 隐藏不必要的标签
当用户在网页中插入了不可见的元素时,Dreamweaver会自动在页面上添加一个与之相应的元素标签,以便于用户选择不可见元素。但这并不全是件好事,比如你在一个有很多层的页面中的第一行便插入一个表格,就会发现由于首行排列了太多的层元素标签而使得表格自动退到了页面的第二行,虽然在浏览时并不影响效果,但这确确实实会阻碍你的工作。所以当你觉得某个元素标签碍手碍脚时,就索性将之屏蔽掉。方法是按Ctrl+U打开Preferences面板,在Category中选中Invisibel Elements,在面板的右边将会出现所有的元素标签。只要将你讨厌的元素标签前的勾去掉,以后它就保证不会再出现了。
**********************************************************
**********************************************************
48. 解决表格紧贴左上方的问题
对这个问题有几种解决方法。
(1)按下Ctrl+J,弹出Page Properties,将Left、 Top、 Margin Width、 Margin Height 全部设为0。
(2)把下面一段代码加到你的<body>中:topmargin="0" leftmargin="0" ,这个方法只适用于IE。
(3)加入下面代码:<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" >,这个方法适用于Netscape
**********************************************************
**********************************************************
49. 在Dreamweaver中将图设为透明alpha设置
<html>
<head>
<title>css</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type=text/css>
.pic{filter:alpha(opacity=50)}
</style>
</head>
<body bgcolor="#FFFF00" text="#000000">
<img src="0008.jpg" width="303" height="385" class="pic">
</body>
</html>
**********************************************************
**********************************************************
50. 设置表格虚线
(1)作一个1X2的图,半黑半白,再利用表格做成线。
(2)在css里面设:在css面板里新建一个style,选择“redefine HTML Tag”,再在下拉菜单里选“table”,在接下来的面板里,category里选择border。在border里,将top、left、right、bottom都设成1像素,颜色设成你将来想要的边框的颜色。到style下拉菜单里选择dashed就可以了,只是所有的表格都会用虚线做边框了。
(3)如果你只想让某一个表格边框是虚线的话就在html里设。在表格的html里加上这个:
style="BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED"。颜色是十六位代码,你可以自己设。方法2、3只能在IE浏览器里用,到了Netscape里一点用处都没有,除非你用做好的底图填充。
**********************************************************
**********************************************************
51. 在Dreamweaver中使插入的FLASH透明
选中插入的swf文件,打开原代码窗口,在</object>前输入<param name="wmode">
**********************************************************
**********************************************************
52. Dreamweaver4中设置表格亮边框和暗边框
做一个像素宽度有颜色的表格线
(1)将表格边框 border设置为0,Cell space设置为0,Cell padding设置为0。
(2)打开样式面板新建一个样式。选择Border设置边框属性 。
(3)选中整张表格应用这个样式即可。
**********************************************************
**********************************************************
53. 隐藏表格的分隔线
<table border rules=cols cellspacing=0 align=left> 可以隐藏横向的分隔线
<table border rules=rows cellspacing=0 align=right>可以隐藏纵向的分隔线
<table border rules=none cellspacing=0 align=center>可以隐藏横向和纵向的分隔线
**********************************************************
**********************************************************
54. 如何选取被遮盖或隐藏的层
当层被重叠使用时,大层会把小层遮盖住;当选择了层的隐藏属性,该层就看不见了。当你想对这些层操作时,怎么办?按F11键显示层面板,所有层号均在上面,要哪层选择哪层就行了。
**********************************************************
**********************************************************
55. 在层(或表格中)上编辑文本时自动换行
层在用Dreamweaver设计网页时被大量采用,但当你在层上输入大段文字时发现不会自动换行,无论你怎样设置层的宽度均无济于事,当然你可以用按“SHIFT+ENTER”来换行。但是这样当你调整层的宽度时又不得不一个一个地去删除它,再又在另一位置加上它,其实有三种方
法可以解决这个问题:
(1)在层叠式样表*.CSS中“DIV”的式样定义中加上字体的定义;
(2)在网页源代码的层定义中加上字体的定义;
(3)选取该段文字,在文字的属性面板上定义字体。
上述三种方法任选一种都行,但以第一种较好,因为只要改动一次,此后只要是调用该层叠式样表的网页中的所有层都有能自动换行了,岂不是一劳永逸。表格同样存在上述问题,解决方法相同,只是在层叠式样表中在“TD”的式样定义中加上字体的定义。
**********************************************************
**********************************************************
56. 在Dreamweaver中输入上下标
如果只是要上下标的话,可以用<SUB></SUB>和<SUP></SUP>。 手工加进去就可以了。
**********************************************************
**********************************************************
57. 去掉链接的下划线
将以下代码加入<head> </head>之间
<style type="text/css">
<!--
a:link{text-decoration:none}
a:hover{text-decoration:none}
a:visited{text-decoration:none}
-→
</style>
**********************************************************
**********************************************************
58. 关于Dreamweaver中加入空格的问题
(1)可以用中文的全角状态下按空格键,强烈推荐
(2)插入一个透明的图
(3)用pre标签里写你的内容
(4)object 里的invisiables 里的none-breaking space 点一下
(5)instert 菜单下的 none-breaking space
(6)CTRL+SHIFT+空格键加入
(7)CTRL+T 去掉尖括号,键入 &nbsp;
**********************************************************
**********************************************************
59. 制做收藏夹里的ICON
在HEAD里加入
<link rel="shortcut icon" href="你图标"> 图标名为favicon.ico
**********************************************************
**********************************************************
60. 解决Dreamweaver表格里的背景不能预览问题
这要看背景图是设在<tr>里还是设在<td>里,设在<td>里时背景图就可以显示了。
**********************************************************
**********************************************************
61. 在Dreamweaver中准确地定位层
就目前来说,还没有好的方法实现非常精确地定位,使得层在编辑中和浏览中的位置不变,
即便是使用“标尺”和“网格”辅助定位,仍然会有差别,而且在IE和NC中显示的层的位置会有偏差,大约偏差3个像素。最好的方法(也是最无奈的方法)是对照浏览器的显示来调整层的位置。
**********************************************************
**********************************************************
62. 设置网页定时关闭
在源代码中的<BODY>后面加入如下代码:
< script LANGUAGE="javascript"> <!--
setTimeout('window.close();', 60000);
-→ < /script>
在代码中的60000表示1分钟,它是以毫秒为单位的。
**********************************************************
**********************************************************
63. 设置timeline中的layer走曲线
要使得timeline中的layer走曲线,你得先让他走出直线来,然后在最后一帧和第一帧中间的任何一帧上点右键,可以看到右键菜单中有个“增加关键帧(add keyframe)”,点一下,然后把你的层移动到你需要的位置,Dreamweaver会自动生成曲线!
**********************************************************
**********************************************************
64. 使字体适应不同的分辨率
我们在制作网页的时候,经常有这种体会,?那就是制作好的网页在本地计算机上浏览时很正常,但在另外一台计算机?上浏览时发现原本漂亮的网页变得歪歪扭扭了,这是为什么呢?原来各个?计算机的分辨率要使你的主页在不同的分辨率下都能正常显示,在?Dreamweaver中得到了较好的解决。在文档窗口的右下角,Dreamweaver?显示当前文档被设计成的分辨率大小。单击那个数字,在弹出式菜单中可以为当前的页面指定显示分辨率,通过修改可以使你的主页更具灵活性。?使不同分辨率的显示器都能较好地显示。
**********************************************************
**********************************************************
65. 善用拖放技术
我们在使用Dreamweaver编辑网页的时候,经常需要插入一些图像什么的,假设要插入的图像很多,按照常规方法来操作就显得非常麻烦。我们可以利用拖放技巧来很好地解决这个问题。首先我们把?Dreamweaver的操作窗口变成活动窗口,以腾出空间来显示Explorer窗口,?找到要插入的图像文件后,把它们一一用鼠标拖动到网页的适当部位,Dreamweaver将自动把这些图像的链接添加到文件的HTML代码中,当然这里要求被拖动的图像文件必须是gif、jpg等网页图像格式的文件。对于已经在网页中的图像也是一样,直接拖过来就可以了。但如果被拖动的图像上有超级链接,就不可以再使用拖动技术了,因为那时拖过来的仅仅是超级链接地址。
**********************************************************
**********************************************************
66. 善于为对象取名
我们在用Dreamweaver来制作非常复杂的效果时,?有可能需要经常重复地使用某一个或者多个对象,例如我们经常需要定位某个特定的表格、图像等,如果我们没有给某一个网页中的
多个对象取名的话,那么在重复应用这些对象的时候,可能很麻烦或者容易出错。为了能够方便调用这些对象,我们应该在每创建一个新的对象时,都记得给它取一个有代表性而且比较容易记忆的名称。在给这些对象命名时,我们可以通过对象的“属性”面板来操作就行了。
**********************************************************
**********************************************************
67. 多用快捷键来提高效率
为了提高操作的效率,我们可以在Dreamweaver?中使用快捷键,例如使用Ctrl-B或Ctrl-I来为文字应用黑体或斜体格式,?也可以使用以下一些键盘快捷键来为选中的文本应**TML格式:Ctrl-0——无?格式;Ctrl-T——段落;Ctrl-1——标题1;Ctrl-2——标题2;Ctrl-3——标题3;Ctrl-4——标题4,以此类推。
**********************************************************
**********************************************************
68. 一次链接到两个网页
我们都知道超级链接一次只能连到一个页面。?如果我们要想一次在不同的框架页中打开文档,可以使用“Go?To?URL”?javascript行为。打开一个有框架的网页,选择文字或图像,然
后从行为?面板中选择“Go?To?URL”。我们会注意到Dreamweaver会在?“Go?To?URL”对话框中显示所有可用的框架。选择其中一个我们想链接的框架并输入相应的URL,然后再选择另一个框架并输入另一个URL。
**********************************************************
**********************************************************
69. 利用“Format Table”命令来修饰网页
在复杂的网页设计中,表格的应用是最多的,因为利用表格可以自由地控制文本和图像在网页上出现的具体位置,从而使整个网页看上去紧凑统一。Dreamweaver在这方面也不甘落后,我们可以使用其中的“Format?Table”(格式化表格)命令来快速地对表格应用预先设计好的样式。要使用预先设计好的样式,先将光标置于表格的任意一个单元格内,再选择“Command”→“Format?Table”命令,在随后出现的对话框中,从左边的列表中选择一个设计方案。按?“Apply”键来查看效果,如果不满意的话,还可以重新设置或者修改部分参数的值,如边界粗细,背景颜色等等。
**********************************************************
**********************************************************
70. 尽量不要给文件起中文名称
大家在制作好了网页后,通常会给网页起一个具有代表性的中文名称,一来能使人一看文件名就能大概了解文件所包含的内容,二来能够方便各个超级链接之间的相互调用。但如果你在?Dreamweaver中这样做,就会发现Dreamweaver对中文文件名支持得不是?太好,经常会有页面调用不正确的现象发生,所以我们以后在Dreamweaver?中保存网页的时候,尽量用英文或者数字作为文件名称,这样就可以避免上面的出错现象。
**********************************************************
**********************************************************
71. 经常保存当前被编辑的文件
有网友说经常保存文件是不是怕突然死机呀?这话当然没错,但我们在Dreamweaver中要经常保存文件还有它特别的意义。因为我们在设计主页的时候,Dreamweaver会跟踪我们对文件做出的任何改动,也就是说即使我们在主页中简单地移动了一下某个对象,?Dreamweaver也能生成大量的临时源代码,想象一下,如果在主页中作了?很多改变,那么生成的这些大量代码就变得很难管理,从而会影响系统的性能。因此我们发现如果Dreamweaver的性能开始降低,这可能就是由于驻?留在内存中的代码变得太庞大的缘故,只要保存一下文件,就会使这些临
时代码消失,从而提高性能,所以以后我们在使用Dreamweaver时,要有经常保存文件的习惯。
**********************************************************
**********************************************************
72. 自动在网页中加入更新时间
我们知道一个网页要想获得更多的回头率,很重要的一条就是要不断更新。但对于我们这些个人网页来说,?要天天及时更新恐怕不是很容易的事情。因此,我们希望网页能自动更新,下面我们就提供一个能自动更新修改时间的源代码,我们只要把这段源代?码添加到<BODY>…</BODY>之间就能实现更新时间的目的了:
<Script?Language="javascript">?<!--?document.write("Last?Updated:"+document.lastModified);?-→</Script>?
**********************************************************
**********************************************************
73. 只复制编辑区中的文字
在几个不同的应用程序中间相互复制文字,?是我们在实际工作中可能要常做的事情。但是,如果我们从Dreamweaver中复制编辑区中的文字到另外一个应用程序的时候,HTML代码将和文字一起被复制过去。我们该如何才能只把编辑区中的文字复制下来呢?我?们知道,通常复制时都用快捷键Ctrl-C来操作,如果我们在复制的时候?多按一下C键,那么Dreamweaver将只会复制选中的文字了。
**********************************************************
**********************************************************
74. 定义网页的关键字
为了使自己的网页在搜索引擎中能很容易地被?检索到,准确定义网页中的关键字是一项很重要的工作。在Dreamweaver中,?我们可以用两种方法来定义网页中的关键字:一是在源代码中的<head>与?</head>标签中,添加如下代码:<meta?name="keywords"?content="yancheng,yancheng,yancheng">,其中content中的内容即为?关键字,为了提高检索的命中率,我们可以重复多次使用同一个关键字,?中间用逗号隔开;另外一种方法是在Dreamweaver中用鼠标依次单击?Insert/Head/KeyWords命令,在随后弹出的对话框中重复输入希望被检索的关键字就可以了。
**********************************************************
**********************************************************
75. 实现浏览器状态栏中的滚动字幕
按下F8键,在Behaviors窗口中选取Behaviors,单击“+”号,再选取“Set Text→Set Text of Status Bar”,最后在弹出的对话框中写上你想在状态栏出现的文字就可以了。
**********************************************************
**********************************************************
76. 将 Dreamweaver 集成到IE浏览器
Dreamweaver 安装程序会在上下文选单增加一个“Edit with Dreamweaver”命令。还可以修改 Windows 的注册表,就像MS Word、FrontPage和Notepad一样,通过IE工具栏的编辑按钮来调用 Dreamweaver 打开当前网页。将下面文本的最后一行要改为你自己的 Dreamweaver 安装路径,把它们保存为一个 *.reg 文件,双击它将信息添加到注册表即可。
REGEDIT4
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit\command]
@="\"D:\\Macromedia\\Dreamweaver 3\\dreamweaver.exe\" \"%1\""
如果要设置为 IE 缺省的编辑器,打开 IE 的“Internet 选项”,在程序标签指定。
**********************************************************
**********************************************************
77. 避免点击空链接对象时会跳到页面顶端的现象
浏览器以为链接到同一页,可它又找不到定义的书签(anchor),于是停留在页面的顶端。用“javascript:void(null)”替换空链接的“#”,解决这个问题。
**********************************************************
**********************************************************
78. 解决使用CSS 、层时,在不同浏览器的效果不一样,有时甚至出现错位的现象
不要混合使用层和表格排版(如果是父子关系,如层中表格,不在此原则范围内);内联式的CSS在Netscape Navigator中经常会出现问题,使用链式或内嵌式;有时需要在空层插入表格或者透明图片,以保证在 Netscape Navigator 里的效果。对于只有几个像素宽度或高度的层,改用图片来实现;避免使用 W3C 组织不推荐的排版属性,用 CSS 代替。
**********************************************************
**********************************************************
79. 在网页中加入EMAIL链接并显示预定的主题
代码:< a href=“mailto:yourmail@xxx.xxx?Subject=你好”>Send Mail< /a>
**********************************************************
**********************************************************
80. 制作电子邮件表单
在<FORM>中输入Action=“youremail@XXX.XXX”,提交采用POST方法。
81. 避免别人将你的网页放入他的框架(FRAME)中
在源代码中<HEAD>…< /HEAD>之间加入如下代码:
<script language=“javascript”><!--
if (self!=top){top.location=self.location;}
-→< /script>
**********************************************************
**********************************************************
82. 定义网页的关键字(KeyWords)
格式如下:
< meta name=“keywords”content=“dreamweaver,flash,fireworks”>
content中的即为关键字,用逗号隔开,在Dreamweaver中用「Insert」-「Head」-KeyWords命令
**********************************************************
**********************************************************
83. 使表格(TABLE)没有边框线
将表格的边框属性:border=“0”
**********************************************************
**********************************************************
84. 定时载入另一个网页内容
在源代码中的<HEAD>…< /HEAD> 加入如下代码:
< meta http-equiv=“refresh”content=“40;URL=http://www.cfan.com.cn ”>
40秒后将自动载入http://www.cfan.com.cn所在的网页。
**********************************************************
**********************************************************
85. 改变状态栏提示文字
一般情况下,当浏览器装入一个页面时,在其状态栏上显示的是该页面的地址名称,十分呆板。你有没有想过给浏览器的状态栏增加一点个性呢?如果有的话,那么请按照以下的步骤,定制自己喜欢的文字吧!首先打开“Behaviors”行为编辑窗,单击“+”按钮,选择“Set Text Set”下的“Text Of Status Bar”选项,然后在方框中输入自己的文字,例如“欢迎来到我的主页”等,单击“确定”即可。
**********************************************************
**********************************************************
86. 在Dreamweaver中设置水平标尺的颜色
由于在Netscape中不支持<hr>的COLOR属性,所以在Dreamweaver中没有此项设置,你只能在HTML中加入代码: color=“颜色代码”




相关文章
  • 使FrontPage与Dreamweaver“亲密合作”
  • 【精华】漫谈网站的logo设计
  • [good]光线掠过效果!
  • 世界顶尖网页设计网址
  • DreamWeaver超级技巧(一)
  • 容易被忽略的Dreamweaver技巧
  • 在 Dreamweaver 中插入Flash的参数详解
  • 用Dreamweaver制作有趣的图片探照灯效果
  • 聚焦 DreamWeaver MX 2004
  • 相关软件

  • Dreamweaver的一个插件  

  • 下载首页关于我们广告服务联系方式常见问题隐私声明法律条款本站声明下载帮助发布软件站点地图谷歌卫星地图