学习轻松网-网页制作中的一些技巧

一.Q：表格内的文字不会自动换行，怎么办？

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

第二种，你在表格中输入了连串无空格的英文或数字，它们被IE识别为一个完整的单词，所以不会自动换行，遇到这种情况，你可以通过CSS把文字强行打散，例如：
<td style="word-break:break-all">……</td>

二. Q：怎么才能让层飘在Flash上面？
A：在网页里把SWF文件设置为背景透明即可，具体做法：

DW中，在SWF文件的属性面板中，点parameters，添加参数wmode，值选择transparent；或者直接修改网页的代码，在标志SWF文件属性的代码中添加： <param name="wmode" value="transparent">
注意，这种效果只有IE支持。

三. Q：背景音乐因为页面的切换而无法连续播放，怎么让它连续播放？
A：用分帧实现，把其中一个frame的显示高度（或宽度）定义为0，在其中设置背景音乐，另外一个frame内的页面切换不影响整个背景音乐的播放。

例子：
<html>
<head>
<title>框架页</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<frameset rows="0,*" frameborder="NO" border="0" framespacing="0">
<frame name="topFrame" scrolling="NO" noresize src="bgsound.htm" >
<frame name="mainFrame" src="main.htm">
</frameset>
<noframes>
<body bgcolor="#FFFFFF" text="#000000">
对不起，你的浏览器不支持框架的显示。
</body>
</noframes>
</html>

四. Q：改变IE的字体大小设置时，页面字体不发生改变，怎样实现？
A：用CSS定义页面字体，例如：
<style type="text/css">

</style>
基本上，设置了body和td的默认字体，就相当于定义了页面内大部分文字内容。

注意，使用CSS定义好默认字体后，不要再使用<font size="1">这样的标签，这会屏蔽CSS的默认设置。

五. Q：绝对地址与相对地址？绝对定位与相对定位？
A：绝对地址：形如http://www.hongen.com/default.htm或file://d:/homepage/default.htm这样的地址，就是文件在网络或本地的绝对位置；

相对地址：就是被链接文件相对与当前页面的地址，比如说，链接和当前页面同级的文件地址只要用“文件名”即可；链接当前页

面下级子目录下的文件用“目录名/文件名”；链接当前页面上一级目录下的文件用“../文件名”；链接同级但在另外一个子目录

中的文件用“../目录名/文件名”；链接根目录（你的网站的根目录，并非硬盘根目录）下的文件可以用“

./文件名”的形式。实绝对和相对很容易理解的，相对就是有参照物的，绝对则是固定的。为什么我们提倡使用相对地址呢？打个

比方说吧，如果你有一个index.htm，里面引用了images目录的一些图片，如果使用了相对地址，搬家的时候只需把原来这套东西全

部上传到新的空间就行了，因为文件彼此之间的相对位置关系没有改变，所以这些地址仍然是有效的。但如果插入图片的时候使用

了绝对地址，那空间地址一变，引用处的图片路径也要随之改变。当然，有时也会用到绝对地址，例如友情链接别人的主页等等。

相对定位也是一样，如果是相对于一个单元格定位的层，单元格挪动到哪儿，层也就会到哪儿.

用辩证的观点来看，其实绝对定位也是相对的，它和我们所说的相对定位的区别就在于，层的绝对定位是相对于浏览器的左边界和

上边界而言，而层的相对定位是层相对于它的载体（表格或另外的层）而言~~

六. Q：如何取消链接的下划线？
A：用CSS来实现：
<style type="text/css">

</style>
其中a:link 表示一般的链接样式；a:visited 表示已访问过的链接样式；a:hover 表示鼠标经过时的链接样式。text-decoration: none 表示无下划线，text-decoration: underline表示有下划线。

如果三种链接状态的样式相同，也可以简化为：
<style type="text/css">

</style>

七. Q：为什么在DW中把单元格高度设置为1没有效果？
A： DW生成表格时会自动在每个单元格里填充一个代码，就是空格代码，如果有这个代码的存在，你把该单元格宽度或高度设置为

1都没有效果，实际预览时该单元格会占据10px左右的宽度.如果把代码去掉，再把单元格宽度或高度设置为1，就可以在IE中看到预

期的效果。但是在NS（Netscape）中该单元格不会显示，就好象表格中缺了一块。在单元格内放一个透明的GIF图，然后把它的宽度和

高度都设置为1，这样就可以同时兼容IE和NS了。

八. Q：如何使表格背景色在鼠标经过时改变？
A： <table width="100" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000"><tr>
<td onmouseover="style.backgroundColor='#CCCCCC'" onmouseout="style.background
Color='#FFFFFF'" align="center" bgcolor="#FFFFFF">背景色改变</td>
</tr>
</table>

九. Q：如何实现两种不同的链接效果？
A：在CSS中设置不同的类（CLASS），例如：
a.w1:link {text-decoration:none;color:#000066}
a.w1:visited {text-decoration:none;color:#333333}
a.w1:hover {color:#0000ff;text-decoration:underline}
a.w2:link {text-decoration:none;color:#000066; font-weight:bold}
a.w2:visited {text-decoration:none;color:#000066; font-weight:bold}
a.w2: hover{color:#FF0000; font-weight:bold}

不同的链接调用不同的CSS类即可，例如：
<a href="#" class="w1">123</a>
<a href="#" class="w2">456</a>

也可以直接在DW中操作，例如：
1、打开css style面版选择use css selector
2、选择a:link，定义样式，接下来选择a:hover再定义样式
3、同样方法再建立一个链接样式a.w1（名称可任意）:link 和a.w1:hover
4、第二步所建立的样式会以默认值自动写入文档，当需要使用第二种样式时，选中链接文字，在右键快捷菜单中选择新样式（第三步建立的样式，这里为w1）

十.Q：怎样改变IE滚动条的样式？
A：用CSS改变滚动条的样式，代码如下：

<style>
BODY
{SCROLLBAR-FACE-COLOR: #D4D0C8;
SCROLLBAR-HIGHLIGHT-COLOR: #D4D0C8;
SCROLLBAR-SHADOW-COLOR: #999999;
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
SCROLLBAR-ARROW-COLOR: #000000;
SCROLLBAR-TRACK-COLOR: #E3E3E3;
SCROLLBAR-DARKSHADOW-COLOR: #666666;
}
</style>

这种效果只有IE5.5及更高版本才支持。

十一.Q：为什么页面四周有空白？
A：在你的<body>里面加入leftmargin="0" topmargin="0"，为了适应网景浏览器，最好再加上marginheight="0" marginwidth="0"

--
Whenever Lord closes a door, somewhere else, he opens a window.

Re：网页制作常见问题(不断更新,提问前请先看看) ebinstudio(伊冰) 623 03.08.04 10:04 　

十二.Q：如何去除浏览器的“滚动条”？
A： <body scroll=no>

去掉水平滚动条：
<body style="overflow-x: hidden">
去掉竖直滚动条：
<body style="overflow-y: hidden">

十三.Q：如何实现“设为首页”、“添加到收藏夹”？
A：设置为首页：
<a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHome
Page('http://www.windstudio.net');">设为首页</a>

加入收藏：
<a href="javascript:window.external.AddFavorite('http://www.windstudio.net', '
有风的日子·带给你一阵清新的设计风')">加入收藏</a>

十四.Q：在Dreamweaver中怎么连续加入空格？
A： 1、插入中文的全角空格（在智能ABC方式下，按Shift+Space键切换）
2、使用标记，1个标记代表一个空格；
3、使用Obejct面板中的Insert Non-Breaking Space。这个相当于插入一个标记。
4.shift + ctrl + 空格

十五.Q：如何制作细线表格？
A：表格细线边框的做法

方法1：把表格的cellspacing设置为1，cellpadding和border均为0，分别填充表格的背景色和单元格的背景色。举例如下：
<table width="550" border="0" cellspacing="1" cellpadding="0" bgcolor="#666666
">
<tr bgcolor="#FFFFFF">
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td> </td>
</tr>
</table>

方法2：把cellspacing、cellpadding、border均设置为1，分别设定表格的边框色和内部单元格的边框色，注意使内部单元格的边框色和网页背景色或表格背景色相同，这样内部的边框看上去就和背景融为一体了。举例如下：
<table width="550" border="1" cellspacing="1" cellpadding="1" bordercolor="#66
6666">
<tr bordercolor="#FFFFFF">
<td> </td>
</tr>
<tr bordercolor="#FFFFFF">
<td> </td>
</tr>
</table>

方法3：用CSS定义表格的边框宽度为1个像素。先设置CSS类table1 { border-top: 0px; border-right: 0px; border-bottom: 0px; border-left:0px}，然后在<table>标签里添加class="table1"。

方法4：做一个和表格等大的图片作为表格的背景，尤其当你想使表格边线有倒角时。

十六.Q：怎么样让在800*600分辨率下生成的网页在1024*768下居中显示？
A：把页面内容放在一个宽为778的大表格中，把大表格设置为水平方向居中。宽度定为778是为了在800*600下窗口不出现水平滚动

条，你也可以根据需要进行调整。如果要加快关键内容的显示，也可以把内容拆开放在几个竖向相连的大表格中~~除了使用表格之

外，你也可以把要居中的部分用<div align=center>和</div>标签包围起来。

十七.Q：实现背景音乐的方法
A：关于背景音乐的实现，相信你已经知道。这里提供更详细的参数，也许对你有用。首先准备好一首MIDI音乐，背景音乐使用的

HTML标记是：<EMBED SRC="001.mid">

这个标记可以视你的需求，放在<BODY>和</BODY>之间的任何地方。在这个标记放置的位置会出现一个类似媒体播放程式的图案，可以控制播放音乐或暂停例如说，我在下面写上这一行：

<EMBED SRC="001.mid" WIDTH=145 HEIGHT=60>

就会出现一个控制面版让你播放音乐，如果我要把音乐当作背景音乐来用，也就是不要显示控制面板。而且一进入画面就要播放，然后一直重复。就要这样写：

<EMBED SRC="001.mid" HIDDEN=TRUE AUTOSTART=TRUE LOOP=TRUE>

关于<EMBED>还有很多其他的属性，我一一解说给你听：SRC="档案名称和路径" 设定MIDI档案的路径。

AUTOSTART="TRUE / FALSE" 是否要在音乐档传完之后，就自动播放音乐。TRUE是要，FALSE是不要，预设值是不要。

LOOP="TRUE / FALSE / 整数"设定是否要自动反覆播放，LOOP=2表示重复两次，若要无限次重复可用LOOP="TRUE"。

STARTTIIME="分:秒"设定歌曲开始播放的时间，例如我想从这首歌第30秒的地方开始播放，就这样写STARTTIIME="00:30"ENDTIME="分

:秒"歌曲播放结束的时间，一般来说我们不必去设定歌曲开始和结束的时间，它会自动从头播放到尾。

VOLUMEE="0-100"
设定音乐音量的大小，数值一定是0到100之间，如果不设定，就是使用者系统本身所设定的音量大小。

WIDTH和HIGH="整数"设定控制面版的宽度和高度。

ALIGN="TOP / BOTTOM / CENTER / BASELINE / LEFT /
RIGHT / TEXTTOP / MIDDLE / ABSMIDDLE /
ABSBOTTOM"
设定控制面板和旁边文字的对齐方式，跟<IMG>（插入图形的标记）所使用的属性是一样
的。

CONTROLS="CONSOLE / SMALLCONSOLE /
PLAYBUTTON / PAUSEBUTTON / STOPBUTTON /
VOLUMELEVER"
设定控制面板的样子，预设值是CONSOLE。

　　CONSOLE 一般正常的面板
　　SMALLCONSOLE 较小的面板
　　PLAYBUTTON 只显示播放按钮
　　PAUSEBUTTON 只显示暂停按钮
　　STOPBUTTON 只显示停止按钮
　　VOLUMELEVER 只显示音量调整钮

HIDDEN="TRUE"
如果写上这个属性的话，就会完全隐藏控制面板，但你也不能去设定控制面板的宽和高。

<EMBED>可以放在<BODY>和</BODY>之间的任何地方。记住：在这个标记放置的位置会出现一个控制面板的图案，你可以视自己的需求，把它放在适当的位置，也可以使用HIDDEN=TRUE将面板隐藏起来，配合AUTOSTART=TRUE当背景音乐使用。

十八．Q：如何在网页中加入前进和后退按钮？

A： <a href="javascript:history.back()">后退</a>

<a href="javascript:history.go()">前进</a>

如果要做按钮，把history.back()或history.go()写到<input>的onClick动作中就行了

十九．Q：如何在网页中实现开启和关闭一个弹出窗口？
A：开启弹出窗口可以在DW中的behavior / open browser window中设置。

关闭窗口：
<a href=javascript:window.close()>关闭窗口</a>
注意，只有用JavaScript开启的窗口，才能用window.close()直接关闭，否则会出现确认是否真正要关闭的对话框。

关闭窗口不弹出确认对话框的方法：
<html>
<head>
<object id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-
11cf-9377-00aa003b7a11">
<param name="Command" value="Close"></object>
</head>
<body>
<a href="#" onclick="closes.Click();">关闭窗口无提示</a>
</body>
</html>

二十.Q：怎样在网页中输入上下标？
A：上标：<sup>……</sup>
下标：<sub>……</sub>

例如：CM<sup>2</sup>，其中的2就会以上标形式显示

二十一，如何实现首行自动缩进？

CSS样式表，实例代码如下：
<style type="css/text">
body,td,a {font-size:9pt}
p {text-indent:18pt}
</style>

ASP中五种连接数据库的方法 smart0294(smart) 1K 03.08.16 09:05
在 smart0294(smart) 的大作中提到：本文关键字：smart0294(天）

第一种 - 这种方法用在ACCESS中最多

strconn = "DRIVER=Microsoft Access Driver (*.mdb);DBQ=" & Server.MapPath("aspfre
e.mdb")

set conn = server.createobject("adodb.connection")

conn.open strconn

第二种－这种方法用在SQL SERVER中多

strconn = "Driver={SQL erver};Description=sqldemo;SERVER=127.0.0.1;UID=LoginID;&
_
PWD=Password;DATABASE=Database_Name

set conn = server.createobject("adodb.connection")

conn.open strconn

第三种

strconn="Driver={MicrosoftAccessDriver(*.mdb)};" &_

"DBQ=F:\Inetpub\wwwroot\somedir\db1.mdb;DefaultDir=f:\Inetpub\wwwroot\somedir;

&_ uid=LoginID;" &_

"pwd=Password;DriverId=25;FIL=MSAccess;" set conn = server.createobject("adodb.c
onnection")

conn.open strconn

第四种运用系统数据源

The following uses a Data Source Name:

set conn = server.createobject("adodb.connection")

conn.open "Example"

第五种运用ODBC数据源，前提是你必须在控制面板的ODBC中设置数据源

set rs = server.createobject("adodb.recordset")

rs.open "tblname", "DSNName", 3, 3

来源：网页设计师联盟