网页制作技巧及常用代码集锦
网页制作技巧及常用代码集锦
A： 在网页里把SWF文件设置为背景透明即可，具体做法：在标志SWF文件属性的代码中添加：
�c�c＜param name="wmode" value="transparent"＞注意，这种效果只有IE支持。
�c�c
�c�cQ： 如何让一个图片或表格在页面中始终保持横向和纵向的居中？
�c�cA： 首先插入一个1行1列的表格，设置其宽度为100%、高度也为100%，边框为0。
�c�c然后设置单元格的属性，设置其内容的水平对齐方式和垂直对齐方式均为居中。
�c�c最后在这个单元格插入图片或表格，就可以保持内容在页面内横向和纵向都居中显示了。
�c�c
�c�cQ： 表格内的文字不会自动换行，怎么办？
�c�cA： 有两种可能的情况：
�c�c第一种，你用CSS把表格内文字的字体设置成了英文字体，这样在DW里表格内的文字不会自动换行，但这仅是DW里的显示效果，在IE里其实是可以正常换行的。如希望在DW的编辑状态也能使文字自动换行，把表格内文字的字体设置为中文字体即可（例如“宋体”）。
�c�c第二种，你在表格中输入了连串无空格的英文或数字，它们被IE识别为一个完整的单词，所以不会自动换行，遇到这种情况，你可以通过CSS把文字强行打散，例如：
�c�c＜td style="word-break:break-all"＞……＜/td＞
�c�c
�c�cQ： 背景音乐因为页面的切换而无法连续播放，怎么让它连续播放？
�c�cA： 用分帧实现，把其中一个frame的显示高度（或宽度）定义为0，在其中设置背景音乐，另外一个frame内的页面切换不影响整个背景音乐的播放。
�c�c例子：＜html＞＜head＞＜title＞框架页＜/title＞
�c�c＜meta http-equiv="Content-Type" content="text/html; charset=gb2312"＞
�c�c＜/head＞
�c�c＜frameset rows="0,*" frameborder="NO" border="0" framespacing="0"＞
�c�c＜frame name="topFrame" scrolling="NO" noresize src="bgsound.htm" ＞
�c�c＜frame name="mainFrame" src="main.htm"＞
�c�c＜/frameset＞
�c�c＜/html＞
�c�c
�c�cQ： 半透明的层怎么做？
�c�cA： 先定义一个CSS样式：
�c�c＜style type="text/css"＞
�c�c＜!--
�c�c.halfalpha { background-color: #000000; filter: Alpha(Opacity=50)}
�c�c--＞
�c�c＜/style＞
�c�c然后应用在层标签里：
�c�c＜div class="halfalpha"＞
�c�c
�c�cQ： 层在不同分辨率下发生错位，怎么办？
�c�cA：解决方法有二：
�c�c1、页面居左显示；
�c�c2、使用层的相对定位，关于相对定位你可以参考这篇文章：
�c�c [url]http://www.windstudio.net/tech/show.asp?id=37[/url]
�c�c
�c�cQ： 如何实现“设为首页”、“添加到收藏夹”？
�c�cA： 设置为首页：
�c�c＜a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.windstudio.net');"＞设为首页＜/a＞
�c�c加入收藏：
�c�c＜a href="javascript:window.external.AddFavorite('http://www.windstudio.net', '有风的日子・带给你一阵清新的设计风')"＞加入收藏＜/a＞
�c�c
�c�cQ： 如何制作细线表格？
�c�cA： 表格细线边框的做法
�c�c方法1：把表格的cellspacing设置为1，cellpadding和border均为0，分别填充表格的背景色和单元格的背景色。举例如下：
�c�c＜table width="550" border="0" cellspacing="1" cellpadding="0" bgcolor="#666666"＞
�c�c＜tr bgcolor="#FFFFFF"＞
�c�c＜td＞ ＜/td＞
�c�c＜/tr＞
�c�c＜tr bgcolor="#FFFFFF"＞
�c�c＜td＞ ＜/td＞
�c�c＜/tr＞
�c�c＜/table＞
�c�c
�c�c方法2：把cellspacing、cellpadding、border均设置为1，分别设定表格的边框色和内部单元格的边框色，注意使内部单元格的边框色和网页背景色或表格背景色相同，这样内部的边框看上去就和背景融为一体了。举例如下：
�c�c＜table width="550" border="1" cellspacing="1" cellpadding="1" bordercolor="#666666"＞
�c�c＜tr bordercolor="#FFFFFF"＞
�c�c＜td＞ ＜/td＞
�c�c＜/tr＞
�c�c＜tr bordercolor="#FFFFFF"＞
�c�c＜td＞ ＜/td＞
�c�c＜/tr＞
�c�c＜/table＞
�c�c
�c�c方法3：用CSS定义表格的边框宽度为1个像素。先设置CSS类table1 { border-top: 0px; border-right: 0px; border-bottom: 0px; border-left:0px}，然后在＜table＞标签里添加class="table1"。
�c�c
�c�c方法4：做一个和表格等大的图片作为表格的背景，尤其当你想使表格边线有倒角时。
�c�c
�c�cQ： 怎样打开一个全屏的IE窗口？
�c�cA： 用JavaScript来实现：
�c�c定义过程：
�c�c＜script language="JavaScript"＞
�c�c＜!--
�c�cfunction MachakFull(Ie,other){
�c�cx=screen.availWidth;
�c�cy=screen.availHeight;
�c�ctarget = parseFloat(navigator.appVersion.substring(navigator.appVersion.indexOf('.')-1,navigator.appVersion.length));
�c�cif((navigator.appVersion.indexOf("Mac")!=-1) &&(navigator.userAgent.indexOf("MSIE")!=-1) &&(parseInt(navigator.appVersion)==4))
�c�cwindow.open(other,"sub",'scrollbars=yes');
�c�cif (target ＞= 4){
�c�cif (navigator.appName=="Netscape"){
�c�cvar MachakFull=window.open(other,"MachakFull",'scrollbars=yes','width='+x+',height='+y+',top=0,left=0');
�c�cMachakFull.moveTo(0,0);
�c�cMachakFull.resizeTo(x,y);}
�c�cif (navigator.appName=="Microsoft Internet Explorer")
�c�cwindow.open(Ie,"MachakFull","fullscreen=yes");
�c�c}
�c�celse window.open(other,"sub",'scrollbars=yes');
�c�c}
�c�c//--＞
�c�c＜/script＞
�c�c
�c�c调用函数：
�c�c＜a href="javascript:;" onClick="MachakFull('index.htm','')"＞点这里打开一个全屏窗口＜/a＞
�c�c
�c�cQ： 怎么做无边的IE弹出窗口？
�c�cA： 这种窗口叫Chromeless Window，用一个DW插件就可以实现这种效果。
�c�c插件名称：Chromeless Window 完美修正版
�c�c下载地址： [url]http://www.windstudio.net/[/url]
�c�c
�c�cQ： 如何去除浏览器的“滚动条”？
�c�cA： ＜body scroll=no＞
�c�c去掉水平滚动条：
�c�c＜body style="overflow-x: hidden"＞
�c�c去掉竖直滚动条：
�c�c＜body style="overflow-y: hidden"＞
Q： 怎么让下拉列表的链接在新窗口中显示？
�c�cA： ＜select name="designlink" onChange="window.open(this.options(this.selectedIndex).value);"＞
�c�c＜option selected＞设计站点链接＜/option＞
�c�c＜option value=http://www.pcicp.com＞蔫老虎网站＜/option＞
�c�c＜option value=http://bbs.pcicp.com＞蔫老虎论坛＜/option＞
�c�c＜option value=" [url]http://www.colorbird.com[/url]"＞技术性文章＜/option＞
�c�c＜/select＞
�c�c
�c�cQ： 如何实现两种不同的链接效果？
�c�cA： 在CSS中设置不同的类（CLASS），例如：
�c�ca.w1:link {text-decoration:none;color:#000066}
�c�ca.w1:visited {text-decoration:none;color:#333333}
�c�ca.w1:hover {color:#0000ff;text-decoration:underline}
�c�ca.w2:link {text-decoration:none;color:#000066; font-weight:bold}
�c�ca.w2:visited {text-decoration:none;color:#000066; font-weight:bold}
�c�ca.w2: hover{color:#FF0000; font-weight:bold}
�c�c
�c�c不同的链接调用不同的CSS类即可，例如：
�c�c＜a href="#" class="w1"＞123＜/a＞
�c�c＜a href="#" class="w2"＞456＜/a＞
�c�c
�c�c也可以直接在DW中操作，例如：
�c�c1、打开css style面版选择use css selector
�c�c2、选择a:link，定义样式，接下来选择a:hover再定义样式
�c�c3、同样方法再建立一个链接样式a.w1（名称可任意）:link 和a.w1:hover
�c�c4、第二步所建立的样式会以默认值自动写入文档，当需要使用第二种样式时，选中链接文字，在右键快捷菜单中选择新样式（第三步建立的样式，这里为w1），搞定。
�c�c
�c�cQ： 怎样用CSS改变鼠标指针样式？
�c�cA： ＜span style="cursor:X"＞＜/span＞
�c�c这里选择cursor（文本）作为对象，还可以自己改为其他的，如link等。
�c�cx可以等于=hand（手形）、crosshair（十字）、text（文本光标）、wait（顾名思义啦）、default（默认效果）、help（问号）、e-size（向右箭头）、ne-resize（向右上的箭头）、nw-resize（向左上的箭头）、w-resize（向左的箭头）、sw-resize（左下箭头）、s-resize（向下箭头）、se-resize（向右下箭头）、auto（系统自动给出效果）
�c�c
�c�cQ： 如何解决DW4不能使用五笔输入法的问题？
�c�cA： 选择菜单Edit→Preferences，在Category列表中选择General，取消复选框Enable Double-Byte Inline Input既可。取消复选框Enable Double-Byte Inline Input后，所有的中文输入法（包括五笔字型输入法V4.5）均恢复正常！
�c�c
�c�cQ： 怎么样让在800*600分辨率下生成的网页在1024*768下居中显示？
�c�cA： 把页面内容放在一个宽为778的大表格中，把大表格设置为水平方向居中。宽度定为778是为了在800*600下窗口不出现水平滚动条，你也可以根据需要进行调整。
�c�c如果要加快关键内容的显示，也可以把内容拆开放在几个竖向相连的大表格中~~
�c�c除了使用表格之外，你也可以把要居中的部分用＜div align=center＞和＜/div＞标签包围起来。
�c�c
�c�cQ： 怎么实现在不同页面间通过链接跳转时，IE地址栏的显示地址不变？
�c�cA： 用分帧实现，把其中一个frame的显示高度（或宽度）定义为0，这样另外一部分通过链接跳转的时候就是在分帧内部跳转了，如果要跳出这个分帧，设置链接的target="_top"即可~~
�c�c例子：
�c�c＜html＞
�c�c＜head＞
�c�c＜title＞框架页＜/title＞
�c�c＜meta http-equiv="Content-Type" content="text/html; charset=gb2312"＞
�c�c＜/head＞
�c�c
�c�c＜frameset rows="0,*" frameborder="NO" border="0" framespacing="0"＞
�c�c＜frame name="topFrame" scrolling="NO" noresize src="blank.htm" ＞
�c�c＜frame name="mainFrame" src="main.htm"＞
�c�c＜/frameset＞
�c�c＜noframes＞
�c�c＜body bgcolor="#FFFFFF" text="#000000"＞
�c�c对不起，你的浏览器不支持框架的显示。
�c�c＜/body＞
�c�c＜/noframes＞
�c�c＜/html＞
�c�c
�c�cQ： 绝对地址与相对地址？绝对定位与相对定位？
�c�cA： 绝对地址：形如 [url]http://www.windstudio.net/index.htm[/url] 或 file://d:/homepage/index.htm 这样的地址，就是文件在网络或本地的绝对位置；
�c�c
�c�c相对地址：就是被链接文件相对与当前页面的地址，比如说，链接和当前页面同级的文件地址只要用“文件名”即可；链接当前页面下级子目录下的文件用“目录名/文件名”；链接当前页面上一级目录下的文件用“../文件名”；链接同级但在另外一个子目录中的文件用“../目录名/文件名”；链接根目录（你的网站的根目录，并非硬盘根目录）下的文件可以用“./文件名”的形式。
�c�c
�c�c其实绝对和相对很容易理解的，相对就是有参照物的，绝对则是固定的。
�c�c
�c�c为什么我们提倡使用相对地址呢？打个比方说吧，如果你有一个index.htm，里面引用了images目录的一些图片，如果使用了相对地址，搬家的时候只需把原来这套东西全部上传到新的空间就行了，因为文件彼此之间的相对位置关系没有改变，所以这些地址仍然是有效的。但如果插入图片的时候使用了绝对地址，那空间地址一变，引用处的图片路径也要随之改变。当然，有时也会用到绝对地址，例如友情链接别人的主页等等。
�c�c
�c�c相对定位也是一样，如果是相对于一个单元格定位的层，单元格挪动到哪儿，层也就会到哪儿，结合这篇《关于层的相对于绝对定位》，就可以解决层很难适应多种分辨率的问题：
�c�c [url]http://www.windstudio.net/tech/show.asp?id=37[/url]
�c�c
�c�c用辩证的观点来看，其实绝对定位也是相对的，它和我们所说的相对定位的区别就在于，层的绝对定位是相对于浏览器的左边界和上边界而言，而层的相对定位是层相对于它的载体（表格或另外的层）而言~~
�c�c
�c�cQ： 如何取消链接的下划线？
�c�cA： 用CSS来实现：
�c�c＜style type="text/css"＞
�c�c＜!--
�c�ca:link { text-decoration: none}
�c�ca:visited { text-decoration: none}
�c�ca:hover { text-decoration: none}
�c�c--＞
�c�c＜/style＞
�c�c其中a:link 表示一般的链接样式；a:visited 表示已访问过的链接样式；a:hover 表示鼠标经过时的链接样式。text-decoration: none 表示无下划线，text-decoration: underline 表示有下划线。
�c�c
�c�c如果三种链接状态的样式相同，也可以简化为：
�c�c＜style type="text/css"＞
�c�c＜!--
�c�ca { text-decoration: none}
�c�c--＞
�c�c＜/style＞
�c�c
�c�cQ： 为什么在DW中把单元格高度设置为1没有效果？
�c�cA： DW生成表格时会自动在每个单元格里填充一个 代码，就是空格代码，如果有这个代码的存在，你把该单元格宽度或高度设置为1都没有效果，实际预览时该单元格会占据10px左右的宽度。
�c�c如果把 代码去掉，再把单元格宽度或高度设置为1，就可以在IE中看到预期的效果。但是在NS（Netscape）中该单元格不会显示，就好象表格中缺了一块。在单元格内放一个透明的GIF图，然后把它的宽度和高度都设置为1，这样就可以同时兼容IE和NS了。
�c�c
�c�cQ： 为什么在DW中给单元格设置了背景图有时在IE里看不到？
�c�cA： 如果背景图的设置出现在＜tr＞里，在实际预览时是看不到效果的，我觉得这应该算做DW的一个BUG，手工把＜tr＞中的背景图相关设置代码转移到＜td＞中就好了。
�c�c
�c�cQ： 如何使表格背景色在鼠标经过时改变？
�c�cA： ＜table width="100" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000"＞
�c�c＜tr＞
�c�c＜td onmouseover="style.backgroundColor='#CCCCCC'" onmouseout="style.backgroundColor='#FFFFFF'" align="center" bgcolor="#FFFFFF"＞背景色改变＜/td＞
�c�c＜/tr＞
�c�c＜/table＞
�c�c＜param name="wmode" value="transparent"＞注意，这种效果只有IE支持。
�c�c
�c�cQ： 如何让一个图片或表格在页面中始终保持横向和纵向的居中？
�c�cA： 首先插入一个1行1列的表格，设置其宽度为100%、高度也为100%，边框为0。
�c�c然后设置单元格的属性，设置其内容的水平对齐方式和垂直对齐方式均为居中。
�c�c最后在这个单元格插入图片或表格，就可以保持内容在页面内横向和纵向都居中显示了。
�c�c
�c�cQ： 表格内的文字不会自动换行，怎么办？
�c�cA： 有两种可能的情况：
�c�c第一种，你用CSS把表格内文字的字体设置成了英文字体，这样在DW里表格内的文字不会自动换行，但这仅是DW里的显示效果，在IE里其实是可以正常换行的。如希望在DW的编辑状态也能使文字自动换行，把表格内文字的字体设置为中文字体即可（例如“宋体”）。
�c�c第二种，你在表格中输入了连串无空格的英文或数字，它们被IE识别为一个完整的单词，所以不会自动换行，遇到这种情况，你可以通过CSS把文字强行打散，例如：
�c�c＜td style="word-break:break-all"＞……＜/td＞
�c�c
�c�cQ： 背景音乐因为页面的切换而无法连续播放，怎么让它连续播放？
�c�cA： 用分帧实现，把其中一个frame的显示高度（或宽度）定义为0，在其中设置背景音乐，另外一个frame内的页面切换不影响整个背景音乐的播放。
�c�c例子：＜html＞＜head＞＜title＞框架页＜/title＞
�c�c＜meta http-equiv="Content-Type" content="text/html; charset=gb2312"＞
�c�c＜/head＞
�c�c＜frameset rows="0,*" frameborder="NO" border="0" framespacing="0"＞
�c�c＜frame name="topFrame" scrolling="NO" noresize src="bgsound.htm" ＞
�c�c＜frame name="mainFrame" src="main.htm"＞
�c�c＜/frameset＞
�c�c＜/html＞
�c�c
�c�cQ： 半透明的层怎么做？
�c�cA： 先定义一个CSS样式：
�c�c＜style type="text/css"＞
�c�c＜!--
�c�c.halfalpha { background-color: #000000; filter: Alpha(Opacity=50)}
�c�c--＞
�c�c＜/style＞
�c�c然后应用在层标签里：
�c�c＜div class="halfalpha"＞
�c�c
�c�cQ： 层在不同分辨率下发生错位，怎么办？
�c�cA：解决方法有二：
�c�c1、页面居左显示；
�c�c2、使用层的相对定位，关于相对定位你可以参考这篇文章：
�c�c [url]http://www.windstudio.net/tech/show.asp?id=37[/url]
�c�c
�c�cQ： 如何实现“设为首页”、“添加到收藏夹”？
�c�cA： 设置为首页：
�c�c＜a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.windstudio.net');"＞设为首页＜/a＞
�c�c加入收藏：
�c�c＜a href="javascript:window.external.AddFavorite('http://www.windstudio.net', '有风的日子・带给你一阵清新的设计风')"＞加入收藏＜/a＞
�c�c
�c�cQ： 如何制作细线表格？
�c�cA： 表格细线边框的做法
�c�c方法1：把表格的cellspacing设置为1，cellpadding和border均为0，分别填充表格的背景色和单元格的背景色。举例如下：
�c�c＜table width="550" border="0" cellspacing="1" cellpadding="0" bgcolor="#666666"＞
�c�c＜tr bgcolor="#FFFFFF"＞
�c�c＜td＞ ＜/td＞
�c�c＜/tr＞
�c�c＜tr bgcolor="#FFFFFF"＞
�c�c＜td＞ ＜/td＞
�c�c＜/tr＞
�c�c＜/table＞
�c�c
�c�c方法2：把cellspacing、cellpadding、border均设置为1，分别设定表格的边框色和内部单元格的边框色，注意使内部单元格的边框色和网页背景色或表格背景色相同，这样内部的边框看上去就和背景融为一体了。举例如下：
�c�c＜table width="550" border="1" cellspacing="1" cellpadding="1" bordercolor="#666666"＞
�c�c＜tr bordercolor="#FFFFFF"＞
�c�c＜td＞ ＜/td＞
�c�c＜/tr＞
�c�c＜tr bordercolor="#FFFFFF"＞
�c�c＜td＞ ＜/td＞
�c�c＜/tr＞
�c�c＜/table＞
�c�c
�c�c方法3：用CSS定义表格的边框宽度为1个像素。先设置CSS类table1 { border-top: 0px; border-right: 0px; border-bottom: 0px; border-left:0px}，然后在＜table＞标签里添加class="table1"。
�c�c
�c�c方法4：做一个和表格等大的图片作为表格的背景，尤其当你想使表格边线有倒角时。
�c�c
�c�cQ： 怎样打开一个全屏的IE窗口？
�c�cA： 用JavaScript来实现：
�c�c定义过程：
�c�c＜script language="JavaScript"＞
�c�c＜!--
�c�cfunction MachakFull(Ie,other){
�c�cx=screen.availWidth;
�c�cy=screen.availHeight;
�c�ctarget = parseFloat(navigator.appVersion.substring(navigator.appVersion.indexOf('.')-1,navigator.appVersion.length));
�c�cif((navigator.appVersion.indexOf("Mac")!=-1) &&(navigator.userAgent.indexOf("MSIE")!=-1) &&(parseInt(navigator.appVersion)==4))
�c�cwindow.open(other,"sub",'scrollbars=yes');
�c�cif (target ＞= 4){
�c�cif (navigator.appName=="Netscape"){
�c�cvar MachakFull=window.open(other,"MachakFull",'scrollbars=yes','width='+x+',height='+y+',top=0,left=0');
�c�cMachakFull.moveTo(0,0);
�c�cMachakFull.resizeTo(x,y);}
�c�cif (navigator.appName=="Microsoft Internet Explorer")
�c�cwindow.open(Ie,"MachakFull","fullscreen=yes");
�c�c}
�c�celse window.open(other,"sub",'scrollbars=yes');
�c�c}
�c�c//--＞
�c�c＜/script＞
�c�c
�c�c调用函数：
�c�c＜a href="javascript:;" onClick="MachakFull('index.htm','')"＞点这里打开一个全屏窗口＜/a＞
�c�c
�c�cQ： 怎么做无边的IE弹出窗口？
�c�cA： 这种窗口叫Chromeless Window，用一个DW插件就可以实现这种效果。
�c�c插件名称：Chromeless Window 完美修正版
�c�c下载地址： [url]http://www.windstudio.net/[/url]
�c�c
�c�cQ： 如何去除浏览器的“滚动条”？
�c�cA： ＜body scroll=no＞
�c�c去掉水平滚动条：
�c�c＜body style="overflow-x: hidden"＞
�c�c去掉竖直滚动条：
�c�c＜body style="overflow-y: hidden"＞
Q： 怎么让下拉列表的链接在新窗口中显示？
�c�cA： ＜select name="designlink" onChange="window.open(this.options(this.selectedIndex).value);"＞
�c�c＜option selected＞设计站点链接＜/option＞
�c�c＜option value=http://www.pcicp.com＞蔫老虎网站＜/option＞
�c�c＜option value=http://bbs.pcicp.com＞蔫老虎论坛＜/option＞
�c�c＜option value=" [url]http://www.colorbird.com[/url]"＞技术性文章＜/option＞
�c�c＜/select＞
�c�c
�c�cQ： 如何实现两种不同的链接效果？
�c�cA： 在CSS中设置不同的类（CLASS），例如：
�c�ca.w1:link {text-decoration:none;color:#000066}
�c�ca.w1:visited {text-decoration:none;color:#333333}
�c�ca.w1:hover {color:#0000ff;text-decoration:underline}
�c�ca.w2:link {text-decoration:none;color:#000066; font-weight:bold}
�c�ca.w2:visited {text-decoration:none;color:#000066; font-weight:bold}
�c�ca.w2: hover{color:#FF0000; font-weight:bold}
�c�c
�c�c不同的链接调用不同的CSS类即可，例如：
�c�c＜a href="#" class="w1"＞123＜/a＞
�c�c＜a href="#" class="w2"＞456＜/a＞
�c�c
�c�c也可以直接在DW中操作，例如：
�c�c1、打开css style面版选择use css selector
�c�c2、选择a:link，定义样式，接下来选择a:hover再定义样式
�c�c3、同样方法再建立一个链接样式a.w1（名称可任意）:link 和a.w1:hover
�c�c4、第二步所建立的样式会以默认值自动写入文档，当需要使用第二种样式时，选中链接文字，在右键快捷菜单中选择新样式（第三步建立的样式，这里为w1），搞定。
�c�c
�c�cQ： 怎样用CSS改变鼠标指针样式？
�c�cA： ＜span style="cursor:X"＞＜/span＞
�c�c这里选择cursor（文本）作为对象，还可以自己改为其他的，如link等。
�c�cx可以等于=hand（手形）、crosshair（十字）、text（文本光标）、wait（顾名思义啦）、default（默认效果）、help（问号）、e-size（向右箭头）、ne-resize（向右上的箭头）、nw-resize（向左上的箭头）、w-resize（向左的箭头）、sw-resize（左下箭头）、s-resize（向下箭头）、se-resize（向右下箭头）、auto（系统自动给出效果）
�c�c
�c�cQ： 如何解决DW4不能使用五笔输入法的问题？
�c�cA： 选择菜单Edit→Preferences，在Category列表中选择General，取消复选框Enable Double-Byte Inline Input既可。取消复选框Enable Double-Byte Inline Input后，所有的中文输入法（包括五笔字型输入法V4.5）均恢复正常！
�c�c
�c�cQ： 怎么样让在800*600分辨率下生成的网页在1024*768下居中显示？
�c�cA： 把页面内容放在一个宽为778的大表格中，把大表格设置为水平方向居中。宽度定为778是为了在800*600下窗口不出现水平滚动条，你也可以根据需要进行调整。
�c�c如果要加快关键内容的显示，也可以把内容拆开放在几个竖向相连的大表格中~~
�c�c除了使用表格之外，你也可以把要居中的部分用＜div align=center＞和＜/div＞标签包围起来。
�c�c
�c�cQ： 怎么实现在不同页面间通过链接跳转时，IE地址栏的显示地址不变？
�c�cA： 用分帧实现，把其中一个frame的显示高度（或宽度）定义为0，这样另外一部分通过链接跳转的时候就是在分帧内部跳转了，如果要跳出这个分帧，设置链接的target="_top"即可~~
�c�c例子：
�c�c＜html＞
�c�c＜head＞
�c�c＜title＞框架页＜/title＞
�c�c＜meta http-equiv="Content-Type" content="text/html; charset=gb2312"＞
�c�c＜/head＞
�c�c
�c�c＜frameset rows="0,*" frameborder="NO" border="0" framespacing="0"＞
�c�c＜frame name="topFrame" scrolling="NO" noresize src="blank.htm" ＞
�c�c＜frame name="mainFrame" src="main.htm"＞
�c�c＜/frameset＞
�c�c＜noframes＞
�c�c＜body bgcolor="#FFFFFF" text="#000000"＞
�c�c对不起，你的浏览器不支持框架的显示。
�c�c＜/body＞
�c�c＜/noframes＞
�c�c＜/html＞
�c�c
�c�cQ： 绝对地址与相对地址？绝对定位与相对定位？
�c�cA： 绝对地址：形如 [url]http://www.windstudio.net/index.htm[/url] 或 file://d:/homepage/index.htm 这样的地址，就是文件在网络或本地的绝对位置；
�c�c
�c�c相对地址：就是被链接文件相对与当前页面的地址，比如说，链接和当前页面同级的文件地址只要用“文件名”即可；链接当前页面下级子目录下的文件用“目录名/文件名”；链接当前页面上一级目录下的文件用“../文件名”；链接同级但在另外一个子目录中的文件用“../目录名/文件名”；链接根目录（你的网站的根目录，并非硬盘根目录）下的文件可以用“./文件名”的形式。
�c�c
�c�c其实绝对和相对很容易理解的，相对就是有参照物的，绝对则是固定的。
�c�c
�c�c为什么我们提倡使用相对地址呢？打个比方说吧，如果你有一个index.htm，里面引用了images目录的一些图片，如果使用了相对地址，搬家的时候只需把原来这套东西全部上传到新的空间就行了，因为文件彼此之间的相对位置关系没有改变，所以这些地址仍然是有效的。但如果插入图片的时候使用了绝对地址，那空间地址一变，引用处的图片路径也要随之改变。当然，有时也会用到绝对地址，例如友情链接别人的主页等等。
�c�c
�c�c相对定位也是一样，如果是相对于一个单元格定位的层，单元格挪动到哪儿，层也就会到哪儿，结合这篇《关于层的相对于绝对定位》，就可以解决层很难适应多种分辨率的问题：
�c�c [url]http://www.windstudio.net/tech/show.asp?id=37[/url]
�c�c
�c�c用辩证的观点来看，其实绝对定位也是相对的，它和我们所说的相对定位的区别就在于，层的绝对定位是相对于浏览器的左边界和上边界而言，而层的相对定位是层相对于它的载体（表格或另外的层）而言~~
�c�c
�c�cQ： 如何取消链接的下划线？
�c�cA： 用CSS来实现：
�c�c＜style type="text/css"＞
�c�c＜!--
�c�ca:link { text-decoration: none}
�c�ca:visited { text-decoration: none}
�c�ca:hover { text-decoration: none}
�c�c--＞
�c�c＜/style＞
�c�c其中a:link 表示一般的链接样式；a:visited 表示已访问过的链接样式；a:hover 表示鼠标经过时的链接样式。text-decoration: none 表示无下划线，text-decoration: underline 表示有下划线。
�c�c
�c�c如果三种链接状态的样式相同，也可以简化为：
�c�c＜style type="text/css"＞
�c�c＜!--
�c�ca { text-decoration: none}
�c�c--＞
�c�c＜/style＞
�c�c
�c�cQ： 为什么在DW中把单元格高度设置为1没有效果？
�c�cA： DW生成表格时会自动在每个单元格里填充一个 代码，就是空格代码，如果有这个代码的存在，你把该单元格宽度或高度设置为1都没有效果，实际预览时该单元格会占据10px左右的宽度。
�c�c如果把 代码去掉，再把单元格宽度或高度设置为1，就可以在IE中看到预期的效果。但是在NS（Netscape）中该单元格不会显示，就好象表格中缺了一块。在单元格内放一个透明的GIF图，然后把它的宽度和高度都设置为1，这样就可以同时兼容IE和NS了。
�c�c
�c�cQ： 为什么在DW中给单元格设置了背景图有时在IE里看不到？
�c�cA： 如果背景图的设置出现在＜tr＞里，在实际预览时是看不到效果的，我觉得这应该算做DW的一个BUG，手工把＜tr＞中的背景图相关设置代码转移到＜td＞中就好了。
�c�c
�c�cQ： 如何使表格背景色在鼠标经过时改变？
�c�cA： ＜table width="100" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000"＞
�c�c＜tr＞
�c�c＜td onmouseover="style.backgroundColor='#CCCCCC'" onmouseout="style.backgroundColor='#FFFFFF'" align="center" bgcolor="#FFFFFF"＞背景色改变＜/td＞
�c�c＜/tr＞
�c�c＜/table＞