电脑技术学习

DW 技巧简单几问几答

dn001

1.如何去除掉链接文字下面的下划线?
  在我们完成链接制作后,链接文字内容往往被自动在下面添加一条下划线,用来标示该内容包含超级链接。当一个网页中链接比较多时,就显得有些杂乱的感觉了,其实我们可以很方便的把它去掉。
  同样进入“Edit style sheet”窗口,单击“New”确立新样式,如下
  这里的Type(类型)中,需要选择的是“Redefine HTML Tag”,同时在具体的标记Tag中选中代表超级链接的“a”,单击OK。
  编辑该样式,左边列表中选“Type”,如下
  勾取“Decoration”(修饰)中的“None”复选框,这时所有网页中的链接文字下划线都被清除掉了。
2. 怎样让鼠标在链接文字上方“悬停”时,产生变色,变形等效果?
  访问网站时,我们遇到的最平常不过的一种效果就是“鼠标悬停响应”了,所谓的“鼠标悬停响应”表现在链接文字上,就包括改变颜色,修饰效果(下划线,中划线)等多种选择。
  由于这种效果很好的起到了对目标内容的强调作用,因此无论是个人网站还是一些大的商业网站(如新浪,搜狐,网易等)都有应用。
  在上个问题中,你已经知道了去除掉链接下划线的方法,这里不再赘述。下面的问题将是如何添加鼠标响应事件的过程。


  同样进入“Edit style sheet”窗口,单击“New”确立新样式,不同的是现在的Type类型中选择最后的一项-“Use CSS selector”,“Selector”选单中选择“a:hover”如下
  OK,进入编辑样式窗口,设定“Type”项中的文字颜色为“红色”,当然你还可以添加鼠标悬停时出现下划线的效果。
3.如何让网页的背景图片不跟随内容滚动?
  背景图片是很多网页设计者经常添加的东西,当网页内容超出一屏时,拉动滚动条背景图片会与内容相对静止的一起滚动,那么能否锁定背景不跟随滚动呢?当然可以进入“Edit style sheet”窗口,单击“New”确立新样式,在TYpe中选择“Redefine HTML Tag”,同时Tag选单选中“Body”,在左边列表中选择“Background”。如下
  设定“Attachment”(附件)为“fixed”。其中scroll代表默认使用的滚动显示。
4. 背景音乐你一定知道吧,怎么添加呢?
  在微软的网页工具-Frontpage中,有关于背景音乐的设置功能,那么DW显然没有作到这点,因此要使用的话,只能在源代码中手动添加了。
  在使用前,提醒大家一点,使用背景音乐一定要注意网页文件的大小,不能顾此失彼。
代码如下:
< EMBED src=“music.mid”autostart=“true”loop=“2”width=“80”height=“30”>
  其中src指定音乐文件的位置,autostart为音乐文件上传后的动作,true表示自动开始播放,false不播放(默认值)。
5. 如何利用水平线制作一条宽度为1的细线?
  请点击 这里 去看实现方法(编者增加)
6. 如何自动加入网页更改后的日期?
  只需要在源文件<body></body>之间添加如下代码即可。
< s cript Language=“javas cript”><!--
document.write(“Last Updated:”+document.lastModified);
-->< /s cript>
  在浏览器中的显示样式为:“Last Updated:2001/8/19”
7. 怎样控制弹出POPUP信息?
  有时,当我们点击链接时,会出现一些着重性说明的提示信息,也就是弹出信息。比如当某个链接还没有完成目标内容页的制作时,就可以应用POPUP信息解释一下。
  在网页中合适位置输入链接文字,选中,在属性面板中制作链接。在仍保持选中状态的前提下,单击快速启动板中的“Behavior”按钮,如:
  点击左上的“+”号,从列表中选中“Popun message”,在随后的窗口中输入需要提示的信息,如图
  设定该动作的鼠标事件(Events)为点击(onclick)。在浏览器中预览效果如下
8. 隐藏浏览器中状态栏的URL地址信息的方法?
  浏览网页,当鼠标停留在链接上方时,在下面的状态栏中会自动显示该链接目标地址,考虑到安全方面的问题,有时我们需要把它重置为“零”,即设为空白。
  现在只需要在链接代码中作些手脚就可以实现了,如下
< a href="http://www.pconline.com.cn/pcedu" onmouseOver="window.status='none';return true">VNREMIX< /a>
1. 实现多个窗口的连接?
  面板设计一直是DW的一大特色,到了DW4版本,所用到的面板已经相当多了,那么我们如何才能更高效的利用它呢?
  “窗口连接”就是一种方便大家自定义的技术功能,简单的说,就是可以根据需要将两个或更多个面板放到一个窗口中来。
鼠标点击拖动一个面板的Tab栏到两一个面板上,当你看到一个黑色边框时,松开鼠标,这时两个面板已经合二为一了,操作如图:
2. 如何在网页中隐藏一些内容?
  在网页设计中,有时我们需要在里面插入一些不要求显示出来的内容,比如流量统计系统,用户访问分析系统等等,这时就要考虑如何把他们隐藏起来,当然还有个前提就是,它们的存在不会影响其他网页元素的布局。
  单击“Object”面板中的“Layers”按钮,鼠标拖动创建一个新的图层,将需要隐藏的内容全部放进去,如图:
  单击图层左上的小方框,标定它为选中状态,同时切换到属性面板,将Vis值设定为“Hidden”,如图:
  哇!所有的内容真的已经不见了
3. 怎样创建一个简单下拉菜单?
  下拉菜单是网页中再常见不过的了,由于它可以极大的节省网页空间,因而主要应用在需要进行多对象罗列的场合,比如友情连接列表,合作网站地址等等。
  DW中提供了一个再简单不过的制作方法,这样我们就不用写那些枯燥的代码啦!
进入“Object”面板的“FORM”部分,如图:
  单击“Insert Jump Menu”按钮,弹出“下拉菜单”设置窗口:
  在“Text”中输入菜单项的名称;“Go To URL”中键入网址或使用“浏览”按钮选择。单击最上的“+”号可进行新菜单项的录入,所有项目都将在“Menu Items”中显示出来。
4. 如何制作一条宽度为1的细线?
  在DW中,尽管水平线是以“Line”形式出现的,但在制作细线时,它表现的并不尽如人意,主要是过粗,没有需要的细腻感!
  那么我们可以采取变通的方法以表格的应用来实现。
  在网页中插入一个1行1列的表格,将表格的“cellpadding”“cellspacing”都设置为“0”,同时将单元格的“bgcolor”设定为红色,当然你也可以使用其他的颜色来代替,“Height”设定高度为1。
  还有最关键的一步,查看源代码,将<td></td>中的“ ”去掉即可。
5.如何制作一个边框为1的方格?
  很明显,我们现在还是要通过表格的设置来完成。
  或许你会说,这还不简单嘛!建立一个1行1列的表格,然后将它的“Border”值设为1不就可以了。实际上,用这种方法制作的表格根本不是所说的边框为1的方格,而是要“粗”的多!
  同样先插入一个1行1列的表格,将表格的“border”、“cellpadding”设置为“0”,“cellspacing”设置为“1”。设定表格的“bgcolor”为红色(即为边框的颜色),同时设定单元格的“bgcolor”为白色(即同背景色),OK了。效果如下:
6.怎样设置根据不同的浏览器,返回不同的页面?
  浏览器不同,它所支持的技术和效果也不同。因而我们所设计的网页并不是在所有的浏览器中都能正常显示或最佳显示。这时一个判断浏览器的跳转就很必要了。
当用户用不同类型或版本的浏览器打开时,可以返回不同的页面,以保证用户的正常浏览。
  单击快速启动板中的“Behavior”按钮,点“+”号,在下拉列表中选择“Check Browse”,窗口如下:
  按照不同的类型依次设置即可。
7. 网页中可以随便拖动的对象是怎么建立的?
  访问网站时,经常能见到不少可以用鼠标拖动的元素,其中以图片居多,比如,一张广告图片挡住了你想浏览的内容,你完全可以用鼠标选中把它扔到一边去!
  制作这种效果是通过图层的“Drag Layer”行为实现的,单击Behavior面板中“+”号,选择“Drag Layer”,当然之前你必要保证目标图层处于选中状态,进行简单设置后就OK了。
8. 如何为网页添加一个外部的风格样式表(CSS)
  风格样式表有内部,外部之分,前面我们对网页元素进行直接修饰的设定都属内部之列。外部CSS引用是通过<LINK>标签实现的。
  <LINK>标签包括HREF;TYPE;REL属性设定。其中HREF:用来标定风格页文件的地址URL;REL:标示CSS的可选性:stylesheet/altermate;TYPE:用于标示风格语言类型:text/css。
9. 设定网页的Base(基地址)有什么用途?
  在“Object”面板的“Head”部分里有一个叫做“Base”的按钮,它就是用来设定网站基地址的,那么所谓的“基地址”究竟有什么作用呢?
  大家都知道,在DW中我们使用的链接方式都是相对的,而不是绝对的,也就是说只要改变了根地址,所有的指向也将跟着自动变化,这样的好处就是可移植性强。
  然而,有些时候我们恰恰需要它不变化,即强制它使用固定的地址,单击“Base”按钮,如图:

  在“Href”中键入基地址的URL,单击“确定”有效。
10. 如何精确的定位网页中的内容?
  这是一个说明性的技巧问题,因此我们把它放在了50问的最后来讲。以目前而言,DW网页内容定位主要是通过表格和图层两者实现的。
  表格主要是通过各个单元格来完成不同内容的布局,由于在网页中,我们可以完全把表格“虚化”(调整为浏览下不可见),因此使用起来很方便,另外一个优点就是表格不论对什么浏览器都是通用的,没有技术支持上诟病。
  相对而言,图层用起来就更加随意了,你可以根据需要任意的拖拽它。唯一的一点就是层只有在新版本的浏览器中才支持,不过依目前来看,应该也没什么障碍了!
1、灵活运用样式

熟悉网页设计的网友就知道,调用Style的方法很多,我们可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样,但实际上产生的HTML代码则完全不同。比如用Custon Style来调用Style标准,在网页代码中就生成一个〈span〉标签,这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度,所以我们应尽量使用状态栏中的元素列表来调用Style。

2、活用Format Table命令


在复杂的网页设计中,表格的应用是最多的,因为利用表格可以自由地控制文本和图象在网页上出现的具体位置,从而使整个网页看上去紧凑统一。Dreamweaver在这方面也不甘落后,我们可以使用其中的“Format Table”(格式化表格)命令来快速地对表格应用预先设计好的样式。要使用预先设计好的样式,先将光标置于表格的任意一个单元格内,再选择“Command”→“Format Table”命令, 在随后出现的对话框中,从左边的列表中选择一个设计方案。按“Apply” 键来查看效果,如果不满意的话,还可以重新设置或者修改部分参数的值,如边界粗细,背景颜色等等。

3、同时链接到两个网页

我们都知道超级链接一次只能连到一个页面。如果我们要想一次在不同的框架页中打开文档,可以使用“Go To URL”JavaScript 行为。打开一个有框架的网页,选择文字或图象,然后从行为面板中选择“Go To URL”。我们会注意到Dreamweaver会在“Go To URL”对话框中显示所有可用的框架。选择其中一个我们想链接的框架并输入相应的URL后再选择另一个框架并输入另一个URL。

4、不给文件起中文名称

大家在制作好了网页后,通常会给网页起一个具有代表性的中文名称,一来能使人一看文件名就能大概了解文件所包含的内容,二来能够方便各个超级链接之间的相互调用。但如果你在Dreamweaver中这样做,就会发现Dreamweaver对中文文件名支持得不是太好,经常会有页面调用不正确的现象发生,所以我们以后在Dreamweaver中保存网页的时候,尽量用英文或者数字作为文件名称,这样就可以避免上面的出错现象。

5、巧妙设置字体分辨率

我们在制作网页的时候,经常有这种体会,那就是制作好的网页在本地计算机上浏览时很正常,但在另外一台计算机上浏览时发现原本漂亮的网页变得歪歪扭扭了,这是为什么呢?原来各个计算机的分辨率要使你的主页在不同的分辨率下都能正常显示,在 Dreamweaver中得到了较好的解决。在文档窗口的右下角,Dreamweaver 显示当前文档被设计成的分辨率大小。单击哪个数字,在弹出式菜单中可以为当前的页面指定显示分辨率,通过修改可以使你的主页更具灵活性。使不同分辨率的显示器都能较好地显示。

6、巧妙隐藏标签

如果在网页中插入了不可见的元素时,Dreamweaver会自动在页面上添加一个与之相应的元素标签,以便于我们选择不可见元素。但这并不全是件好事,比如我们在一个有很多层的页面中的第一行便插入一个表格,就会发现由于首行排列了太多的层元素标签而使得表格自动退到了页面的第二行,虽然在浏览时并不影响效果,但这确确实实会阻碍我们的工作。所以当我们觉得某个元素标签碍手碍脚时,就索性将之屏蔽掉。方法是按Ctrl+U打开Preferences面板,在Category中选中Invisibel Elements,在面板的右边将会出现所有的元素标签。只要将不需要的元素标签前的勾去掉,以后它就保证不会再出现了。

7、善用拖放技巧

我们在使用Dreamweaver编辑网页的时候,经常需要插入一些图象什么的,假设要插入的图象很多,按照常规方法来操作就显得非常麻烦。我们可以利用拖放技巧来很好地解决这个问题。首先我们把Dreamweaver的操作窗口变成活动窗口,以腾出空间来显示Explorer窗口,找到要插入的图象文件后,把它们一一用鼠标拖动到网页的适当部位,Dreamweaver将自动把这些图象的url添加到文件的HTML代码中,当然这里要求被拖动的图象文件必须是gif、jpg等web图象格式的文件。对于已经在网页中的图象也是一样,直接拖过来就可以了。但如果被拖动的图象上有超级链接,就不可以再使用拖动技术了,因为那时拖过来的仅仅是超级链接地址。

8、自动设置更新时间


我们知道一个网页要想获得更多的回头率,一个很重要的一条就是要不断更新。但对于我们这些个人网页来说,要天天及时更新恐怕不是很容易的事情。因此,我们希望网页能自动更新,下面笔者就提供一个能自动更新修改时间的源代码,我们只要把这段源代码添加到…< /BODY>之间就能实现更新时间的目的了:

< Script Language="JavaScript"> < /script>;二是用鼠标依次单击Dreamweaver中的Text/Custom Style/Edit/Style Sheet/New/Redefine HTML Tag,并从中选择a,然后在decoration中选中none,最后单击确定就成功了。



9、巧妙复制文字

在几个不同的应用程序中间相互复制文字,是我们在实际工作中可能要常做的事情。但是,如果我们从Dreamweaver中复制编辑区中的文字到另外一个应用程序的时候,HTML代码和文字将一起被复制过去了,那么我们该如何才能只把编辑区中的文字复制下来呢?我们知道,通常复制时都用快捷键 Ctrl - C 来操作,如果我们在复制的时候多按一个C键,那么Dreamweaver将只会复制选中的文字了。

10、善用快捷键

为了提高操作的效率,我们可以在Dreamweaver中使用快捷键,例如使用Ctrl-B或Ctrl-I来为文字应用黑体或斜体格式,也可以使用以下一些键盘快捷键来为选中的文本应用HTML格式:Ctrl-0: 无格式 Ctrl-T: 段落 Ctrl-1: 标题 1 Ctrl-2: 标题 2 Ctrl-3: 标题 3 Ctrl-4: 标题 4 Ctrl-5: 标题 5 Ctrl-6: 标题 6

11、自动关闭网页

如果我们希望自己的网页在指定的时间内能自动关闭,不妨在网页源代码中的标签后面加入如下代码: < script LANGUAGE="JavaScript"> < /script>其中代码中的3000表示3秒钟,它是以毫秒为单位的。

12、巧妙设置对象名称

我们在用Dreamweaver来制作非常复杂的效果时,有可能需要经常重复地使用某一个或者多个对象,例如我们经常需要定位某个特定的表格、图象等,如果我们没有给某一个网页中的多个对象取名的话,那么在重复应用这些对象的时候,可能很麻烦或者容易出错。为了能够方便调用这些对象,我们应该在每创建一个新的对象时,都记得给它取一个有代表性而且比较容易记忆的名称。在给这些对象命名时,我们可以通过对象的“属性”面板来操作就行了。



13、为图象链接增加动态效果

有时我们为了要达到一种逼真的效果,希望鼠标移动到某个链接上时能有动感产生。使用Dreamweaver可以很容易实现这种效果。设计时,我们首先需要准备两幅图象,第一幅是原始图象,第二幅是鼠标移动上去后的图象。接着用鼠标单击第一幅图,在属性面板中的链接栏中填上要链接的文件,然后单击键盘上的F8键,在弹出的Behaviors窗口中单击“+”号,随后选择“swap image”,在接着出现的窗口中选择第二幅图象,最后单击确定就可以了。