技巧篇
：
1.
在
<BODY>
标签中可以规定整个文档的一些基本属性：
"bgcolor":
指定
html
文档的背景色。
"text":
指定
html
文档中文字的颜色。
"link":
指定
html
文档中待连接超链接对象的颜色。
"alink":
指定
html
文档中连接中超链接对象颜色。
"vlink":
指定
html
文档中以连接超链接对象颜色。
"background":
指定
html
文档的背景文件。
有两种方式表示颜色对象：
<body bgcolor="green">
或
<body bgcolor="#00FF00">
。文档主体部分可用颜色列表：
black
黑色
Red
红色
Line
石灰色
Maroon
栗色
Gray
灰色
Silver
银白色
Navy
海军蓝
Olive
橄榄绿
Purple
紫色
Yellow
黄色
Aqua
浅绿色
Blue
蓝色
Green
绿色
Fuchsia
紫红色
White
白色
Teal
暗蓝绿
2.
浏览器的状态列提示文字控制
(1).
鼠标经过
:<a href="tpage.htm" onMouseOver="window.status=\'
相关提示
\'; return true">
页面上鼠标经过的文字
<a>
(2).
改变状态栏提示文字：打开
"Behaviors"
行为编辑窗，单击
"
＋
"
按钮，选择
"Set Text Set"
下的
"Text Of Status Bar"
选项，然后在方框中输入自己的文字，例如
"
欢迎来到我的主页
"
等，单击
"
确定
"
即可。
3.
链接控制：
a.
返回前页：使用
OnClick="history.go(-1)"
返回主页：使用
OnClick=\'top.location.href="../index.html"\'
b.
链接提示
:
在链接语句中增加
,
如：去哪儿？
(
在点击链接前注意看状态行显示的变化
)
OnMouseOver="window.status=\'
这里是
...\'; return true" OnMouseOut="window.status=\'\'; return true"
c.
链接的不同方式
:
在帧里显示：在链接处加
target="main"
语句，其中
main
为帧名
整页显示：在链接处加
target="_top"
语句
开新窗口：在链接处加
target="resource window"
语句，如
<A HREF="index.htm" TARGET="resource window"></A>
d.
强制主页每次都不进行缓存，而从服务器上重读
在
Head
部分加
<MEAT HTTP-EQUIV="Pragma" CONTENT="no-cache">
e.
自动刷新
定时刷新：
<META HTTP-EQUIV="Refresh" content="10; URL=http://
自己的
URL">
幻灯片效果：语句类似上面，但在页面
1
中
URL
指向页面
2
，而页面
2
指向页面
3 ...
页面
n
指回页面
1
，即可实现循环显示页面的效果。
f.
在某一个时间内自动链接到其他主页，这只需在〈
title
〉
######
〈
/title
〉之后加入下面这一行即可：
〈
meta http-equiv="refresh" content="20; url=otherpage.htm"
〉（
"20"
代表二十秒后连到另一个主页）
h.
在打开指定网页的同时打开另一指定网页
\'next.htm
，只需在指定网页的
body
中加入指令
onload
：
<html><body onload="parent.banner.location.href=\'next.htm\'">
指定打开的一个网页内容
</body>
4.
设置
"
添加到收藏夹
"
链接：
选中
"
添加到收藏夹
"
文字，在属性面板中的链接（
Link
）中输入：
"javascript :window.external.AddFavorite (\'http://www.excelhome.net/\',\'
学习之家
\')"
。
点击此链接时会弹出对话框，可以将你的主页地址加到收藏夹中。
5.
文字移动动态效果：
1)
文字从右移到左边：
<marquee><b>
大家好
</b>
欢迎您经常光临！
</marquee>
2)
让文字在固定的区域内出现从下到上的滚动效果：
例
1:<table height=542 cellspacing=0 cellpadding=0 width=800 border=0>
<tr><td valign=center align=middle width=316 height=405>
<marquee scrollamount=1 scrolldelay=140 direction=up width=382 height=403><center>
谨以此网站送给
xxx
<font color=#ff0000></font></center><br>
此处为长篇大论
!</marquee></td></tr></table>
例
2:<body><div align="center"><p><marquee aligh=left bgcolor=#FFFED7 direction=up behavior=scroll height=100
hspace=1 scrollamount=2 Scrolldelay=1 width=250 VSpace=1 loop=-1>
<font color="#FF0000" size="5" face="
方正大黑简体
">
望
岳
</font><br> <br>
<font color="#FF0000">
岱宗夫如何，齐鲁青未了。
<br>
造化钟神秀，阴阳割昏晓。
<br>
汤胸生层云，决眦入归鸟，
<br>
会当凌绝顶，一览众山小。
<br></font></marquee></p></div></body></html>
3)
在指定宽度内移来移去的文字代码：
<TD height=20><P align=center><MARQUEE scrollDelay=120 direction=right
behavior=alternate width=150 height=12>
产品导航
</MARQUEE></P></TD>
6.E-mail
链接：
选中字或图片，在属性中设置
Alt
为
"
给我来信
"
，链接为
"mailt ketang.pc@goldhuman.com"
，在浏览器中单击此图，就会启动发送邮件窗口。在链接地址前加
"#"
符号，可以在网页中不打开实际链接。
7.
动画背景为透明：
选中
Flash(gif)
，在源代码
</object></p>
前加入代码：
<param name="wmode" value="transparent">
。或文件属性栏里
"
参数
"
输入
wmode,value="transparent"
。
8.
浮动背景图象
(
主页内容向下滚动而背景图象不动的效果
)
：
(1).<body backgroud="image.jpg" bgproperties="fixed">
(2).
在
Dreamweaver
中用「
Text
」
-
「
Custom Style
」
-
「
Edit Style Sheet
」
-
「
New
」
-Redefine HTML Tag
中选择
Body
，然后在
Background
中的
Attachment
里选
fixed
9.
滚动条换颜色：
默认的网页滚动条是灰色，在网页代码
<head></head>
里插入一对
<style></style>
标签，标签里写入下面的代码：
body {SCROLLBAR-FACE-COLOR:#3333FF;(
立体滚动条凸出部分的颜色
)
SCROLLBAR-HIGHLIGHT-COLOR:#505050;(
滚动条空白部分的颜色
)
SCROLLBAR-SHADOW-COLOR:#fc2400;(
立体滚动条阴影的颜色
)
SCROLLBAR-ARROW-COLOR:#666666;(
上下按钮上三角箭头的颜色
)
SCROLLBAR-BASE-COLOR:#333333; (
滚动条的基本颜色
)
SCROLLBAR-DARK-SHADOW-COLOR:#b4fc48} (
立体滚动条强阴影的颜色
)
后面的
16
位颜色值你可以随意更改，括号内是解释说明，在输入时请不要插入。
10.
背景音乐
:
body
中加入以下任一个代码（建议为
midi
格式的）：
显示操作面板：在相应地方加
:
<embed src="aladdin.mid" width="140" height="35" autostart=true controls="middleconsole">
不显示操作面板：在页中任意地方加
<embed src="aladdin.mid" hidden=true autostart=true loop=true>
<bgsound src=
音乐路径
loop=
次数
>
－
1
为无数次
<embed src=
音乐路径
width=0 height=0>
11.
在
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
参考资料：
http://www.dreamest.net/
posted on 2006-09-12 17:19
forrest 阅读(252)
评论(0) 编辑 收藏 引用 所属分类:
ASP