首 页 网站运营 网络编程 网页制作 图象媒体 数据库 建站资源 网管专区 下载专区 最新资讯
IT学堂|红色黑客联盟
设为首页
加入收藏
联系站长
您所在的位置:首页>网页制作>Dreamweaver>文章内容
Dreamweaver经典问题大搜罗(全集)2
来源: 作者: 发布时间:2007-04-12

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://tech.163.com/school onMouseOver="window.status='none';return true">网易学院< /a>

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

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

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

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

31> 如何建立电子邮件的表单处理方式?

   表单应该是网页交互功能中必不可少的元素,表单的功能缘于信息的交互,因此表单的处理往往涉及到网络高级编程语言的使用,你或许说,哇!我不会编程呀!没关系,其实对于一些简单的表单内容处理靠电子邮件也可以实现。

 先看下面的代码:

 <form name="content" method="post" action="需要使用的处理程序" ></form>

   上面是一个典型的表单的HTML源代码,其中METHOD决定采用方式,包括POST和GET两种。ACTION也就是咱们上面说的处理程序,一般可通过ASP/PHP/CGI实现。

   那么用电子邮件怎么实现呢?action=mailto:XXX@163.com,这样当点击提交按钮后,就会弹出一个提示窗口,单击“确定”表单内容会发送到指定的邮箱中。

 32>  怎样制作规范的电子邮件链接?

   所谓的“电子邮件链接”即是当我们点击它时,浏览器会自动调用默认使用的邮件客户端程序发送电子邮件。

   输入“有问题MAIL ME”字样,鼠标拖拉选中,切换到属性面板,在LINK输入框中键入如下命令:

 Mailto:XXX@163.com?Subject=网友来信&bc=其他电子邮件地址&bcc=其他电子邮件地址。其中Mailto为邮件链接的协议,Subject 为邮件的标题,bc是同时抄送的邮件地址,bcc代表的也就是暗送了。

 33> 如何制作“空链接”?

   空链接也就是,没有链接对象的链接,在空链接中,目标URL是用“#”来表示的。也就是说制作链接时,只要在属性板的LINK输入框中录入#标记,它就是个空链接了。

   空链接的出现涉及到多方面的因素,比如一些没有定期完成的页面,又为了保持页面显示上的一致(链接样式与普通文字样式的不同),就可以使用它了。

 34> 点击空链接时,页面往往重置到页首端,如何处理?

   在浏览器里,当我们点击空链接时,它会自动将当前页面重置到首端,从而影响用户正常的阅读内容,我们当然希望它能保持不动了。

   这时,你能够用代码“javascript:void(null)”代替原来的“#”标记,回头看看,这个问题已经解决了。

 35> 如何定制可自由在页面内跳转的链接?

   如果你经常在网上订阅一些免费的电子杂志,一定对这种“标签链接”不陌生了,通过一个类似目录的列表,可方便的跳转到页面内的任何部分,无疑它的使用是专门为“超长内容”网页设计的。

   先确定链接指向的位置,即屏幕跳转后停留的位置。进入“Object”面板的“Invisibles”部分,选中目标文本,单击“Insert Named Anchor”按钮,在“Anchor Name”中键入标签名称,OK,这时在文本下面会自动出现红色虚线以区别开普通的文本内容,注意它们在浏览器中不会出现。

   然后就可以制作链接了,在属性板的LINK输入框录入“#nchor Name(刚才的名字)”。当然如果你想指向另外一页中的某个位置,也是可以的,把这个小尾巴放过去就行了。

36>   同时在一个图片上,作很多个链接,怎么办?

   这个问题也就是我们平常说的“图片热点”(Image HOT)了,当然在DW里还有另外一个名字叫“图象热区域”。

   选中图片,这时在属性面板左下的位置,有一个“Map”工具栏,其右边是三个用来圈定不同区域的按钮,以其中的矩形工具为例,选中后,鼠标停留在图片上会以一种“+”的形状显示出来,代表可以左右拖拉,完成后依次你可以完成多个热点区域的链接制作。注意各区域不可重叠。

 37> 怎样制作可以响应鼠标事件的翻转图片?

   在许多网页中,我们经常会看到一些栏目标题,当鼠标滑过时,能变成另外的样子。其实它们中很多是通过两张不同的图片来实现的,也就是所谓的“翻转图片”效果。

   当然首先你要提前准备两张大小完全一样的图片,以确保翻转时不会有什么视觉上的不适,单击“Object”面板上的“Rollover Image” 弹出“翻转图片设置”窗口,分别单击“Browse”按钮确定“Original image”和“Rollover image”的地址,注意一定要选中下面的“Preload Rollover image”复选框,否则在鼠标滑过的瞬间,会产生一定的下载延迟而影响效果。

 38> 如何制作“漫天飞舞”的图片?

   在许多大型商业网站的首页中,你经常会看到不少来回飘来飘去的广告图片,点击后可以链接到指定的地址,在DW中这点是通过Timelines来实现的。

 首先在网页中插入目标图片,同时选中它,单击快速启动板中的“Timelins”按钮进入“时间线”窗口,在时间轴1frame的位置鼠标右击,选择“Add Object”,这时时间轴上会出现一兰色色条(默认1-15frame),将镜头停在15frame处,同时移动页面内图片到运动的终点位置。

 现在一个简单的运动动画已经完成了,你可以通过在中间添加keyframe的方法调整路径的曲折度。单击上方的右箭头按钮预览效果。

 39> 怎样制作在页面中“静态悬浮”的图片?

 所谓的“静态悬浮”也就是图片总是试图停留在网页中的某个位置,因此在视觉上有种跟着页面“走”的感觉,象悬浮着一样。

 该效果的实现是通过javascript来完成的,一般要求有一定的编程能力。好在DW提供了制作该效果的固定插件,因此就显得简单多了。

 首先你必须先下载stav插件,将里面的两个文件(其中包括图片文件Cross Browser Static Division.gif和网页文件Cross Browser Static Division.htm)都拷贝到DW安装目录Configuration\Objects\Common下。

 重新启动DW,在Object(对象)面板中,你会看到最底部已经多了SI项,选中它在弹出的窗口中设定浮动层到上边和左边的距离,然后在图层中插入指定的内容(这里为图片)即可。

 40> 如何使文字和图片内容共处?

   我们都知道,在DW中,图片对象往往是独占一行的,那么文字内容只能在与其平行的一行的位置上,怎么样才可以让文字围绕着图片显示呢?

   选中图片,在属性面板的右上方你能看到一个“Align”的属性选单,选择“Left”,这时你会发现文字已经均匀的排列在图片的右边了。
   41> 实现多个窗口的连接?
    面板设计一直是DW的一大特色,到了DW4版本,所用到的面板已经相当多了,那么我们如何才能更高效的利用它呢? “窗口连接”就是一种方便大家自定义的技术功能,简单的说,就是可以根据需要将两个或更多个面板放到一个窗口中来。 鼠标点击拖动一个面板的Tab栏到两一个面板上,当你看到一个黑色边框时,松开鼠标,这时两个面板已经合二为一了。

    42> 如何制作一条宽度为1的细线?

  在DW中,尽管水平线是以“Line”形式出现的,但在制作细线时,它表现的并不尽如人意,主要是过粗,没有需要的细腻感!

  那么我们可以采取变通的方法以表格的应用来实现。

  在网页中插入一个1行1列的表格,将表格的“cellpadding”“cellspacing”都设置为“0”,同时将单元格的“bgcolor”设定为红色,当然你也可以使用其他的颜色来代替,“Height”设定高度为1。
还有最关键的一步,查看源代码,将< td>< /td>中的“ ”去掉即可。

    43>如何制作一个边框为1的方格?

  很明显,我们现在还是要通过表格的设置来完成。

  或许你会说,这还不简单嘛!建立一个1行1列的表格,然后将它的“Border”值设为1不就可以了。实际上,用这种方法制作的表格根本不是所说的边框为1的方格,而是要“粗”的多!

  同样先插入一个1行1列的表格,将表格的“border”、“cellpadding”设置为“0”,“cellspacing”设置为“1”。设定表格的“bgcolor”为红色(即为边框的颜色),同时设定单元格的“bgcolor”为白色(即同背景色),OK了。

    44> 怎样设置根据不同的浏览器,返回不同的页面?

  浏览器不同,它所支持的技术和效果也不同。因而我们所设计的网页并不是在所有的浏览器中都能正常显示或最佳显示。这时一个判断浏览器的跳转就很必要了。

当用户用不同类型或版本的浏览器打开时,可以返回不同的页面,以保证用户的正常浏览。 单击快速启动板中的“Behavior”按钮,点“+”号,在下拉列表中选择“Check Browse”。

    45> 网页中可以随便拖动的对象是怎么建立的?

  访问网站时,经常能见到不少可以用鼠标拖动的元素,其中以图片居多,比如,一张广告图片挡住了你想浏览的内容,你完全可以用鼠标选中把它扔到一边去!

  制作这种效果是通过图层的“Drag Layer”行为实现的,单击Behavior面板中“+”号,选择“Drag Layer”,当然之前你必要保证目标图层处于选中状态,进行简单设置后就OK了。




[推荐] [返回顶部] [打印本页] [关闭窗口]
热点文章
·Dreamweaver 8图文快报
·Dreamweaver 8图文快报2
·Dreamweaver未必了解的5个小技巧
·手把手教你网页布局的基本元素
·我要看代码 破解加密网页文字有高招
·美化网页 制作精美圆角表格
·Dreamweaver经典问题大搜罗(全集)1
·菜鸟学用DreamWeaver做ASP1
·Dreamweaver中加入竖直线的办法
·菜鸟学用DreamWeaver做ASP2
相关文章
·Dreamweaver经典问题大搜罗(全集)1
·菜鸟学用DreamWeaver做ASP1
·美化网页 制作精美圆角表格
·Dreamweaver中加入竖直线的办法
·我要看代码 破解加密网页文字有高招
·菜鸟学用DreamWeaver做ASP2
·手把手教你网页布局的基本元素
·让网站链接样式千奇百怪
·Dreamweaver未必了解的5个小技巧
·Dreamweaver MX 2004从零开始(6)
文章检索
Google
相关文章
·Dreamweaver经典问题大
·菜鸟学用DreamWeaver做A
·美化网页 制作精美圆角
·Dreamweaver中加入竖直
·我要看代码 破解加密网
·菜鸟学用DreamWeaver做A
·手把手教你网页布局的基
·让网站链接样式千奇百怪
·Dreamweaver未必了解的5
·Dreamweaver MX 2004从
·Dreamweaver 8图文快报2
·Dreamweaver MX 2004从
·Dreamweaver 8图文快报
·就是酷!Dreamweaver 8
·提前解密新功能!Dreamw