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的细线? 水平线法 1.在 Dreamweaver 中新建一个文档,插入一条水平线,双击水平线,调出属性面板。 2.在水平线的属性面板上设置高度 H = 0 pixel。 3.Copy 此条水平线,在属性面板中把 Shade 的勾点掉。 4.按 F12 进行预览,请对比下面的(1)(2)源代码及效果。 (1)
源代码:<hr size="0" color="#3366FF" noshade> (2)
源代码: <hr size="0" color="#3366FF"> |
5.另外制作两条 H = 1 pixels 的水平线,分别有 Shade 和 没 Shade。 (1)
源代码:<hr size="1" color="#3366FF" noshade> (2)
源代码: <hr size="1" color="#3366FF"> |
6.制作两条 H = 2 pixels 的水平线,并定义颜色,分别有 Shade 和 没 Shade。 (1)
源代码:<hr size="2" color="#3366FF" noshade> (2)
源代码:<hr size="2" color="#3366FF"> |
7.制作两条 H = 2 pixels 的水平线,颜色为缺省值,分别有 Shade 和 没 Shade。 (1)
源代码: <hr size="2" noshade> (2)
源代码: <hr size="2"> |
看了上面的几种水平线效果,我们发现,当水平线的高度 H 设为“0 pixel”和“1 pixel”时,无论水平线有没有Shade (阴影),它在IE浏览器中都显示为 1 pixel 的细线。在论坛中曾经发现有些网友把高度H设置为小数数值,如:0.1之类的,以求达到1 pixel 的细线的效果,实质上,在 Dreamweaver 网页编辑器里,属性面板是不能设置小数数值的,但如果我们直接在源代码里输入,属性面板就认了,可以显示出小数数值。同时,IE浏览器把高度为 2 pixel 以下的水平线识别为 1pixel 。 在制作水平线时我们制作了有 shade 和没有 shade 的,经过对比发现当水平线高度H为2 pixels 以下时,shade 不起作用,只有到 2 pixels 以上时才看得到 shade 效果。 27> 如何自动加入网页更改后的日期? 只需要在源文件<body></body>之间添加如下代码即可。 <Script Language=“JavaScript”><!--
document.write(“Last Updated:”+document.lastModified);
-->< /Script> 在浏览器中的显示样式为:“Last Updated:2001/8/19” 28> 怎样控制弹出POPUP信息? 有时,当我们点击链接时,会出现一些着重性说明的提示信息,也就是弹出信息。比如当某个链接还没有完成目标内容页的制作时,就可以应用POPUP信息解释一下。 在网页中合适位置输入链接文字,选中,在属性面板中制作链接。在仍保持选中状态的前提下,单击快速启动板中的“Behavior”按钮,如图 点击左上的“+”号,从列表中选中“Popun message”,在随后的窗口中输入需要提示的信息,如图 设定该动作的鼠标事件(Events)为点击(Onclick)。在浏览器中预览效果如下 29> 隐藏浏览器中状态栏的URL地址信息的方法? 浏览网页,当鼠标停留在链接上方时,在下面的状态栏中会自动显示该链接目标地址,考虑到安全方面的问题,有时我们需要把它重置为“零”,即设为空白。 现在只需要在链接代码中作些手脚就可以实现了,如下 <a href="http://www.pconline.com.cn/pcedu" onMouseOver="window.status='none';return true">北方网IT频道</a> 30>如何改变状态栏里的提示文字? 默认情况下,当网页被载入时,在状态栏里将显示该网页的地址等信息。想不想让它变的更有魅力呢? 在DW“Behavior”行为板中,单击“+”号选择“Set Text Set”下的“Text Of Status Bar”选项,如图 在“Set Text of Status Bar”窗口中输入类似“欢迎你光临本网站--网管留言”等Message信息。
|