网页制作常见问题
一.Q: 表格内的文字不会自动换行,怎么办?
A: 有两种可能的情况:
A: 有两种可能的情况:
第一种,你用CSS把表格内文字的字体设置成了英文字体,这样在DW里表格内的文字不会自动换行,但这仅是DW里的显示效果,在IE里其实是可以正常换行的。如果希望在DW的编辑状态也能使文字自动换行,把表格内文字的字体设置为中文字体即可(例如“宋体”)。
第二种,你在表格中输入了连串无空格的英文或数字,它们被IE识别为一个完整的单词,所以不会自动换行,遇到这种情况,你可以通过CSS把文字强行打散,例如:
<td >……</td>
<td >……</td>
二. Q: 怎么才能让层飘在Flash上面?
A: 在网页里把SWF文件设置为背景透明即可,具体做法:
A: 在网页里把SWF文件设置为背景透明即可,具体做法:
DW中,在SWF文件的属性面板中,点parameters,添加参数wmode,值选择transparent;
或者直接修改网页的代码,在标志SWF文件属性的代码中添加: <param name="wmode" value="transparent">
注意,这种效果只有IE支持。
注意,这种效果只有IE支持。
三. Q: 背景音乐因为页面的切换而无法连续播放,怎么让它连续播放?
A: 用分帧实现,把其中一个frame的显示高度(或宽度)定义为0,在其中设置背景音乐,另外一个frame内的页面切换不影响整个背景音乐的播放。
A: 用分帧实现,把其中一个frame的显示高度(或宽度)定义为0,在其中设置背景音乐,另外一个frame内的页面切换不影响整个背景音乐的播放。
例子:
<html>
<head>
<title>框架页</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<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="topFrame" scrolling="NO" noresize src="bgsound.htm" >
<frame name="mainFrame" src="main.htm">
</frameset>
<noframes>
<body bgcolor="#FFFFFF" text="#000000">
对不起,你的浏览器不支持框架的显示。
</body>
</noframes>
</html>
</frameset>
<noframes>
<body bgcolor="#FFFFFF" text="#000000">
对不起,你的浏览器不支持框架的显示。
</body>
</noframes>
</html>
四. Q: 改变IE的字体大小设置时,页面字体不发生改变,怎样实现?
A: 用CSS定义页面字体,例如:
<style type="text/css">
<!--
body { color: #333333; font-family: "宋体", "Arial"; font-size: 9pt}
td { color: #333333; font-family: "宋体", "Arial"; font-size: 9pt}
-->
A: 用CSS定义页面字体,例如:
<style type="text/css">
<!--
body { color: #333333; font-family: "宋体", "Arial"; font-size: 9pt}
td { color: #333333; font-family: "宋体", "Arial"; font-size: 9pt}
-->
</style>
基本上,设置了body和td的默认字体,就相当于定义了页面内大部分文字内容。
基本上,设置了body和td的默认字体,就相当于定义了页面内大部分文字内容。
注意,使用CSS定义好默认字体后,不要再使用<font size="1">这样的标签,这会屏蔽CSS的默认设置。
五. Q: 绝对地址与相对地址?绝对定位与相对定位?
A: 绝对地址:形如www.hongen/default.htm或file://d:/homepage/default.htm这样的地址,就是文件在网络或本地的绝对位置;
A: 绝对地址:形如www.hongen/default.htm或file://d:/homepage/default.htm这样的地址,就是文件在网络或本地的绝对位置;
相对地址:就是被链接文件相对与当前页面的地址,比如说,链接和当前页面同级的文件地址只要用“文件名”即可;链接当前页
面下级子目录下的文件用“目录名/文件名”;链接当前页面上一级目录下的文件用“../文件名”;链接同级但在另外一个子目录
中的文件用“../目录名/文件名”;链接根目录(你的网站的根目录,并非硬盘根目录)下的
面下级子目录下的文件用“目录名/文件名”;链接当前页面上一级目录下的文件用“../文件名”;链接同级但在另外一个子目录
中的文件用“../目录名/文件名”;链接根目录(你的网站的根目录,并非硬盘根目录)下的
文件可以用“
./文件名”的形式。实绝对和相对很容易理解的,相对就是有参照物的,绝对则是固定的。为什么我们提倡使用相对地址呢?打个
比方说吧,如果你有一个index.htm,里面引用了images目录的一些图片,如果使用了相对地址,搬家的时候只需把原来这套东西全
部上传到新的空间就行了,因为文件彼此之间的相对位置关系没有改变,所以这些地址仍然是有效的。但如果插入图片的时候使用
了绝对地址,那空间地址一变,引用处的图片路径也要随之改变。当然,有时也会用到绝对地址,例如友情链接别人的主页等等。
./文件名”的形式。实绝对和相对很容易理解的,相对就是有参照物的,绝对则是固定的。为什么我们提倡使用相对地址呢?打个
比方说吧,如果你有一个index.htm,里面引用了images目录的一些图片,如果使用了相对地址,搬家的时候只需把原来这套东西全
部上传到新的空间就行了,因为文件彼此之间的相对位置关系没有改变,所以这些地址仍然是有效的。但如果插入图片的时候使用
了绝对地址,那空间地址一变,引用处的图片路径也要随之改变。当然,有时也会用到绝对地址,例如友情链接别人的主页等等。
相对定位也是一样,如果是相对于一个单元格定位的层,单元格挪动到哪儿,层也就会到哪儿.
用辩证的观点来看,其实绝对定位也是相对的,它和我们所说的相对定位的区别就在于,层的绝对定位是相对于浏览器的左边界和
上边界而言,而层的相对定位是层相对于它的载体(表格或另外的层)而言~~
六. Q: 如何取消链接的下划线?
A: 用CSS来实现:
<style type="text/css">
<!--
a:link { text-decoration: none}
a:visited { text-decoration: none}
a:hover { text-decoration: none}
-->
</style>
其中a:link 表示一般的链接样式;a:visited 表示已访问过的链接样式;a:hover 表示鼠标经
上边界而言,而层的相对定位是层相对于它的载体(表格或另外的层)而言~~
六. Q: 如何取消链接的下划线?
A: 用CSS来实现:
<style type="text/css">
<!--
a:link { text-decoration: none}
a:visited { text-decoration: none}
a:hover { text-decoration: none}
-->
</style>
其中a:link 表示一般的链接样式;a:visited 表示已访问过的链接样式;a:hover 表示鼠标经
过时的链接样式。text-decoration: none 表示无下划线,text-decoration: underline表示有下划线。
如果三种链接状态的样式相同,也可以简化为:
<style type="text/css">
<!--
a { text-decoration: none}
-->
</style>
<style type="text/css">
<!--
a { text-decoration: none}
-->
</style>
七. Q: 为什么在DW中把单元格高度设置为1没有效果?
A: DW生成表格时会自动在每个单元格里填充一个 代码,就是空格代码,如果有这个代码的存在,你把该单元格宽度或高度设置为
1都没有效果,实际预览时该单元格会占据10px左右的宽度.如果把 代码去掉,再把单元格
宽度或高度设置为1,就可以在IE中看到预
期的效果。但是在NS(Netscape)中该单元格不会显示,就好象表格中缺了一块。在单元格内放一个透明的GIF图,然后把它的宽度和
高度都设置为1,这样就可以同时兼容IE和NS了。
期的效果。但是在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
1、打开css style面版选择use css selector
2、选择a:link,定义样式,接下来选择a:hover再定义样式
3、同样方法再建立一个链接样式a.w1(名称可任意):link 和a.w1:hover
4、第二步所建立的样式会以默认值自动写入文档,当需要使用第二种样式时,选中链接文字 ,在右键快捷菜单中选择新样式(第三步建立的样式,这里为w1)
十.Q: 怎样改变IE滚动条的样式?
A: 用CSS改变滚动条的样式,代码如下:
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;
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>
}
</style>
这种效果只有IE5.5及更高版本才支持。
十一.Q: 为什么页面四周有空白?
A: 在你的<body>里面加入leftmargin="0" topmargin="0",为了适应网景浏览器,最好再加上marginheight="0" marginwidth="0"
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>
A: <body scroll=no>
去掉水平滚动条:
<body >
去掉竖直滚动条:
<body >
<body >
去掉竖直滚动条:
<body >
十三.Q: 如何实现“设为首页”、“添加到收藏夹”?
A: 设置为首页:
<a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHome
Page('www.windstudio');">设为首页</a>
A: 设置为首页:
<a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHome
Page('www.windstudio');">设为首页</a>
加入收藏:
<a href="al.AddFavorite('www.windstudio', '
有风的日子·带给你一阵清新的设计风')">加入收藏</a>
<a href="al.AddFavorite('www.windstudio', '
有风的日子·带给你一阵清新的设计风')">加入收藏</a>
十四css去掉滚动条.Q: 在Dreamweaver中怎么连续加入空格?
A: 1、插入中文的全角空格(在智能ABC方式下,按Shift+Space键切换)
2、使用 标记,1个 标记代表一个空格;
3、使用Obejct面板中的Insert Non-Breaking Space。这个相当于插入一个 标记。
4.shift + ctrl + 空格
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论