Dreamweaver技巧50问(3)

时间:2008-10-16 14:00:00 

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不播放(默认值)。

26> 如何利用水平线制作一条宽度为1的细线?

请点击 这里 去看实现方法(编者增加)

27> 如何自动加入网页更改后的日期?

只需要在源文件<body></body>之间添加如下代码即可。

< s cript Language=“javas cript”><!--
document.write(“Last Updated:”+document.lastModified);
-->< /s cript>

在浏览器中的显示样式为:“Last Updated:2001/8/19”

28> 怎样控制弹出POPUP信息?

有时,当我们点击链接时,会出现一些着重性说明的提示信息,也就是弹出信息。比如当某个链接还没有完成目标内容页的制作时,就可以应用POPUP信息解释一下。

在网页中合适位置输入链接文字,选中,在属性面板中制作链接。在仍保持选中状态的前提下,单击快速启动板中的“Behavior”按钮,如:

点击左上的“+”号,从列表中选中“Popun message”,在随后的窗口中输入需要提示的信息,如图

设定该动作的鼠标事件(Events)为点击(onclick)。在浏览器中预览效果如下

29> 隐藏浏览器中状态栏的URL地址信息的方法?

浏览网页,当鼠标停留在链接上方时,在下面的状态栏中会自动显示该链接目标地址,考虑到安全方面的问题,有时我们需要把它重置为“零”,即设为空白。

现在只需要在链接代码中作些手脚就可以实现了,如下

< a href=# onmouseOver="window.status='none';return true">内容< /a>

30>如何改变状态栏里的提示文字?

默认情况下,当网页被载入时,在状态栏里将显示该网页的地址等信息。想不想让它变的更有魅力呢?

在DW“Behavior”行为板中,单击“+”号选择“Set Text Set”下的“Text Of Status Bar”选项,如图

在“Set Text of Status Bar”窗口中输入类似“欢迎你光临本网站--网管留言”等Message信息。

标签:技巧,Dreamweaver,网页设计
0
投稿

猜你喜欢

  • asp HTTP 500错误 常见问题分析

    2011-04-07 10:33:00
  • 两行 JavaScript 代码

    2010-08-31 14:57:00
  • FileSystem对象常用的文件操作函数有哪些?

    2009-11-01 15:11:00
  • 用err.raise自定义错误信息

    2008-02-20 12:48:00
  • SQL server使用自定义函数以及游标

    2011-11-03 17:26:27
  • ORACLE 正则解决初使化数据格式不一致

    2009-05-24 19:44:00
  • 如何Restore数据库备份文件?

    2009-11-02 20:20:00
  • Web2.0视觉风格进化论 之一

    2007-11-03 19:58:00
  • asp如何读取文本文件的内容?

    2009-11-18 20:55:00
  • Javascript优化(文件瘦身)

    2008-06-02 13:20:00
  • Mini,又个 Javascript 选择器

    2009-10-06 14:48:00
  • sql数据库批量处理脚本

    2011-11-03 17:23:19
  • VBScript中变量作用域

    2007-11-02 10:03:00
  • 3个asp简单技巧

    2009-11-26 20:55:00
  • oracle 常见等待事件及处理方法

    2009-04-24 12:01:00
  • asp从Excel中筛选符合条件的记录保存至新的Excel中

    2007-09-06 19:20:00
  • 防采集,几种觉得有用的防采集方法

    2009-09-03 13:30:00
  • 解析:正确的理解SQL Server和XML支持

    2009-01-23 13:52:00
  • 如何禁止搜索引擎收录你的网站

    2008-10-20 12:57:00
  • 浅析CMS生成静态页面的两种方案

    2008-03-17 12:51:00
  • asp之家 网络编程 m.aspxhome.com