〓 〓 〓 〓 〓	网页制作 「网易电子杂志」	〓〓 〓〓 〓〓 〓〓 〓〓	2000-04-07　星期三　总第 1 期 编辑信箱　邮件订退　问题解答
""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""

本期索引 　　　　〖经验交流〗 　　　　　　　　　　　　1......FRONTPAGE高级应用12则 　　　　　　　　　　　　2......Dreamweaver2特效——制作拼图游戏 　　　　　　　　　　　　3......Dreamweaver3中应用Event受到限制的问题 　　　　〖新新武器〗 　　　　　　　　　　　　1......旗舰极软件PhotoImpact 　　　　〖新手上路〗 　　　　　　　　　　　　1......新手主页制作点滴心得 　　　　〖软件技巧〗 　　　　　　　　　　　　1......dreamweaer使用技巧六则 　　　　〖理论学苑〗 　　　　　　　　　　　　1......图象锐化技术

【经验交流】

1......FRONTPAGE高级应用12则 作者：周勇生 　　当我们在网上尽情冲浪时，常常会见到别人的主页上有很多别致 的效果，例如滚动字幕、动态按钮以及页面色彩的淡入淡出等，每次 见到这些漂亮网页时，相信众多网友肯定有这样的感叹：要是自己能 亲手制作出这样"智慧型"的主页那该有多好啊。别急，待你看完本文 后，即使你完全不懂ＨＴＭＬ，你也可以通过FRONTPAGE让你的主页 具有多种特效。下面就让我来讲讲自己用FRONTPAGE在设计主页时实 现常见特效的一些心得体会。 　　１、图象的略图编辑 　　图象的略图指把图象按原比例缩小，可作为原图的预览，这在网 络速度比较慢时可快速地显示图片的概图。FrontPage 98中，可以完 成这样一个功能，即当访问者点击一个到照片的链接后，在照片下载 的过程中，网页上首先出现照片的略图，直至原照全部出现。步骤如 下:首先制作略图。先将照片复制作为制作略图之用。在FrontPage 98 Editor中选中照片，执行"右击/image properties/Appearance"， 选中"Specify Size"(指定尺寸)和"Keep Aspect Ratio"（保持纵横 比），按要求确定照片的宽和高即可完成略图的制作。然后单击原照， 进入"Image Properties/General"菜单，在"alternative representation" （替换显示）栏中的"Low-Res"（略图）框里填入略图的位置，在Text 文本框中填入说明文字，单击"Ok"，完成。 　　２、图象的热点区域设置 　　图象的热点指把图象分为几个可点击区域，单击图象上的每个区 域，点击图片的某个区域就可链接进入相关链接的页面。这个效果是 怎么实现的呢？方法如下：选中图象，然后运用图象工具栏中的"Rectangle" （矩形）、"Circle"（圆周）和"Polygonal"（多边形）三个工具钮 选取区域，一旦选中了既定的区域，FRONTPAGE就会弹出一个对话框， 让你输入所要连接的页面的URL。 　　３、图片重叠效果实现 　　这种效果具体实现的步骤如下： 　　（１）先画一个表格，把图象放到表格里； 　　（２）在表格里面点击鼠标右键，单击(表格属性)，把(布局)中 的(边框线宽度)、(单元格边的间距)改成０； 　　（３）再单击(使用背景图象)右侧的(浏览)按钮，选择自己喜欢 的图象，利用图象插入功能插入图片，就可以使两幅图象重叠了。假 如表格的背景为蓝天白云，表格里的图象为一只正在飞翔的小鸟，我 们通过这种效果合成的画面一定是很美妙的。 　　４、动态广告标题编辑 　　我们经常在网页上看到动态广告标题，要实现这个效果，我们可 以通过FRONTPAGE内置的(标题广告管理器)，先把要依次播放的广告 图片排好，然后使页面处于(ＨＴＭＬ)的状态，找到这样的一段代码 ：appletcode=″fprotate.class″codebase=″_fpclass″，删除codebase= ″_fpclass″代码，同时把在x:ProgramFilesMicrosoftFrontPagefpclass 目录下的一个叫fprotate.class文件拷贝到你所在的目录下，就可以 实现广告图象轮流播放的效果了。 　　５、动态按钮编辑 　　这是我们在网上常见的一种效果，当鼠标移到一个按钮上，按钮 的颜色立即发生变化，动感非常之强。这个效果可以通过FrontPage 里预先定制的功能来轻松实现。具体步骤为单击(Insert)（"插入"） →(Active elements)（"活动组件"）→(Hover Button)（"动态按钮"）， 出现对话框，对话框上提供的选项可以设置按钮上的文字，链接方向、 按钮的变幻颜色等等。实际上更为常用的是，可以事前准备两幅大小 相同的图片，然后选择对话框的(Custom)（"定制"）选项，使鼠标所 到之处，图标即随之发生变化。 　　６、链接样式表（即风格样式单）的编辑 　　现在，许多主页都采用了一种简洁的文本超链接形式，而当鼠标 点上这些链接的时候，这些文字链接的字体、大小发生一些动态变化， 这小小的变化会使整个页面看起来动感奇佳。实际上，用风格表(style sheet)便可以轻松地实现这个功能，步骤如下：如前所述，打开"Format" （格式）菜单中的"Style sheet"（风格表）选项，在文本框中的HTML 代码中插入"a:hover"，结果如下示""，"hover"意为"停悬"，即指光 标停悬在超级链接上。下面，打开"style"菜单，你就可以选择当鼠 标箭头移到文本超链接时文字的变化啦！可选的选项有很多，这里我 们简单地设置字体为楷体，颜色为红色，字体风格为斜体，文本修饰 为下划线（执行Text/Decoration/Underline），单击"OK"按钮，大 功告成，这样，当鼠标箭头移到有超链接的文字上时，文字的字体变 为楷体，颜色为红色，字体风格为斜体，文字下面还会出现一条下划 线。 　　７、重定向效果编辑 　　当你的网站换个新地方时，把你以前旧的地址存入书签的用户， 现在并不一定知道，这样你就面临着失去大量用户的危险。FrontPage98 可以帮助你很简单地解决这个问题。在FrontPage 98中，打开你的主 页，选择(File)（"文件"）→(Page Properties)（"属性"）→(Custom) （"定制"）→(System Variables)（"系统变量"）→(Add)（"添加"）， 在Name框中输入变量名如refresh，在Value框中输入参数如：10；URL=http: ∥WWW.XXX.COM/INDEX.HTML，最后确定，就实现了重定向的功能。参 数中10表示当前网页完全下载后延迟10秒种；第二项表示重定向的新 地址。通过这个效果，用户访问你的以前的主页10秒钟后，浏览器会 自动转向你新的主页地址。 　　８、制作表单邮件 　　通常我们在主页中创建一个美观的表单是基于你的主页服务器上 有一个表单处理程序（form handler），如果没有，则这个表单程序 往往不能正常运行。经过实践，我发现FrontPage 98中也可以完成一 个最简单的提交和处理表单计算结果的设置，那就是通过电子邮件来 完成。方法如下：打开主页，在FrontPage 98 Editor中执行(Insert) （"插入"）→(Form Field)（"表单区域"）→(One-Line Text Box) （"一行文本框"），把表单的样式和基本属性设置好后，注意要设置 按钮类型为"Submit"（提交）这一项。右击此按钮，打开"Form Properties" （表单属性）对话框，选中"Send to others/Custom ISAPI,NSAPI,CGI,or ASP Script"这一项，然后打开"Options"（选项）对话框，在"Action" （动作）框中输入"mailto:yourname@servername?邮件主题"，在"Method" （方式）框中选"Post"（邮寄）,在"Encoding type"（编码类型）框 中输入"text/plain"，确定后即告完成。 　　９、页面定制效果编辑 　　我们经常能看见，当打开一个新页面时，本来普普通通毫无奇特 之处的网页，但由于加入一点淡入淡出的效果使人眼前为之一亮。FrontPage 98的(Format)（格式）菜单条下的(Page Transition)（页面转换）， 就为你提供了这一类页面效果，而且还不止一种哩。单击(Format) （格式）→(Page Transition)（页面转换），(Event)栏中有四个事 件：Page Enter（进入页面）、Page Exit（页面退出）、Site Enter （输入网址）和Site Exit（离开网站），任选其一。(Duration（Seconds）) 表示选定事件的发生时间；Transition Effect（转换效果）一项， 是十几种各不相同、美观大方的页面效果，例如选择了Blend，那就 会出现前面提到的那种特殊效果。如果选择了Box Out，那么当进入 页面时，就会像一只盒子由里向外慢慢扩散，非常好看！如果你有耐 心的话，不妨多试几种，以便能找到一种称心如意的效果。 　　１０、动态背景制作 　　当你用浏览器访问某些站点时，你会注意到在该页面右下方有个 图标不会随滚动条的移动而改变位置，始终存在于固定位置。这个效 果是用CSS(样式表)得到的，用FrontPage98可以很容易的实现。在FrontPage 98中，选择(File)→(Page Properties)→(General)→(Style)，在 弹出的对话框中，选择"Colors"标记；在"Background Image"框中填 入图像的路径与文件名，"Attachment"框中，选择"Fixed"(表示此图 像将固定位置)，在"Repeat"框中，选择"No Repeat"(表示图像不会 重复出现)，在"Vertical"和"Horizontal position"中选择图像的水 平和垂直位置；最后按下确定键后，你会看见你的图像在屏幕上重叠 出现，不要紧，这是因为编辑器不支持Dhtml，你只需存盘，然后用 浏览器预览，你就会看到奇妙的效果出现了。 　　FrontPage的动态功能较多，大家在制作过程中多一些实践就可 发现许多平时未加以注意的功能。 　　11、如何使你的主页自动被搜索引擎收录 　　你一定为了让你的网站名扬天下而去各个搜索引擎注册吧？在网 上有很多机器人，它们自动搜寻关键字，我们只要在我们的网站上设 立这样的关键字，就有可能被它们找到。 　　<head><meta http-equiv="keywords" content="yancheng,science,technolodgy,information,network, politics,economic, charset=gb2312"></head> 　　其中CONTENT这个属性主要让你放置一些你主页里的关键词，而 且这些关键词最好容易使人想到。 　　１2、如何强制浏览器浏览信息时必须从服务器中读取 　　我们有时希望刷新时重新下载网页，而不是从缓存中读取旧的文 件，为了解决这个问题，你可以在你的网页的部分中加入以下HTML源 代码就可以了： 　　<META HTTP-EQUIV="Pragma" CONTENT="no-cache"> ⊿返回　　将网易杂志推荐给您的朋友

2......Dreamweaver2特效——制作拼图游戏 　　概要:制作拼图游戏（在IE 4.0、Netscape Communicator 4.61中适用）。 　　 　　工具:Layer（层）与Behavior（行为事件）菜单命令。 　　 　　在浏览别人网页的时候，你也许经常发现网页上的某些图片（或文字） 可以用鼠标随意拖动。如果把此效果运用到你的网页中，不是也可以为你 的网页增添一点灵性?不过你或许会觉得制作起来比较麻烦，其实恰恰相反， 用DW做此效果特别简单。相信看了下面的制作过程，你也会发出这样的感 叹。 　　 　　一般情况下，我们都固定住图的一部分，在此基础上再用图的其它部 分（可以被拖动的）进行组合拼装，当然也可以让图全部都可以被拖动。 下面是具体的制作步骤。 　　 　　步骤一:准备好要进行拼装的图形，然后将其分割。分割图形可使用Photoshop 之类的软件，如果没有，用Windows自带的画图工具也可以。 　　 　　步骤二:选定分割后图形的一部分，作为页面上固定部分，用菜单“Insert” 中的“Image”命令直接插入到页面上的合适位置就可以。 　　 　　步骤三:制作活动图形。在页面上插入一个层（Layer），选定分割后 图形可被拖动的部分，将其插入层中，选中该层，弹出Behavior框，在其 中的“Events For”框中选择“IE 4.0”。 　　 　　单击“+”，在菜单中选择“Drag Layer”，弹出对话框。 　　 　　“Layer”表示选定层的名称（此项一定要选正确），至于其它参数用 默认值或不填也可以了。选择“More Options”将会有更多的参数，见下 图，同样使用默认值也可以。 　　 　　步骤四:在Behavior框的“Events”中点黑色箭头，选择“onMouseOver” 或“onMouseDown”。 　　 　　步履五:如还有活动图形，重复步骤三、四，直至全部做完。 　　 　　拼装图形只是DW中Behavior命令的一个简单应用，还有更多的功能在 等着我们进一步去开发，把我们的网页点缀得更加精彩！ ⊿返回　　将网易杂志推荐给您的朋友

3......在Dreamweaver3中应用Event受到限制的问题 　　在Dreamweaver中，一个Behavior是一件事件（Event）和一件行动 （Action）的结合。例如在有些主页上当用户把鼠标移动于图象A上后，这 幅图象会变换为另一幅图B，鼠标悬停于图象A上就是一件事件，而图象A转 变为另一幅图B则是该事件所击发的action。一个Action是由一段预先写好JavaScript 代码所组成，该代码能执行各种特殊任务，如打开一个新的浏览器窗口、 播放一段声音、停止播放一段Shockwave movie等。Event则是由浏览器所 定义，浏览器响应用户的某个操作而生成一件Event，例如当某个浏览者将 鼠标移动到链接上，浏览器就生成一个onMouseOver（鼠标悬停）事件，如 果你事先设置了某个Action的话，此事件将调用相关的JavaScript功能，JavaScript 功能则击发相应的Action发生，如弹出一个提示警告框。 　　 　　Event有好几种，常见的有onMouseOver（鼠标悬停）、onMouseOut （鼠标移出）、onClick（鼠标单击）、onLoad（网页栽入）等，不同的浏 览器生成的Event不尽相同，IE4.0比Netscape Navigator 4.0或任何3.0浏 览器能产生更多的Event。在Dreamweaver中，当对某个对象设定Behavior 后，如果期待的Event没有出现在Behavior Inspector窗口中的"Event栏” 中，则应确保选择了正确的对象，或者改变Behaviour Inspector窗口中"Events For.. "下拉菜单中的目标浏览器。　　 　　 　　在Dreamweaver3中，"Events For.. "中默认出现的目标浏览器是"3.0 and Later Browsers"，在这种情况下有很多Event都不可以调用，因为它 所支持的Event较少，为了能应调用更多的主流浏览器所支持的Event,你必 须在"Events For.. "下拉菜单中选择其他的浏览器，如4.0 and Later Browsers,可是当你用鼠标点"Events For.."中的下拉箭头时，你将会发现 并不会出现下拉选择菜单，也就是说你根本无法选择！在Dreamweaver2.0中 并没有出现过这种问题，而是Dreamweaver3在中文WINDOWS98中出现的新问 题！为了解决这个问题，我重装了WIN98，重装了Dreamweaver3，忙乎了半 天可问题依然存在。后经仔细观察，发现当用鼠标点击"Events For.."中的 下拉箭头时，会出现一条细细的黑条，突然想到它可能就是在中文WIN98系 统中无法正常显示出来下拉菜单，既然用鼠标无法选择，那么用键盘上的上 下箭头来选择说不定可以做到，果然一试就灵，问题迎刃而解。需要强调的 是，在用上下箭头选择之前，需要先用鼠标点击一下"Events For.."中的 下拉箭头。 ⊿返回　　将网易杂志推荐给您的朋友

【新新武器】

1......旗舰极软件PhotoImpact 　　PhotoImpact是目前市面上最先提供一系列完整、操作方便工具 的影像处理软体。利用这些工具，可以帮助初学或进阶者简化处理影 像的程序，并大大加强影像处理後的效果。 　　 　　PhotoImpact是一套功能超强的全32位元影像处理软体，适用於Windows 　　95/NT 3.51平台，并与Office 95相容、支援OLE 2，可直接在Windows 　　95平台上的应用程式之间拖曳物件，并在该应用程式上直接修改 影像。与Office相似的使用者界面、可移动的工具列、随处可见的功 能提示列、以及滑鼠右键功能表等特性，使程式更容易学习与操作。 多重使用者界面可以适用於各种不同程度的使用者。多达99层的复原 和重作功能可以让使用者尝试各种不同创作的空间。 　　 　　流程导引工具 　　为了简化取得影像的程序，并加强影像处理的效果，PhotoImpact 提供一系列以几个简单的图示按钮所表示的流程导引工具。从任何一 种具有TWAIN界面的输入装置取得影像开始，接下来利用自动处理影 像的工具为影像作加强、裁切、调整等处理，然後再利用简单的工具 作进一步的色彩校正、明亮度及对比调整。 　　 　　最後，再为影像加上边框或阴影效果，即可轻松地完成一份影像 作品。 　　 　　 　　随取即用的视觉操作法 　　在PhotoImpact流程导引工具中最出色的工具，要算是随取即用 视觉操作法的「创意百宝箱」了！利用它可以直接预览特效、样式、 渐层、图案，并且直接利用拖曳的方式或双击滑鼠右键将特效应用到 影像、物件或选择区中。 　　 　　 　　物件导向的影像合成 　　在PhotoImpact中，具有高度弹性的选择工具，让你可以直接在 基础影像上定义多重物件。这些物件可以被分别放置在不同的层级， 并作个别修改或结合，以创作出具专业水准的作品。甚至可以为各个 物件单独加上阴影效果或各种特效、分别管理不同层级的物件、并将 整个影像及影像上的所有物件储存成UFO (Ulead 　　File forObjects)档案格式，以便下次再加以利用。 　　 　　 　　设计用的工具 　　PhotoImpact还有许多独特的功能设计，可以让影像创造出令人 惊艳的效果。一整系列的彩绘工具，可以作水彩画、粉彩画、炭笔画、 油画、甚至麦克笔，立即将影像转变成绘画作品。除此之外，其它工 具如变形、魔术光影、万花筒以及翻页特效等等，都可以用来轻松地 制作具有专业水准的影像作品。 　　 　　 　　立体文字及物件 　　PhotoImpact是唯一可以将文字或物件转换成向量档案格式的影 像处理软体，因此，可以利用向量档案的可塑性，来设计独一无二的 曲线或标志。现在，这些特性更进一步加强了立体化的功能，可以作 立体凹面、凸面、或由使用者自订立体物的边缘、深浅、并且可以控 制光线及阴影效果，以符合特定的设计需求。 　　 　　 　　立体按钮设计如果你曾经尝试花费几个小时的时间去设计一个具 有边框的立体按钮，你会更感激PhotoImpact的按钮设计师所为你节 省的时间。你可以从一系列的样式及边框控制选项之中，选择所想要 的效果，并立即将任何影像或选择区转换成立体的按钮。 　　 　　 　　背景底纹设计 　　利用PhotoImpact的背景设计师，您可制作会自动并接的网页背 景底纹，一切只需要几个简单的步骤。你可以从23个内建的图案设计 中任意选择，或者先从色板中选择花样再自行编辑以产生无限种变化 。您还可以进一步利用它来产生多重底纹图案和参数再加以控制，以 及利用灯光效果来调整适当的明暗对比。 　　 　　 　　从没有一套影像软体像PhotoImpact with Web-Extensions一般， 具有完整的网站画面影像编辑能力，全新的Web网页影像设计功能提 供你一系列革新的网页影像设计、最佳化以及整合的工具组合，包括 ：GIF/JPEG SmartSaver、背景底纹设计、立体按钮设计师、将物件 对齐与等距排列的指令、快速产生使用於HTML中的Tags。GIF动画特 效使得作出动态GIF档成为一件相当容易的事。所以说，PhotoImpactwith 　　WebExtensions具有最佳的网站画面设计的解决方案。 　　 　　 　　网页影像设计大整合WebExtensions具有几项令人爱不释手的工 具，能帮您顺利创造、整合、最佳化网页影像，或协助HTML的编辑。 　　包括了自动产生HTML Tags，以设定网页上的背景、文字和影像 。GIF/JPEG SmartSaver： 　　 　　毋庸置疑！这是最佳化网页影像的最佳解决方案，一种不可思议 的省时利器。GIF/JPEG SmartSaver提供一对一原始影像和压缩後影 像档案的品质／大小直接比较、可直接观看压缩後影像的品质、GIF 档案格式透通性遮罩选择，安全不失真的GIF减色模式色盘，支援渐 进式JPEG档案格式、模拟预览全萤幕的浏览器等等。GIF Animator： 这项简单好用的GIF动画效果设计师，可以帮助你使网站的画面 更加生动活泼。GIF动画特效具有拖曳输入、放置、以及立即播放一 连串GIF影像画面等特性，再加上可替换的背景画面、萤幕上可见的 减色和调整时间轴等控制。 　　 　　工具PhotoImpact的主要目的是影像处理，但为了使用者的方便， 软体中还包括许多支援工具。包括：可用来管理视觉化影像档案的Album、 可将影像档以缩图预视在档案夹中的Explorer、超强的全32位元萤幕 撷图程式Capture、迷你的影像浏览工具Viewer、可用来观看柯达PhotoCD 相片图档的CD Browser。也因为多了这些功能，使得PhotoImpact成 为Office使用者最佳的影像处理解决方案。 　　 　　 　　系统需求．Windows 95/NT、含8 MB RAM以上的486或Pentium PC、30 　　MB以上的硬碟空间、光碟机、 　　与Windows 95相容的滑鼠及显示器．建议输入装置：与TWAIN 16/32 界面相容的平台式或掌上型扫描器、数位相机及影像撷取卡．建议输 出装置：与Windows相容的印表机、网片输出机或正片记录器．支援 档案格式：BMP, CGM, CLP, CUR, DCS, DCX, DRW, EPS, FAX, GIF, 　　HGL, ICO, IFF, IMG, 　　JPG, MAC, MSP, PCD, PCT, PCX, PIC, PLT, PNG, PSD, PXR, RAS, 　　RLE, SCI, SCT, SHG, TGA, 　　TIF, UFO, UPI, WMF, WPG, ⊿返回　　将网易杂志推荐给您的朋友

【新手上路】

1......新手主页制作点滴心得 作者：RAT 　　网页的制作是一个痛苦的过程，对于一个新手，既想节约时间，又希 望能够在网络上证明自己，做出好的网页，的确是比较困难的一件事。其 间会走不少的弯路，碰许多的钉子，或许到访的朋友许多都有这种体会。 我的主页花费了我三天的时间，加上盲目地申请主页空间、域名等，一共 是近五天时间除吃饭睡觉外都花费在这上面了。现在回想一下，如果有比 较明确的指导，自然会节省不少时间与精力。本着这个想法，我把自己的 几点体会写出来，谨于此希望对朋友们有所帮助。 　　第一步：明确自己网站主题，制作网页 　　1：初次上网，最容易的就是被五花八门的免费资源吸引住，盲目地去 申请，而忽视了最主要的问题：制作网页。很多主页空间提供者都要求有 主页的描述，而且限时上传主页，往往主页未制出者就会手忙脚乱。其实 大可不必忙于申请。现在很多站点都提供主页服务，不愁申请不到。所以 首先应制出主页再申请。 　　2：主页制作建议采用比较顺手的工具，如Frontpage、Hotdog等。这 里我推荐使用Frontpage。它的所见即所得的制作方式比较适合初学者。制 作中可以把HTML方式（“查看”菜单下的“HTML……”选项）与直接设计 相结合，注意应用表格的功能。至于一些小技巧，可等主页成形后再应用 。不过对于初学者，“平平淡淡才是真”。 　　3:制作期间先申请一个电子邮箱，可以有很大用处。不时上上网，参 考别人的主页设计，如果有比较好的图像、背景或方式，都可以复制下来 作为自己的创作材料。有可以留言的站点可以留言或发EMAIL，邀请对方以 后来看自己的站点。 　　第二步：申请主页空间与域名，上传文件。 　　1：主页空间的申请比较容易，只要填写真实信息，基本可以成功。申 请时注意阅读一下其服务条款，避免误操作。 　　2：域名是用来简化你的主页地址的。主页空间服务商提供的地址一般 比较难记，申请较简显的域名易于别人的访问。也有申请后就赠送域名的， 如ZB169、163等。一般域名也比较容易申请。 　　3：至于留言本、计数器等，主页服务商一般会免费赠送，只要按照其 要求设置即可。 　　4：至于上传文件一般是不大的问题。可以选择提供上传服务的站点， 如168个人主页空间。推荐用软件CUTEFTP：一些站点提供下载，如ZB169。 　　第三步：上传主页，检查修改并宣传。 　　1：主页上传后可自行浏览，注意检查是否有不正确或死的链接，及时 改正更新。 　　2：宣传主页注意免费广告站点，或把自己的主页加入一些搜索引擎， 以扩大知名度。加入一些个人主页的链接也是不错的方法。　 ⊿返回　　将网易杂志推荐给您的朋友

【软件技巧】

1......dreamweaer使用技巧六则 　　用TracingImage帮助定位网页中各元素的位置 　　TracingImage是Dreamweaver2新增的一个非常有效的功能，它允许用 户在网页中将原来的图案设计搞作为辅助的背景。这么一来，拥护就可以 非常方便地定位文字、图象、表格、层等网页元素在该页面中的位置了。TracingImage的具体使用是这样的：首先使用各种绘图软件作出一个想象中网页排版格局图，然后将此图保存为网络图象格式（包括gif,jpg,jpeg和png）。用Dreamweaver打开你所编辑的网页，在页面的空白区单击右键，选择"Page Properties..."，然后在弹出的对话框中的Tracing Image项中输入刚才创建的网页排版格局图所在位置。再在Image Transparen中设定TracingImage的透明度，OK。这样你就可以在当前网页中方便地定位各个网页元素的位置了。使用了TracingImage的网页在用Dreamweaver编辑时不会再显示背景图案，但当使用浏览器浏览时正好相反TracingImage不见了，所见的就是经过编辑的网页（当然能够 显示背景图案）。　　 　　 　　关于"Convert Table widths to Pixels"和"Convert Table widths to Percent" 　　"Convert Table widths to Pixels"和"Convert Table widths to Percent"是Dreamweaver2新增的两个设置表格宽度的重要功能。当你打开一个带有表格的网页时，在状态栏中点中〈table〉标签，在随后显示出的表格属性 工具面板中就能看到这两个按钮了。顾名思义"Convert Table widths to Pixels"就是将表格中所有单元的宽度以象素表示，而"Convert Table widths to Percent"是将表格中所有单元的宽度以百分比表示。仔细想想他们的 作用，如果将一个表格的宽度全以象素表示，但浏览窗口被放大时，表格 就不会随之放大单元格的宽度。而使用了"Convert Table widths to Percent" 后能够使你在640*480分辨率下建立100%宽的表格在更高的分辨率下依旧保 持100%的宽度。所以活用这两个功能可以是网页排版事半功倍。 　　 　　隐藏不必要的标签 　　当用户在网页中插入了不可见的元素时，Dreamweaver会自动在页面上 添加一个与之相应的元素标签，以便于用户选择不可见元素。但这并不全 是件好事，比如你在一个有很多层的页面中的第一行便插入一个表格，就 会发现由于首行排列了太多的层元素标签而使得表格自动退到了页面的第 二行，虽然在浏览时并不影响效果，但这确确实实会阻碍你的工作。所以 当你觉得某个元素标签碍手碍脚时，就索性将之屏蔽掉。方法是按Ctrl+U 打开Preferences面板，在Category中选中Invisibel Elements，在面板的 右边将会出现所有的元素标签。只要将讨你厌的元素标签前的勾去掉，以 后它就保证不会再出现了。 　　 　　调用Style而不致使网页原代码混乱不堪 　　调用Style的方法很多，你可以单击右键选择Custon Style来调用Style 规范，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的 方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。比如用Custon Style来调用Style规范，在网页代码中就生成一个〈span〉标签，这样的 标签一多就会使文件十分臃肿而且影响浏览器的解析速度，所以我建议尽 量使用状态栏中的元素列表来调用Style。还有一个小技巧，如果你要使用 一个Style定义某表格单元中的所有文字，只要在〈td〉标签中调用Style 就行了，而不需要在一个个定义〈p〉标签。注意这个方法不使用与〈table〉 标签，因为在〈table〉标签中用Style定义的文字格式会被Netscape忽略。 　　 　　使用定制窗口功能测试网页 　　在不同分辨率下的效果我想谁都不愿意自己辛辛苦苦做的网页在不同 的分辨率下面目全非吧，所以测试网页在不同分辨率下的浏览效果是网页 制作中很重要的一步。而Dreamweaver2让拥护十分轻松地实现测试，还记 得第二部分中对状态拦的介绍吗？对就是选择状态栏中间的数字可以调节 窗口大小了，这招一定要勤用哦。　　 　　 　　上传网站时无需使用第三方FTP软件 　　Macromedia的开发人员真是想的周到，不仅在Dreamweaver2的Site模 块中融入了FTP功能，而且这个FTP功能完全可以说是为网站上传而度身定 制的！我们可以做一个简单的比较，当你使用一般的FTP软件上传网站时， 是不是都按本地机上的网站目录在服务器中新建目录，然后再一个个文件 上传。这种做法实在没错，但由于本地机中的网站目录中并不是每个文件 都被网页调用（比如在建网页时留下的备分文件），所以筛选文件的繁重 工作量只有拥护自己知道。但使用Dreamweaver2的Site上传网页就可以方 便得多，由于Site中的FTP功能在幕后为拥护进行了许多必要的工作，所以 用户只要将网站地图内相关的HTML文件上传Dreamweaver就会自动将与此HTML 文件相关的所以其他本地文件一并上传（如图象、ZIP文件、FLASH文件甚 至是各种REAL文件）。使用Dreamweaver2内带的FTP功能的具体做法是：编 辑已经定义过的SITE，在“Site Definition for...”面板中选择“Web Server Info”。如果网页是通过FTP方式上传的话，将“Server Access”设为FTP， 在FTP Host中添入FTP服务器的地址，在Host Directory中添入远程登入目 录，在Login中添入用户名，在添好Password，OK。经过了以上的设定，就 可以在Site面板中按Connect按钮，当Dreamweaver成功连入服务器后，Connect 按钮会自动变为Disconnect，并且在一旁亮起一个小绿灯。接着要做的事 就是在要上传的HTML文件上单击右键，选择“Put”即可。当此HTML文件上 传成功后，状态条中将显示Put Depanding File,说明Dreamweaver正在上 传这个HTML文件所调用的其他本地文件。不仅如此，Dreamweaver还可以直 接下载服务器上的文件进行修改，方法么，只要使试试Put旁的Get按钮就 明白了。 ⊿返回　　将网易杂志推荐给您的朋友

【理论学苑】

1......图象锐化技术 吴进辉 　　 　　锐化在数字印刷设计中非常重要。扫描的图象和Photo CD图象总是需 要进行锐化的。扫描过程本身就会产生一定程度的模糊，通过数字相机捕 捉的图象通常也需要锐化，因为除了最高档的数字相机，一般都使用CCD元 件，就象桌面扫描仪中的CCD一样，会产生同样类型的噪音问题。只有高档 滚筒扫描仪不会出现这种与输入过程相关的清晰度下降现象。另一方面， 印刷过程也会使图象变得较虚。这主要是指由于纸张与油墨相互作用而产 生的不可预见现象。你应该将图象处理得比实际需要的结果更清晰些。 　　 　　图象编辑过程中，可用的锐化工具很多，你可以为图象增加对比度、 使用边缘锐化滤镜或噪音滤镜等，而虚光蒙版(USM)则是最成熟的锐化技术 。虚光蒙版通过一个象素与一个象素相比较，对原图建立一个虚化版本， 它增强了边缘的清晰度，却不会产生不自然的迹象，也不会消除低对比度 区域的层次。 　　 　　大多数实用的虚光蒙版在锐化过程中都提供了许多控制方法，但是你 必须进行正确的设置才行。当然，被使用得最多的是Photoshop中的Unsharp Mask滤镜。你可以控制三个参数：沿边缘增强对比度的程度、边缘比较和 锐化发生时的路径宽度、边缘的组成。 　　 　　Amount(总量)决定边缘对比度增强的程度。100%为现有清晰度的一倍。 　　 　　Radius(范围)决定用于色调比较和对比度增强的路径的宽度范围，以 一个象素的十分之一为单位。此参数的设置必须严谨，如果路径宽度范围 设置得太宽，则会出现明显的光晕。有一个估计Radius值的方法，将图象 的输出分辨率dpi除以200，例如dpi为300时，将Radius的值设为1.5会得到 较好的效果。 　　 　　Threshold(临界值)决定边缘中存在的相临象素间的最小色调差别。当 设置为0时，所有象素间的对比度都将被加大，也就是说边缘路径已不存在， 整幅图象均被改变了。一般情况下，2至6之间的设定值能产生满意的结果。 　　 　　几点说明： 　　 　　只有当图象已经校正，并设定好最终输出尺寸及分辨率后，才进行图 象锐化。锐化的最佳设置是与尺寸和分辨率相关的，如果先锐化，再改变 图象尺寸，则放大的图象将会较模糊而缩小的图象会具有更高的对比度。 　　 　　锐化后尽可能设置输出的高光点和暗调点。锐化可能使对比度超出现 有的限制，引入多余的反射光或在阴影处损失细节。 　　 　　具备大量柔和光色过度的图象，如雾景；近距离拍摄的图象，如人物 特写等，与一般图象相比，所需的锐化程度较低。尤其是后者，为避免皮 肤上出现斑点或强调了容貌的缺陷，应将Threshold值设置得较高(4至6)，Radius 则设为较低值。 　　 　　大于15兆的图象，通常可以接受的锐化总量(Amount)可在250到450之 间。 　　 　　在CMYK图象中，大多数重要的轮廓和边缘都出现在K通道。所以，通常 只锐化黑色通道就可以使一幅彩色图象更加清晰。这种方法可以防止不可 预见的色彩改变。并且，在黑色通道中进行锐化还允许比一般的锐化程度 更高一些，不会有太大的副作用。 　　 　　你可以临时将图象转换成Lab色彩模式，然后在照度通道中加强对比度 和细节。在Lab模式下，照度通道控制对比度及明暗关系，而与颜色内容无 关，所以在这里锐化是很直观的。但当你从Lab转换到CMYK模式时，还须关 心分色参数问题，以确保不会出现比期望值过多或过少的黑色成分。关于 分色参数，我们会在别的文章中介绍。 ⊿返回　　将网易杂志推荐给您的朋友

网易公司版权所有 © 1997-2000