建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

Dreamweaver常用技巧(4)

时间:2009-04-27 21:23来源: 作者: 点击:
16 如何避免别人把你的网页放在框架中? 一些居心不良的人,经常偷着窃取别人的劳动成果,比如把别人精心制作的网页以子页的形式放到自己的框架中。 那么怎样避免自己的网页内容被盗用呢? 你只需要在网页源代码的h

16> 如何避免别人把你的网页放在框架中?

一些居心不良的人,经常偷着窃取别人的劳动成果,比如把别人精心制作的网页以子页的形式放到自己的框架中。

那么怎样避免自己的网页内容被“盗用”呢?

你只需要在网页源代码的<head></head>之间加入以下代码内容:
<script language=“javascript”><!--
if (self!=top){top.location=self.location;}
-->< /script>

17> 怎样加入注释内容?

注释内容,顾名思义只是作为说明内容出现的,因此在浏览时不会出现在网页中。它的作用是对某些重要或复杂代码进行必要的标示,以更方便快捷的找到。

进入“Object”面板的“Invisibel”部分(即不可见元素),选择插入“Comment”按钮,

在“Comment”中键入必要的信息。这时如果你返回到源代码中,会看到这些操作添加的不过是下面格式的一段代码:

<!--这是需要填写的注释内容-->

18> 水平线,为什么不能设置颜色?

 在DW中,当通过菜单“Insert”-“Horizonal Rule”插入水平线时,在属性面板中你会发现并没有提供关于水平线颜色的设置,因为最早NC中不支持标签<hr>(水平线的HTML代码)的COLOR属性,所以DW也没有关于它的设置。

看来需要的话,我们只能直接进入源文件更改了。

    <hr color="对应颜色的代码">

19> 如何设置可以关闭当前窗口的功能?

这里我们可以先输入用来标示的文字“关闭窗口”,用鼠标拖动选中它,在“Link”输入框中键入“/”,同时切入源代码窗口,在链接代码中键入该事件-onclick=“javascript:window.close(); return false;”。

完整的代码为:< a href=“/”onclick=“javascript:window.close(); return false;”>关闭窗口< /a>

当然你也可以将文字“关闭窗口”换成其他的对象,比如图片,按钮等等!

20> 定时自动关闭的窗口又是怎样的呢?

上面提到了个关闭窗口的功能,那么现在的自动关闭又是怎么实现的呢?

在源代码<body>后加入下面的代码:

< script LANGUAGE=“javascript”> <!--
setTimeout('window.close();', 10000);
--> < /script>

其中的set Timeout是一个用来设定延迟时间的函数,这里10000表示10秒钟。

  21> 如何更改浏览器中鼠标的"形状"?

  一般情况下,鼠标在浏览器中以“箭头”的样式出现,那么我们能不能把它更改为自己喜欢的其他样式类型呢?

  改变鼠标形状在DW中是通过“CSS样式表”来实现的。

  菜单“文字(Text)”-“CSS样式表(CSS style)”-“Edit style sheet”,弹出样式表的编辑窗口,也可以单击快速启动板中的CSS style按钮找到,单击“New”按钮,选择默认的“Make custom style”,同时在下面的Define中使该样式只应用到当前网页文档,“This document only”。在“样式定义”窗口的左边列表项中选择“Extensing”(扩展项),相应右边设置在“Cursor”(鼠标)中,下拉选择合适的形状即可,确定后返回,按F12在浏览器中观察效果,不满意的话,还可以对样式进行修改。

  22>如何去除掉链接文字下面的下划线?

  在我们完成链接制作后,链接文字内容往往被自动在下面添加一条下划线,用来标示该内容包含超级链接。当一个网页中链接比较多时,就显得有些杂乱的感觉了,其实我们可以很方便的把它去掉。同样进入“Edit style sheet”窗口,单击“New”确立新样式,这里的Type(类型)中,需要选择的是“Redefine HTML Tag”,同时在具体的标记Tag中选中代表超级链接的“a”,单击OK。

  编辑该样式,左边列表中选“Type”,勾取“Decoration”(修饰)中的“None”复选框,这时所有网页中的链接文字下划线都被清除掉了。
 

  23> 怎样让鼠标在链接文字上方“悬停”时,产生变色,变形等效果?
  访问网站时,我们遇到的最平常不过的一种效果就是“鼠标悬停响应”了,所谓的“鼠标悬停响应”表现在链接文字上,就包括改变颜色,修饰效果(下划线,中划线)等多种选择。

  由于这种效果很好的起到了对目标内容的强调作用,因此无论是个人网站还是一些大的商业网站(如新浪,搜狐,网易等)都有应用。

  在上个问题中,你已经知道了去除掉链接下划线的方法,这里不再赘述。下面的问题将是如何添加鼠标响应事件的过程。

  同样进入“Edit style sheet”窗口,单击“New”确立新样式,不同的是现在的Type类型中选择最后的一项-“Use CSS selector”,“Selector”选单中选择“a:hover” OK,进入编辑样式窗口,设定“Type”项中的文字颜色为“红色”,当然你还可以添加鼠标悬停时出现下划线的效果。

  24>如何让网页的背景图片不跟随内容滚动?

  背景图片是很多网页设计者经常添加的东西,当网页内容超出一屏时,拉动滚动条背景图片会与内容相对静止的一起滚动,那么能否锁定背景不跟随滚动呢?当然可以进入“Edit style sheet”窗口,单击“New”确立新样式,在TYpe中选择“Redefine HTML Tag”,同时Tag选单选中“Body”,在左边列表中选择“Background”。 设定“Attachment”(附件)为“fixed”。其中scroll代表默认使用的滚动显示。

  25> 背景音乐你一定知道吧,怎么添加呢?

  在微软的网页工具-Frontpage中,有关于背景音乐的设置功能,那么DW显然没有作到这点,因此要使用的话,只能在源代码中手动添加了。

  在使用前,提醒大家一点,使用背景音乐一定要注意网页文件的大小,不能顾此失彼。代码如下:
< EMBED src=“music.mid”autostart=“true”loop=“2”width=“80”height=“30”>
  其中src指定音乐文件的位置,autostart为音乐文件上传后的动作,true表示自动开始播放,false不播放(默认值)。 (责任编辑:admin)

织梦二维码生成器
顶一下
(2)
100%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片