推荐阅读
PS颜色加深混合模式有哪几种？加深混合模式在哪设置？
加深混合模式中的混合模式可以是图片变暗。在该模式中，上方图层中白色像素会被下方图层中较暗的像素混合，下面我们就一起来看看PS颜色加深混合模式有哪几种？加深混合模式在哪设置吧！加深混合模式包括变暗模式、正片叠底模式、颜色加深模式、先行加深模式和颜色模式5种。下面对加深混合模式组中模式的应用进行详细讲解。变暗模式：该模式通过比较图层之间的颜色信息并筛选选出颜色较暗的作为结果色，比它亮的像素将被替换，比它暗的保持不变。正片叠底模式：该模式是基于任何颜色和黑色混合产生黑色，与白色混合保持不变。颜色加深模式：该模式通过对上下方图层之间的比较使像素变暗，但是与白色混合后不产生变化。线性加深模式：该混合模式是通过降低亮度，从而使得像素变暗，但是与白色混合后不产生变化。深色模式：该模式是通过综合比较上下方图层中的像素信息，然后显示较暗的部分。下面对如何运用正片叠底模式进行案例详细讲解，默认为正常模式。
PS鼠绘卡通机器人样式的小黄人相机图片
本次教程内容是做一个拟物的小黄人拍立得，包含了光影的理解、图层样式以及蒙版的运用，希望能对大家有所帮助。先看看效果图：教程步骤—小黄人拍立得可以分成4个部分：机身、裤子、手柄、镜头盖。步骤 01 新建文档大小800*600px，分辨率72填充背景色，色值#3a91c6命名为【背景】
Dreamweaver 比较本地和远程文件的差别
Dreamweaver 可以使用文件比较工具（也称为“diff 工具”）比较同一文件的本地和远端版本的代码、两个不同的远程文件的代码或两个不同的本地文件的代码。在本地处理某个文件并怀疑该文件在服务器上的副本已由他人进行了修改时，比较本地和远端版本十分有用。可以在将文件上传到服务器之前查看远程更改并将这些更改合并到本地版本中，而无需离开 Dreamweaver。 当保留有以前重命名的文件版本时，比较两个本地文件或两个远程文件也十分有用。如果忘记了对先前版本的文件所做的更改，则快速比较会指出这些更改。在开始之前，必须在系统上安装一个第三方文件比较工具。有关文件比较工具的详细信息，请使用 Web 搜索引擎（如 Google 搜索）以搜索“文件比较”或“diff”工具。Dreamweaver 可以与大多数第三方工具正常配合使用。在 Windows 中，请单击“浏览”按钮，然后选择用于比较文件的应用程序。在 Macintosh 上，请单击“浏览”按钮，然后选择从命令行启动文件比较工具的工具或脚本，而不是实际的比较工具本身。启动工具或脚本通常位于 Macintosh 上的 usr/bin 文件夹中。例如，如果要使用 FileMerge，请浏览至 usr/bin 并选择 opendiff（这是启动 FileMerge 的工具）。下表列出了针对 Macintosh 的常用文件比较工具，以及它们的启动工具或脚本在硬盘上的位置：如果使用请选择下面的文件FileMerge
CorelDraw文件导入PS的相关问题与对策
CorelDraw疑难杂症速查手册》收集了作者木平与各位平面设计同仁相互探讨提出的问题以及百度CD吧的提问，结合实际操作和工作中遇到的问题整理而成。其中有些问题参考了吧中好友和网络上同道中人的回答，对于一些不清楚或有疑问的问题作者都亲自用CorelDraw 9和CorelDraw X3分别验证了操作性与真实性。 本教程为分期连载教程，欢迎大家持续关注。 问：如何将Coreldraw里面做的图转换到Photoshop里面，要求有图层，还可以编辑？ 答：通常我们在PSD图层中，给图层做了效果的话，导入CD后效果全部丢失。怎样才能让CDR导入的PSD文件保持图层效果。 解决方法：在PS里在顶层新建一个图层，然后按Alt+ctrl+shift+E，再保存，再导入CD，这样的好处是免去了合并或者转tif文件的麻烦，还能在发现图片有误差或不对的时候进行链接修改。 ALT＋CTRL＋SHIFT＋E的作用是在当前层合并以下所有层的图像。 也可以在顶层新建一空白层，然后左手按住ALT键不放，右手点击图层面版右上角的三角选择里面的合并所有可见图层，注意鼠标点击三角的时候不要松开一直移到合并所有可见图层后再松开。 最后导入CD后解散群组，扔掉下面的几层，最上面一层是我们想要的，万一发现效果不对或哪里出错，回到PS中修改下面的几层，做好后再重新合并到顶层再导入CD即可。 （PS中的效果导入CD不可用我们都知道的，如果新建一空白层与效果层合并，是可以解决这问题，但是出错的话，效果不可再修改，通常的解决方法是另存为JPG文件），掌握这一点，以后就不用那么麻烦和浪费空间了。 附：Coreldraw图像文件导入Photoshop三种方法 (来源网上)
最新发布
Dreamweaver CS4 新功能详解
针对 Ajax 和 JavaScript 框架的代码提示新增功能借助改进的 JavaScript 核心对象和基本数据类型支持, 更有效地编写 JavaScript。通过集成包括 jQuery、Prototype 和 Spry 在内的流行 JavaScript 框架, 充分利用 Dreamweaver CS4 的扩展编码功能。 Adobe InContext Editing (预发布版)在 Dreamweaver 中设计页面, 使最终用户能使用 Adobe InContext Editing 在线服务编辑他们的网页, 无需帮助或使用其它软件。* 作为 Dreamweaver 设计人员, 您可以限制对特定页面、特殊区域的更改权, 甚至可以自定格式选项。CSS 最佳做法新增功能无需编写代码即可实施 CSS 最佳做法。在“属性”面板中新建 CSS 规则, 并在样式级联中清晰、简单地说明每个属性的相应位置。
体验Dreamweaver CS4：很Adobe很大
代号为“Stiletto”的Dreamweaver CS4终于提供下载了，安装文件289M，很Adobe很大。 安装还是老样子，耗时长、装的东西多，安装的e文界面上随处可见三个字母加“文”，这也算老毛病了。 新的Dreamweaver界面与以往大不相同，图标也换新的了，功能好像多了不少。具体功能等有空再慢慢试用吧。
基础（30）教您如何处理Deamweaver CS3中CSS应用无效的问题
很多朋友在使用Dreamweaver CS3的时候都会碰到这样的情况：给当前编辑的文档链接了CSS文件，并对页面元素应用了定义的CSS样式，但在Dreamweaver CS3中却看不到任何效果。如下图。主要原因就是Dreamweaver CS3新多出了一个“样式呈现工具栏”，该工具栏答应你轻易的为不同的媒体类型，例如屏幕、手持设备和打印输出进行设计。其他的支持媒体类型有投影设备, TTY(Television Type Devices)，以及TV媒体类型。同时还提供了通过开关CSS显示按钮来打开或关闭所有样式呈现的能力。 打开“样式呈现工具栏”方法是：打开Dreamweaver CS3的“查看”菜单，选择“工具栏”的下级子菜单“样式呈现”，即可在Dreamweaver CS3环境内打开该工具栏面板。1、屏幕2、打印 3、手持设备 4、投影设备 5、TTY 6、TV 7、打开/关闭CSS此时，单击“打开/关闭CSS”激活按钮，页面的CSS样式加载就成功了。
基础（2）了解本地和远程文件夹的结构
如果希望使用 Dreamweaver 连接到某个远程文件夹，可在“站点定义”对话框的“远程信息”类别中指定该远程文件夹。指定的远程文件夹（也称为“主机目录”）应该对应于您的 Dreamweaver 站点的本地根文件夹。（本地根文件夹是您的 Dreamweaver 站点的*文件夹。） 与本地文件夹一样，远程文件夹可以具有任何名称，但 Internet 服务提供商通常会将各个用户帐户的*远程文件夹命名为 public_html、pub_html 或者与此类似的其它名称。如果您亲自管理自己的远程服务器，并且可以将远程文件夹命名为所需的任意名称，则最好使本地根文件夹与远程文件夹同名。 在下例中，左侧为一个本地根文件夹示例，右侧为一个远程文件夹示例。本地计算机上的本地根文件夹直接映射到 Web 服务器上的远程文件夹，而不是映射到远程文件夹的任何子文件夹或目录结构中位于远程文件夹之上的文件夹。 注： 上例显示的是本地计算机上的一个本地根文件夹和远程 Web 服务器上的一个*远程文件夹。但是，如果要在本地计算机上维护多个 Dreamweaver 站点，则在远程服务器上需要等量个数的远程文件夹。这时上例便不再适用，而应在 public_html 文件夹中创建不同的远程文件夹，然后将它们映射到本地计算机上各自对应的本地根文件夹。 当首次建立远程连接时，Web 服务器上的远程文件夹通常是空的。之后，当您使用 Dreamweaver 上传本地根文件夹中的所有文件时，便会用您所有的 Web 文件来填充远程文件夹。远程文件夹应始终与本地根文件夹具有相同的目录结构。（也就是说，本地根文件夹中的文件和文件夹应始终与远程文件夹中的文件和文件夹一一对应。） 如果远程文件夹的结构与本地根文件夹的结构不匹配，Dreamweaver 会将文件上传到错误的位置，站点访问者可能无法看到这些文件。此外，如果文件夹和文件结构不同步，图像和链接路径会很容易断开。 Dreamweaver 要连接到的远程文件夹必须存在。如果未在 Web 服务器上指定一个文件夹作为远程文件夹，则应创建一个远程文件夹或要求服务器管理员为您创建一个远程文件夹。
基础（6）Dreamweaver站点地图的使用技巧
使用站点地图 您可以将 Dreamweaver 站点的本地文件夹视作链接的图标的视觉地图，此视觉地图称为站点地图。可以使用站点地图将新文件添加到 Dreamweaver 站点，或者添加、修改或删除链接。 站点地图从主页开始显示两个级别深度的站点结构。站点地图将页面显示为图标，并按在源代码中出现的顺序来显示链接。 必须先定义站点的主页才能显示站点地图。站点的主页是地图的起点，可以是站点中的任何页面。您可以更改主页、显示的列数、图标标签显示文件名还是显示页标题以及是否显示隐藏文件和相关文件。（相关文件是浏览器在加载主页时加载的图像或其它非 HTML 内容。） 当您在站点地图中工作时，可以选择页、打开页进行编辑、向站点添加新页、创建文件之间的链接以及更改页标题。 站点地图是理想的站点结构布局工具。您可以设置整个站点结构，然后创建站点地图的图解图像。 注： 站点地图仅适用于本地站点。若要创建远程站点的地图，请将远程站点的内容复制到本地磁盘上的一个文件夹中，然后使用“管理站点”命令将该站点定义为本地站点。定义或更改站点的主页 在“文件”面板（“窗口”>“文件”）中，从显示当前站点、服务器或驱动器的弹出菜单中选择一个站点。 右键单击 (Windows) 或按住 Control 键单击 (Macintosh) 要设为主页的文件，然后选择“设成首页”。 注： 还可以在“站点定义”对话框的“站点地图布局”选项中设置主页。 若要更改主页，请重复第 2 步。查看站点地图 在“文件”面板（“窗口”>“文件”）中，执行下列操作之一： 在折叠的“文件”面板中，选择“站点视图”菜单中的“地图视图”。 在展开的“文件”面板中，单击工具栏中的“站点地图”按钮，然后选择“仅地图”（不包含本地文件结构的站点地图）或“地图和文件”（包含本地文件结构）。 注： 如果尚未定义主页或者 Dreamweaver 在当前站点中找不到要用作主页的 index.html 或 index.htm 页面，Dreamweaver 将提示您选择一个主页。 单击文件名旁的加号 (+) 或减号 (-) 可显示或隐藏链接在第二级之下的页面： 以红色显示的文本指示断开的链接。 以蓝色显示并且标有地球图标的文本表示其它站点上的文件或特殊链接（如电子邮件或脚本链接）。 绿色选中标记指示您已取出的文件。 红色选中标记指示他人取出的文件。 锁形图标指示只读 (Windows) 或锁定 (Macintosh) 的文件。 修改站点地图布局 使用“站点地图布局”选项可自定义站点地图的外观。 通过下列操作之一打开“站点定义”对话框： 选择“站点”>“管理站点”，选择站点，然后单击“编辑”。 在“文件”面板中，从显示当前站点、服务器或驱动器的菜单中选择“管理站点”，然后单击“编辑”。 在“站点定义”对话框中，从左侧的“分类”列表中选择“站点地图布局”并设置各个选项： 列数 设置在站点地图窗口中每行要显示的列数。 列宽 设置站点地图的列宽（以像素为单位）。 图标标签 选择在站点地图中与文档图标一起显示的名称是表示为文件名还是页标题。 显示标记为隐藏的文件 显示站点地图中已标记为隐藏的 HTML 文件。 显示相关文件 在站点层次结构中显示所有相关文件。 单击“确定”，然后单击“完成”。查看站点地图中的不同分支 通过使某个分支成为站点地图的焦点，可以查看站点特定部分的详细信息。 选择您要查看的页。 请执行下列操作之一： 在站点地图中右键单击 (Windows) 或按住 Control 单击 (Macintosh)，然后选择“作为根查看”。 在默认的“文件”面板（“窗口”>“站点地图在窗口中重新绘制，就象指定页位于站点的根目录一样。站点地图之上的“站点导航”文本框显示从主页到指定页的路径。通过一次单击选择路径中的任意项，从该级别开始查看站点地图。 若要展开和收缩站点地图中的分支，请单击分支的加号 (+) 或减号 (-) 按钮。在站点地图中选择若干个页面 请执行下列操作之一： 从视图的空白部分开始在一组文件周围拖动，以选择这些文件。 按住 Ctrl 单击 (Windows) 或按住 Command 单击 (Macintosh)，以选择不相邻的页。 按住 Shift 单击以选择某一范围的相邻页。在站点地图中打开某页进行编辑 双击文件，或者右键单击 (Windows) 或按住 Control 单击 (Macintosh) 文件，然后选择“打开”。向站点中添加现有文件 将文件从 Windows 资源管理器或 Macintosh Finder 中拖动到站点地图中的一个文件，或者在站点地图中右键单击 (Windows) 或按住 Control 键单击 (Macintosh) 该文件，然后选择“链接到已有文件”并浏览到该文件。
实战DW MX和VSS开发Web项目(上)
由于Web项目程序代码非常分散不集中，大的Web项目程序代码源文件多达上百个甚至更多，小的也有数十个，怎样合理地管理这些源代码还是一个问题，本文提出一种针对Web项目开发过程中代码控制的解决方案。我们将利用Dreamweaver MX和Visual SourceSafe来实现Web项目代码开发的全程控制。这2种软件大家都比较熟悉，但为了保持本文的完整性我还是分别简要介绍一下这2种软件。 Dreamweaver MX(以下简称DW MX)是Macromedia公司网页制作三剑客之一，其强大功能在此不再复述，DW MX整合了Dreamweaver 4和Dreamweaver UltraDev 4的所有功能，他同时适合Web界面开发人员和Web后台开发人员使用，DW MX几乎支持所有常见动态Web编程语言，如PHP,ASP/ASP.net,JSP等，他最大特点就是整合了团队开发的功能，比如Design Notes(设计笔记)能够方便开发成员互相交流，他还可以与Vislual SourceSafe的数据库链接起来，达到代码控制的目的。 Visual SourceSafe(以下简称VSS)是Microsoft Visual Studio 6.0这个开发产品家族的一员，VSS主要功能是对项目进行版本控制和源码控制，它能够详细记录一个源码文件从创建到发布的所有修改和版本信息，而且还可以让你查看所有历史记录并对不同时间的源码进行比较分析，恢复代码到某一时刻和版本状态。VSS具有强大的用户管理权限，可以对每个用户设置R(Read)、C(Check Out)、A(Add)、D(Destroy)权限，非常适合团队开发。 一、网络环境的搭建 图1-1将介绍团队开发的网络环境拓扑结构： Server主要功能是代理Internet和整个网络控制，而Test Server主要负责代码调试工作，在该服务器上要搭建与Web发布服务器一样的平台(包括内部DNS，IIS等)，为了节省资源在该服务器上装一个数据库，Backup Server服务器主要能是数据的备份，包括开发代码，开发文档，以及对网站的常规备份，定期对Backup Server服务器上的数据进行物理备份(主要指把数据保存到活动硬盘或刻成光盘)，在Backup Server服务器上安装VSS，当然如果你的开发资源比较丰富的话，我觉得有必要添加数据库服务器和VSS服务器。 二、VSS配置 先分别在服务器和开发客户端上安装VSS服务器，DW MX和VSS客户端。在开始配置VSS时先解释一下2个最基本的概念，Check Out，将VSS数据库上的文件最新内容下载到本地工作路径，并将该文件锁定，不允许其他人修改，但可以得到文件最新内容。Check In，将本地工作路径中已修改好的文件更新到服务器上，并将本地路径的文件属性设为只读，释放VSS服务器上该文件的锁定状态，这是VSS最基本的2个概念一定要弄明白。下面将介绍创建一个VSS项目的详细步骤。 1、打开VSS的管理员操作界面，执行Tools/Create Databse命令创建一个VSS数据库，当创建成功后执行Users/Open SourceSafe Database命令，打开VSS数据库。
实战DW MX和VSS开发Web项目(下)
4、在站点定义选项对话框中选取Testing Server(测试服务器信息)选项卡如图1-11，Server Model：选择Web项目所才用的技术类型，DW支持绝大多数的Web动态语言。Access：访问类型，有FTP和Local/Network(本地/局域网)，Testing Server：测试服务器地址。 Refresh Remote File List Automatic：自动刷新远程文件列表，URL Prefix：测试服务器访问的URL地址。 至此，DW和VSS的配置都已经基本配置好了，上面讲到的配置都是必须要设置的，否则2种软件不能够友好协作，其他还有一些参数可以根据具体情况来设置。 四、实战开发 到了这一步你可以具体开发了，由于已经将DW和VSS已经连接起来了，对VSS文件的常规操作不需要登录VSS去实现，直接在DW中就可以方便实现。下面将从2个方面来实战开发，先介绍在DW中开发然后再介绍在VSS中进行版本控制和代码恢复比较等。 (一)、在DW中的相关应用 1、在DW中连接VSS服务器 打开DW编辑窗口后的第一件事就是连接远程服务器，也就是VSS服务器。在DW中执行Site/Site Files...命令或者按F8快捷键打开图1-12 Site面板，Site面板中可以查看到本地文件列表、测试服务器文件列表和远程VSS上面的文件列表。我们对文件的编写和操作主要是在Local View中进行的。当然你也可以不连接远程服务器，在本地打开一个未被其他小组成员Check Out的文件时DW自动连接VSS服务器，并且将该文件自动Check Out，在Site面板中的文件有三种状态，文件锁定状态：当前文件没有被任何其他成员Check Out编辑，这样的文件DW在文件名前加一个小锁。文件被自己Check Out 状态：也就是文件自己正在编辑或者已经Check Out了，DW在文件名前加一个绿色的小勾。文件被别人Check Out 状态：文件被其他小组成员Check Out了，DW在文件名前加一个红色的小勾。 2、源代码文件的基本操作
Dreamweaver中幂格式文本巧实现
前不久，一个正热衷于网页制作的网友的一个小问题“在Dreamweaver中，数的乘方格式的文本（如10的平方）如何实现？”让我大伤脑筋。实在不太甘心……忽然想起在Office相关各组件中实现这种格式的文本很简单的，于是通过先在FrontPage中做出乘方格式的文本，再通过查出其源代码并将其用到Dreamweaver实现了这位网友欲实现的效果： 运行FrontPage（2000或XP皆可），先输入“102”后选中“2”，点按“格式”菜单中的“字体”命令，在弹出的对话框中选中“上标”，“确定”后实现了“10的平方”的输入；保存页面后，到源文件的HTML代码中找到控制幂格式文本的相关语句，发现“指数2”是以“2”这种方式来标记的。 运行Dreamweaver MX，将编辑窗口切换到“代码视图和设计视图”窗口之后，先在“设计视图”窗口中输入“102”；再从“代码视图”窗口中找到数字“2”，并在其前后分别输入“”和“”这样一对标签；最后，将光标在“设计视图”窗口中点击一下之后就会发现，原来输入的文本“102”已经变成了“10的二次方”这一乘方格式的文本。
小窗口大学问--玩转弹出窗口
经常上网的朋友可能会到过这样一些网站，一进入首页立刻会弹出一个窗口，或者按一个连接或按钮弹出，通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作这样的页面效果非常的容易，只要往该页面的HTML里加入几段Javascript代码即可实现。下面俺就带您剖析它的奥秘。 【1、最基本的弹出窗口代码】 其实代码非常简单： 〈SCRIPT LANGUAGE="javascript"〉 〈!-- window.open (´page.html´) --〉 〈/SCRIPT〉 因为这是一段javascripts代码，所以它们应该放在〈SCRIPT LANGUAGE="javascript"〉之间。〈!-- 和 --〉是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。 window.open (´page.html´) 用于控制弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面应写明路径，绝对路径(http://)和相对路径(../)均可。 用单引号和双引号都可以，只是不要混用。 这一段代码可以加入HTML的任意位置，〈head〉和〈/head〉之间可以，〈body〉间〈/body〉也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。 【2、经过设置后的弹出窗口】 下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。我们来定制这个弹出的窗口的外观，尺寸大小，弹出的位置以适应该页面的具体情况。 〈SCRIPT LANGUAGE="javascript"〉 〈!-- window.open (´page.html´, ´newwindow´, ´height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no,status=no´) //写成一行 --〉 〈/SCRIPT〉 参数解释： 〈SCRIPT LANGUAGE="javascript"〉 js脚本开始； window.open 弹出新窗口的命令； ´page.html´ 弹出窗口的文件名； ´newwindow´ 弹出窗口的名字（不是文件名），非必须，可用空´´代替； height=100 窗口高度； width=400 窗口宽度； top=0 窗口距离屏幕上方的象素值； left=0 窗口距离屏幕左侧的象素值； toolbar=no 是否显示工具栏，yes为显示； menubar，scrollbars 表示菜单栏和滚动栏。 resizable=no 是否允许改变窗口大小，yes为允许； location=no 是否显示地址栏，yes为允许； status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许； 〈/SCRIPT〉 js脚本结束 【3、用函数控制弹出窗口】 下面是一个完整的代码： 〈html〉 〈head〉 〈script LANGUAGE="JavaScript"〉 〈!-- function openwin() { window.open ("page.html", "newwindow", "height=100, width=400,toolbar=no,menubar=no, scrollbars=no, resizable=no, location=no, status=no") //写成一行 } //--〉 〈/script〉 〈/head〉 〈body onload="openwin()"〉 ...任意的页面内容... 〈/body〉 〈/html〉 这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。 怎么调用呢？ 方法一：〈body onload="openwin()"〉 浏览器读页面时弹出窗口； 方法二：〈body onunload="openwin()"〉 浏览器离开页面时弹出窗口； 方法三：用一个连接调用：〈a href="#" onclick="openwin()"〉打开一个窗口〈/a〉 注意：使用的“#”是虚连接。 方法四：用一个按钮调用：〈input type="button" onclick="openwin()" value="打开窗口"〉 【4、同时弹出2个窗口】 对源代码稍微改动一下： 〈script LANGUAGE="JavaScript"〉 〈!-- function openwin() { window.open ("page.html", "newwindow", "height=100, width=100, top=0,left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no,status=no") //写成一行 window.open ("page2.html", "newwindow2", "height=100, width=100, top=100,left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no,status=no") //写成一行 } //--〉 〈/script〉 为避免弹出的2个窗口覆盖，用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面说过的四种方法调用即可。 注意：2个窗口的name(newwindows和newwindow2)不要相同，或者干脆全部为空。OK？ 【5、主窗口打开文件1.htm，同时弹出小窗口page.html】 如下代码加入主窗口〈head〉区： 〈script language="javascript"〉 〈!-- function openwin() { window.open("page.html","","width=200,height=200") } //--〉 〈/script〉 加入〈body〉区： 〈a href="1.htm" onclick="openwin()"〉open〈/a〉即可。 【6、弹出的窗口之定时关闭控制】 下面我们再对弹出的窗口进行一些控制，效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的HTML中，可不是主页面中，否则...)，让它10秒后自动关闭是不是更酷了？ 首先，将如下代码加入page.html文件的〈head〉区： 〈script language="JavaScript"〉 function closeit() { setTimeout("self.close()",10000) //毫秒 } 〈/script〉 然后，再用〈body onload="closeit()"〉 这一句话代替page.html中原有的〈BODY〉这一句就可以了。(这一句话千万不要忘记写啊！这一句的作用是调用关闭窗口的代码，10秒钟后就自行关闭该窗口。) 【7、在弹出窗口中加上一个关闭按钮】 〈FORM〉 〈INPUT TYPE=´BUTTON´ VALUE=´关闭´ onClick=´window.close()´〉 〈/FORM〉 呵呵，现在更加完美了！ 【8、内包含的弹出窗口-－－一个页面两个窗口】 上面的例子都包含两个窗口，一个是主窗口，另一个是弹出的小窗口。通过下面的例子，你可以在一个页面内完成上面的效果。 〈html〉 〈head〉 〈SCRIPT LANGUAGE="JavaScript"〉 function openwin() { OpenWindow=window.open("", "newwin", "height=250, width=250,toolbar=no,scrollbars="+scroll+",menubar=no"); //写成一行 OpenWindow.document.write("〈TITLE〉例子〈/TITLE〉") OpenWindow.document.write("〈BODY BGCOLOR=#ffffff〉") OpenWindow.document.write("〈h1〉Hello!〈/h1〉") OpenWindow.document.write("New window opened!") OpenWindow.document.write("〈/BODY〉") OpenWindow.document.write("〈/HTML〉") OpenWindow.document.close() } 〈/SCRIPT〉 〈/head〉 〈body〉 〈a href="#" onclick="openwin()"〉打开一个窗口〈/a〉 〈input type="button" onclick="openwin()" value="打开窗口"〉 〈/body〉 〈/html〉 看看OpenWindow.document.write()里面的代码不就是标准的HTML吗？只要按照格式写更多的行即可。千万注意多一个标签或少一个标签就会出现错误。记得用OpenWindow.document.close()结束啊。【9、终极应用--弹出的窗口之Cookie控制】 回想一下，上面的弹出窗口虽然酷，但是有一点小毛病(沉浸在喜悦之中，一定没有发现？)比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页)，那么每次刷新这个页面，窗口都会弹出一次，是不是非常烦人？:-( 有解决的办法吗？当然有！我们使用cookie来控制一下就可以了。首先，将如下代码加入主页面HTML的〈HEAD〉区： 〈script〉 function openwin(){ window.open("page.html","","width=200,height=200") } function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length 〉 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } function loadpopup(){ if (get_cookie(´popped´)==´´){ openwin() document.cookie="popped=yes" } } 〈/script〉 然后，用〈body onload="loadpopup()"〉（注意不是openwin而是loadpop啊！）替换主页面中原有的〈BODY〉这一句即可。你可以试着刷新一下这个页面或重新进入该页面，窗口再也不会弹出了。真正的Pop-Only-Once！ 写到这里弹出窗口的制作和应用技巧基本上算是完成了，俺也累坏了，一口气说了这么多，希望对正在制作网页的朋友有所帮助俺就非常欣慰了。 需要注意的是，JS脚本中的的大小写最好前后保持一致