当前位置:起点学习辅导网培训频道电脑知识学习网页制作Dreamweaver教程Dreamweaver技巧50问

Dreamweaver技巧50问

01-01 19:59:59浏览次数:927栏目:Dreamweaver教程
标签:dreamweaver8教程,dreamweaver8.0教程,暂无联系方式 Dreamweaver技巧50问,

  其中“Delay”输入框中键入刷新延迟的时间(单位:秒),“Action”为刷新指定的目标URL。因为现在是刷新当前页面,直接选单选项“Refresh This Document”即可。

13> 如何定义网页的关键字(Keyname)?

  当用户使用搜索引擎search合适内容的网页时,关键字起着一个不容忽视的作用。大多的搜索服务器会每隔一段时间自动探测网络中是否有新网页产生,并把他们按关键字进行记录,以方便用户查询。

  你当然想让你的网页出现在搜索引擎的查询返回列表中了,这时关键字的定义就尤为重要了。

  同样在“Head”面板部分,单击“KeyWords”按钮,录入需要逐个定义的关键字即可,注意每个关键字以“;”号隔开,数目没有限制。

14> 如何在编辑窗口中,隐藏一些不必要的标签?

  当用户在网页中插入了太多的不可见元素时,在编辑窗口的最上面就会显示一排相应的标示标签,用来方便用户随时能找到它们。虽然这些标签本身并不影响浏览器里的显示效果,但多了以后,往往使网页内容不得不错位,从而一定程度上妨碍网页视觉上的调整,那么怎么样才能把这些东东去掉呢?

  进入“Preperence”面板,列表中选择“Invisibel Elements”,如图:

  勾掉你不想显示的项目前的“对号”即可,比如s cripts等

15>安排不支持“框架”的浏览器的显示内容?

  我们知道,目前的浏览器类型很多,因此我们设计网页时最先考虑到的往往是“这个东西是不是在不同的浏览器中都能显示好呢?”。框架就是一个例子!

  不过避免开这点,很简单,你只需要在源代码中加入下面的内容就可以了。

  < BODY><noframes> ---本网页中包含有框架结构,如果您不能正常显示的话,请下载新的浏览器版本或更换主流浏览器--- < /noframes></ BODY>

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

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

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

  你只需要在网页源代码的<head></head>之间加入以下代码内容:

<s cript language=“javas cript”><!--
if (self!=top){top.location=self.location;}
-->< /s cript>

17> 怎样加入注释内容?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

< s cript LANGUAGE=“javas cript”> <!-- setTimeout('window.close();', 10000); --> < /s cript>

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

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

上一页  [1] [2] [3] [4]  下一页

,Dreamweaver技巧50问
给资讯打分:
网友评论: