用Dreamweaver设计限时自动关闭的网页

dreamweaver|设计|网页

  设计页面时,经常会从一个页面打开一个子窗口以供浏览者查看。通常,这种子窗口中的内容一经浏览者看过,对于浏览者而言就不再需要,而他们常常会忘记关掉这些小窗口,致使许多的浏览器窗口打开着,耗用大量的资源。因此我们可以将子窗口设计成经过一段时间后可以自动关闭的形式。

  本例中制作了两个页面,如图1所示, Index.html是显示于子窗口中的页面,而在名为firstpage.html的页面中,包含在子窗口中打开Index.html的链接。单击链接时,将在子窗口中打开index.html。可以直接单击子窗口中的“关闭”链接关闭子窗口,也可以不去理睬它,在15秒之后,子窗口也会自动关闭。

  具体操作如下:

  1. 在本地站点中生成一个Smlple文件夹。

  2. 在Smlple文件夹中,生成名为Index.html以及名为firstpage.html的文件。

  3. 双击Index.html,打开该文档,进入到文档的设计视图窗口中。

  4. 单击菜单View/Head Content,显示文档的头部区域。

  5. 单击设计视图窗口中的文档头部窗格。选择菜单Insert/Invisible Tags/Script,打开Inset Script对话框。如图2所示,在Language下拉列表框中选择JavaScript选项,并在Coctento文本框中输入“setTimeout("self.close()",15000)”。单击OK按钮,完成在文档头部插入15秒后自动关闭子窗口的脚本。在代码中,15000表示15000毫秒,也即15秒,也可以根据需要将之修改为自己需要的时间毫秒数。

  6. 在文档窗口中输入“关闭”字样,在属性面板上的Link文本框中输入“###”,将其设置为一个空链接。

  7. 在状态栏左端的快速标记编辑器上,单击标记按钮。选中“关闭”链接,然后按下Ctrl+T组合键,打开快速标记编辑器,进入到快速标记编辑器的编辑标记模式。然后在“>”前输入“”。 如图3所示,设置完毕,单击OK按钮,确认操作。这样在Index.html被作为子窗口打开后,单击该链接就可以立刻关闭该子窗口。

  8. 保存Index.html文件,并退出index.html的Dremweaver窗口。

  9. 现在开始设计fristpage.html页面。在本地站点的Smlple文件夹中,双击 fristpage.html,打开该文档,进入到文档的设计视图窗口中。

  10. 在文档中输入“单击这里打开会自动关闭的子窗口”字样。然后在属性面板上的 Link文本框中输入“###”,将之设置为空链接。

  11. 可以通过为该链接应用Open Browser Window行为来设置单击链接时打开Index.html窗口,不过更方便的方法是利用快速标识编辑器。方法是首先将插入点放置到链接中,然后在状态栏左端的标识选择器上,单击标识按钮,选中整个链接。然后按下Ctrl+T组合键,打开快速标记编辑器,进入到快速标记编辑器的 编辑标识模式。再在“>”前输入“”示)。设置完毕,按下回车键,确认操作。

  12.上述操作就完成了本例的设置。可以单击菜单用File/save,保存所做的工作。然后按下F12键,在浏览器中预览页面效果。

时间: 2024-10-06 08:46:12

用Dreamweaver设计限时自动关闭的网页的相关文章

用Dreamweaver做限时自动关闭的网页

dreamweaver|网页 设计页面时,经常会从一个页面打开一个子窗口以供浏览者查看.通常,这种子窗口中的内容一经浏览者看过,对于浏览者而言就不再需要,而他们常常会忘记关掉这些小窗口,致使许多的浏览器窗口打开着,耗用大量的资源.因此我们可以将子窗口设计成经过一段时间后可以自动关闭的形式. 本例中制作了两个页面,如图1所示,Index.html是显示于子窗口中的页面,而在名为firstpage.html的页面中,包含在子窗口中打开Index.html的链接.单击链接时,将在子窗口中打开index

怎样用DW设计限时自动关闭网页

设计页面时,经常会从一个页面打开一个子窗口以供浏览者查看.通常,这种子窗口中的内容一经浏览者看过,对于浏览者而言就不再需要,而他们常常会忘记关掉这些小窗口,致使许多的浏览器窗口打开着,耗用大量的资源.因此我们可以将子窗口设计成经过一段时间后可以自动关闭的形式. 本例中制作了两个页面,如图1所示, Index.html是显示于子窗口中的页面,而在名为firstpage.html的页面中,包含在子窗口中打开Index.html的链接.单击链接时,将在子窗口中打开index.html.可以直接单击子窗

用Dreamweaver设计自动关闭的网页

dreamweaver|设计|网页 设计页面时,经常会从一个页面打开一个子窗口以供浏览者查看.通常,这种子窗口中的内容一经浏览者看过,对于浏览者而言就不再需要,而他们常常会忘记关掉这些小窗口,致使许多的浏览器窗口打开着,耗用大量的资源.因此我们可以将子窗口设计成经过一段时间后可以自动关闭的形式. 本例中制作了两个页面,如图1所示,Index.html是显示于子窗口中的页面,而在名为firstpage.html的页面中,包含在子窗口中打开Index.html的链接.单击链接时,将在子窗口中打开in

DreamWeaver设计网页之应用CSS样式表技巧两则

css|dreamweaver|技巧|设计|网页|样式表 一. 去除超级链接的下划线以及在超级链接上实现鼠标悬停变色: 在默认情况下,用DreamWeaver设计的网页中的超级链接都有下划线,看上去不大美观.要去除这些讨厌的下划线,很多报刊介绍的方法都是在HTML源代码中手工加入一段代码,其实在DreamWeave中很容易去除链接的下划线.首先在DreamWeaver的Document Windows中随便建立一个链接,你可以看到这个链接会有下划线.怎样去除这条下划线呢? 1.在点击菜单栏上的"

《网站建设与网页设计从入门到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript》——第3章 Dreamweaver CS6创建基本文本网页3.1 Dreamweaver CS6工作环境

第3章 Dreamweaver CS6创建基本文本网页 Dreamweaver CS6是业界领先的Web开发工具,使用该工具可以高效地设计.开发和维护网站.利用Dreamweaver CS6中的可视化编辑功能,可以快速地创建网页而不需要编写任何代码,这对于网页制作者来说,工作变得很轻松.文本是网页中最基本和最常用的元素,是网页信息传播的重要载体.学会在网页中使用文本和设置文本格式对于网页设计人员来说是至关重要的. 学习目标 Dreamweaver CS6工作环境 掌握创建站点 掌握添加文本元素

从零开始教您设计华丽高档的网页

简介 在这篇文章中给出了设计一个华丽高档网页设计方面的方案,强调背景与字体的重要性,熟练运用Photoshop,可以轻松创建一个专属于你的独特风格的美丽页面.具体的HTML代码实现请看第二部分教程. 从零开始教您设计一个华丽高档的网页 在本教程中,我们使用简洁细瘦的字体,配上优美的背景图片,经过精心排布的空间布局,设计一个高档的网页. 当你看完本教程,你再去看看我们的姐妹站点NETTUTS,然后跟着做,这样我们就用简洁的HTML代码实现设计.来吧,让我们开始! 大家好!我在数年前通过阅读Phot

Photoshop结合DW设计超酷的网页相册效果教程

  本教程适用对象:有一定的PS基础,最好有网页设计制作基础,那样在PS处理好后可以在DM里面做一个后期的CSS以及布局方面的处理,当然,DM&FW也可做图片批处理并生成相册,不过我个人认为PS&DM的效果比较好. PS的批处理功能是很强大的,如果利用好可以做为我们做很多工作.今天我想讲的是"PS批处理设计制作图片展示" 开始吧 一.准备好自己要做相册的素材,产品展示啦,案例展示了,照片展示了都可以,统一将这些图片放在一个文件夹下,我这里将这个文件叫做"Res

网页设计中怎么把网页上的内容和数据库连接起来?

问题描述 网页设计中怎么把网页上的内容和数据库连接起来? 想做个网站,可是数据库不会连,怎么办?sql数据库代码怎么写? 解决方案 取决于你网站后台用的什么,php等都可以链接访问数据库. 解决方案二: (1)执行"开始'"控制面板'"性能和维护""管理工具""数据源(ODBC ),弹出"ODBC数据源管理器,对话框.切换到"系统DSN"选项卡. (2)单击"添加,按钮,弹出"创建新数据

《众妙之门——用户体验设计的秘密》一第2章 设计“好脾气”的网页2.1 巴赫和他的十二平均律

第2章 设计"好脾气"的网页 众妙之门--用户体验设计的秘密 Rob Flaherty 科技在进步,网页设计的技巧也在进步.新的科技带来了新的挑战,因此,也需要新的解决方案.有时,人们面对崭新的未知领域,实在是毫无经验,只能根据直觉去打造解决方案.而有时,人们在新领域面对的问题有过去的影子,可以从历史和别人的经验中找到答案. 相对其他设计那漫长而又荣耀的历史,网页设计的历史有限,因此能给出的经验也相对有限,人们不得不借鉴这段有限的历史去解决近乎无限的问题.虽然也可以学习图形设计和视觉传