|
发信人: bill8881(7king) 整理人: eagle(2002-09-09 10:01:39), 站内信件 |
| 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 面板上再按Ｄon按钮，至此所有设置结束，你在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 去掉尖括号，键入 ********************************************************** ********************************************************** 59. 制做收藏夹里的ICON 在HEAD里加入 <link rel="shortcut icon" href="你图标"> 图标名为favicon.ico ********************************************************** ********************************************************** 60. 解决Dreamweaver表格里的背景不能预览问题 这要看背景图是设在<tr>里还是设在<td>里，设在<td>里时背景图就可以显示了。 ********************************************************** ********************************************************** ---- 7 king  |
|
[关闭][返回] |