推荐阅读
关于矢量字体type1/TrueType/OpenType
矢量字体是与点阵字体相对应的一种字体。矢量字体的每个字形都是通过数学方程来描述的，一个字形上分割出若干个关键点，相邻关键点之间由一条光滑曲线连接，这条曲线可以由有限个参数来唯一确定。矢量字的好处是字体可以无级缩放而不会产生变形。目前主流的矢量字体格式有3种：Type1，TrueType和OpenType，这三种格式都是平台无关的。 Type1全称PostScript Type1，是1985年由Adobe公司提出的一套矢量字体标准，由于这个标准是基于PostScript Description Language(PDL)，而PDL又是高端打印机首选的打印描述语言，所以Type1迅速流行起来。但是Type1是非开放字体，Adobe对使用Type1的公司征收高额的使用费。 TrueType是1991年由Apple公司与Microsoft公司联合提出另一套矢量字标准。 Type1使用三次贝塞尔曲线来描述字形，TrueType则使用二次贝塞尔曲线来描述字形。所以Type1的字体比TrueType字体更加精确美观。一个误解是：Type1字体比TrueType字体占用空间多。这是因为同样描述一个圆形，二次贝塞尔曲线只需要8个关键点和7段二次曲线；而三次贝塞尔曲线则需要12个关键点和11段三次曲线。然而实际情况是一般来说 Type1比TrueType要小10%左右。这是因为对于稍微复杂的字形，为了保持平滑，TrueType必须使用更多的关键点。由于现代大部分打印机都是使用PDL作为打印描述语言，所以True1字体打印的时候不会产生形变，速度快；而TrueType则需要翻译成PDL，由于曲线方程的变化，还会产生一定的形变，不如Type1美观。 这么说来，Type1应该比TrueType更具有优势，为什么如今的计算机上TrueType反而比Type1使用更广泛呢？ 这是因为第一：Type1由于字体方程的复杂，所以在屏幕上渲染的时候，花费的时间多，解决方案是大部分Type1字体嵌入了点阵字体，这样渲染快，但是边缘不光滑，比较难看。很多PS文档和PS转换的PDF文档都是这样，在计算机上浏览的时候字体很难看，但是打印出来很美观。TrueType则渲染比较快，可以平滑的显示在屏幕上，看上去很美观。 第二个原因是Type1的高额使用费，使得Type1没有被所有的操作系统所支持。Windows家族只有OS/2和windows 2000及之后的版本从操作系统级别开始支持Type1。由于这个问题，Adobe只好在其所有的产品中嵌入Adobe Type Manager(ATM)作为渲染引擎。 OpenType则是Type1与TrueType之争的最终产物。1995年，Adobe公司和Microsoft公司开始联手开发一种兼容Type1和TrueType，并且真正支持Unicode的字体，后来在发布的时候，正式命名为OpenType。OpenType可以嵌入Type1和TrueType，这样就兼有了二者的特点，无论是在屏幕上察看还是打印，质量都非常优秀。可以说OpenType是一个三赢的结局，无论是Adobe，Microsoft还是最终用户，都从OpenType中得到了好处。Windows家族从Windows 2000开始，正式支持OpenType。打开系统的字体目录（一般是C:\Windows\Fonts\或C:\Winnt\Fonts），可以看到：一个红色A的图标的是点阵字体，两个重叠的T的图标是TrueType字体，一个O的图标就是OpenType字体。
学习PageMaker对齐与锁定对象和图像控制
用户可以按对齐对象之间的相互关系设置对齐命令，该命令可以使对象准确对齐或均匀地分布。对齐命令是基于多个对象的一条共用边或对象的中央执行调整的。当用户分散对象时，可以在对象相对的边缘间添加一个均等的间隔。（1）选中要进行对齐或分散的多个图像。选择“成分”→“对齐对象”命令，打开“对齐对象”对话框，如图4-16所示。图1-16 “对齐对象”对话框（2）在水平对齐按钮行中，若选中按钮，则不设置水平对齐方式；若选中按钮，可使选中的图像以其最左边图像的左边缘对齐；若选中按钮，可使选中对象以其最左边图像的左边缘及最右边图像的右边缘间距的中线为基准对齐；若选中按钮，可使选中的图像以其最右边图像的右边缘进行对齐。（3）在垂直对齐按钮列中，若选中按钮，可取消设置的垂直对齐方式；若选中按钮，可使选中图像以其最上部图像的上边缘对齐；若选中按钮，可使选中图像以其最上部图像的上边缘与最下部图像的下边缘之间间距的中线为基准对齐；若选中按钮，可使选中图像以其最下边图像的下边缘对齐。（5）若选中按钮，并在“竖向”选项组中选择“在边界内部均匀分布”选项，可在最左边图像的左边缘与最右边图像的右边缘之间，使图像的左边缘的水平间距相等；若选择“按固定空白量均匀分布”选项，并在“空白”文本框中输入数值，可使选中图像的左边缘以指定的量间隔。（6）若选中按钮，并在“横向”选项组中选择“在边界内部均匀分布”选项，可在最左边图像的左边缘与最右边图像的右边缘之间，使图像的右边缘的水平间距相等；若选择“按固定空白量均匀分布”选项，并在“空白”文本框中输入数值，可使选中图像的右边缘以指定的量间隔。
Flash MX实战精选：大变活人
实例说明 通过隐形按钮和电影片断的灵活应用，制作一个“大变活人”的flash特效。 有关知识 绘制图像、隐形按钮、电影片断(Movie Clip)的灵活应用。 制作过程 步骤1：打开Flash，建立一个新文件。按Ctrl+M键，将帧速度(Frame rate)设为30帧/秒，Dimensions设为450px*300px，背景颜色为#FFFFFF。 步骤2：使用flash的绘图工具绘制多个人物头像(一般5-7个即可)，也可先用其他矢量图工具绘制，然后导入Flash中，如图1所示。
3个技巧抓拍动感风景
风光摄影在很多人眼里是静态的、严谨的，而在摄影家眼中风景充满了动感和活力，通过作品让我们体会抓拍动感风景的经验。 一、利用天候，改变地形地貌的形象 在自然环境里，天候是最重要的变数：风起、云涌、雾 升、雨雪、闪电、飞虹。云雾的聚散是最常见也是变化最频繁的，它们和阳光的结合在大地上带来了投影和变化，甚至可以改变地形地貌在画面上的形象。 早晨我出去拍摄的时候，完全没有想到天际的云彩会突然亮开来。当看到雪山隐约地出现时，我甚至不知它到底是雪山还是白云。 远处的雪山隐现在云雾中，飘过的云层在地面上投下游动似浪的阴影，改变了地形地貌的视觉观感，画面建立在横向、不规律的色块和线条上，除了雪山和近处原野上阴影所表现的线条以外，其他色块的分界不是那么明显。为大地带来了梦幻的气氛。 画面建立在横向、不规律的色块和线条上，色块的分界不是那么明显，为大地带来了梦幻的气氛。 从云层中升起的雪山像通往天界的楼梯，为人们带来景仰、希望和遐想。同时把上部的彩云也纳入画面，它象征这条 “楼梯”的目的地。彩云为画面带来平衡感，如果没有它“拦”在上面，画面上半部就显得空荡荡。 二、运用线条和色块、考虑整体合成 景色与光影把画面分割成大小、形式不同色块，而其边缘就是线条。色块在画面上不同大小比例和安排以及线条的粗细、走向可带来不同效果。我们也要考虑到它们的整体构成， 使画面有一种连贯的整体感。 这张照片中吸引我的是云层的变化和它们在这片平静湖面上的倒影，带来一个瞬息而神奇的幻境。它让我体会到为什么藏民常把水里的景色看作是上天带来的启示。 我利用在山、云和水里的倒影形成的明暗、大小不同的色块来表现天地交汇所带来的动感。这些色块虽显随意，却有着韵律并充满画面，左上角的远山和右下角乌云的倒影不仅相互呼应，同时带来了平衡。 山、云和水里的倒影形成的明暗、大小不同的色块来表现天地交汇所带来的动感，左上角的远山和右下角乌云的倒影不仅相互呼应，同时带来了平衡。
最新发布
Dreamweaver 回退文件（Contribute 用户）
在启用 Adobe Contribute 兼容性后，Dreamweaver 会自动保存文档的多个版本。 注： 必须将 Contribute 与 Dreamweaver 安装在同一台计算机上。 还必须在 Contribute 管理设置中启用文件回退。有关详细信息，请参阅“管理 Contribute”。如果要回退的页面具有任何以前的版本，将出现“回退”对话框。
在 Dreamweaver 中取消遮盖所有文件和文件夹
您可以同时取消遮盖站点中的所有文件和文件夹。此操作无法撤消，因此无法重新遮盖先前遮盖的所有项。您必须逐一重新遮盖这些项。 如果要临时取消所有文件夹和文件的遮盖，然后重新遮盖这些项，则应禁用站点遮盖。 穿过文件夹和文件图标的红线消失，指示站点中的所有文件和文件夹都已取消遮盖。
Dreamweaver 遮盖站点中的特定文件类型
例如，您可以输入 .jpg 以遮盖站点中名称以 .jpg 结尾的所有文件。用一个空格分隔多个文件类型；不要使用逗号或分号。在“文件”面板中，显示一条红线穿过受影响的文件，指示它们已被遮盖。
在 Dreamweaver 中取消遮盖站点中的特定文件类型
取消选择“遮盖具有以下扩展名的文件”选项，以取消对框中列出的所有文件类型的遮盖。从框中删除特定文件类型，以取消这些文件类型的遮盖。红线从受影响的文件上消失，指示它们已取消遮盖。
Dreamweaver 遮盖和取消遮盖站点文件和文件夹
您可以遮盖特定文件和文件夹，但无法遮盖所有文件和文件夹或遮盖整个站点。遮盖特定文件和文件夹时，可以同时遮盖多个文件和文件夹。 一条穿过文件或文件夹图标的红线将出现或消失，指示该文件夹已遮盖或取消遮盖。
在 Dreamweaver 中启用和禁用站点遮盖
利用站点遮盖功能，您可以从“获取”或“上传”等站点范围操作中排除站点中的某些文件夹、文件和文件类型，在默认情况下，该功能处于启用状态。您可以永久禁用遮盖功能，也可以为了对所有文件（包括遮盖的文件）执行某一操作而临时禁用遮盖功能。当禁用站点遮盖功能之后，所有遮盖文件都会取消遮盖。当再次启用站点遮盖功能时，所有先前遮盖的文件将恢复遮盖。 注： 您也可以使用“取消所有遮盖”选项来取消所有文件的遮盖，但这不会禁用遮盖；而且除非对每个文件夹、文件和文件类型都重新设置遮盖，否则无法重新遮盖所有以前已遮盖的文件和文件夹。 选择“遮盖”>（取消选择即禁用）。选择“遮盖”>“设置”，打开“站点设置”对话框的“遮盖”类别。选择或取消选择“启用遮盖”，然后选择或取消选择“遮盖具有以下扩展名的文件”以启用或禁用对特定文件类型的遮盖。您可以在文本框中输入或删除要遮盖或取消遮盖的文件的后缀。
关于 Dreamweaver 中站点遮盖介绍
利用站点遮盖功能，您可以从“获取”或“上传”等操作中排除某些文件和文件夹。您还可以从站点操作中遮盖特定类型的所有文件（JPEG、FLV、XML 等）。Dreamweaver 会记住每个站点的设置，因此您不必每次在该站点上工作时都进行选择。 例如，如果您在一个大型站点上工作，并且您不想每天都上载多媒体文件，则您可以使用站点遮盖功能来遮盖您的多媒体文件夹。然后，Dreamweaver 将从您执行的站点操作中排除该文件夹中的文件。您可以遮盖远程或本地站点上的文件和文件夹。遮盖功能会从以下操作中排除遮盖的文件和文件夹：执行上传、获取、存回和取出操作生成报告查找较新的本地文件和查找较新的远端文件执行站点范围的操作，如检查和更改链接同步使用“资源”面板内容更新模板和库
网页排版应该考虑IE6的兼容性问题
下图是本站统计系统中访客详情中浏览器查看率，IE6占据百分之40多。虽然浏览器的种类很多，光一个IE就有IE5.5,IE6,IE7,IE8等多版本，在这众多的高版本中，IE6依然受大多数用户所喜欢，所以排版时候就不的不去考虑IE6的兼容问题，要不然会损失很多访问者。下面列举IE6中10个不得不注意的问题：1. 使用 DOCTYPE你需要在HTML页面的最顶部加上DOCTYPE类型，当然， strict版是值得推荐的，例如：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">或者, XHTML页面的!DOCTYPE：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">你最不想看到的是，IE6进入怪癖模式 – 其实已经够多怪癖了。2. 设置position: relative设置position:relative解决了不止一个问题，特别当需要设置对齐的时候。很明显，你需要明白的一点是，绝对定位是相对来说的。说不定，因为你没有设置，而不知道东西都飞到那去了。比如，你设计了每篇文章前都有一张图片，最后，你发现，只有一张图片在页面上，或许，是他们重叠了。3. 给浮动元素设置 display:inline 值这源于著名的IE6双倍外边距BUG，例如，你给一个DIV设计了浮动，并且，设置了margin-left:5px;，在IE6中很可能就是margin-left:10px了，这里，给浮动元素设置 display:inline；，即可解决问题。4. 为元素设置 hasLayout很多IE6（或IE7）的问题可以用设置hasLayout值的方法来解决。（如果你不知道hasLayout是什么，请看这里）最简单的给元素设置hasLayout值的方法是给加上CSS 的height或width(当然，zoom也可以用，但这不是CSS的一部分)。设置一个具体的值是推荐的，但有时候并不一定知道高度多少，这里，你可能会用到height:1%。如果父元素没有设置高度，那么元素的物理高度并不会改变，但是，已经具备hasLayout属性。5. 解决字符重复出现的问题复杂的布局可能导致一些浮动元素里面的文字，出现在清理浮动位置的下面。这是一个奇怪的问题，下面这此可以帮你解决：•确保浮动元素设置了 display:inline;•在浮动元素中使用 margin-right:-3px;•在浮动元素的最后一个元素后加上一个IE注释，例如： <!--[if !IE]>把你的注释放这里… <![endif]-->•在最后的元素中加上一个DIV(这以设置width 为90% 或者其他相似的高度)UPDATE: 最简单的方法是删除掉所有注释。（感谢恬玮儿的提示，我自己并没有遇到过，不过，google了一下，发现这个方法也可以解决，并且，这是值得推荐的一个方法。）你可以到positioniseverything.net中查看更多关于这个的解释。6.只在<a>标签中使用hover，IE6只支持<a>标签显示hover样式当然，你还是可以通过JS来解决这个方法。但是， 这关于到可访问性的问题。建议不要把重要的内容设置在利用JS来实现的hover中。7. 使用!important 或高级选择器来区分IE浏览器比如min-height可以避免使用CSS来实现对IE的兼容。#element { min-height: 20em; height: auto !important; height: 20em; /* 让IE6显示这个高度 */ }IE6 并不能正确地识别min-height，可以设置固定的高度，让IE6解析为20em。即使如此，它还是会因为内容的尺寸扩大而改变高度。而另一个方法是使用高级选择器：#element { min-height: 20em; height: 20em; } /* 忽略 IE6 */ #element[id] { height: auto; }8. 避免按比例确定的尺寸比例会让IE6变得错乱，除非你给父元素添加一个确切的高度。不然，给其他的加上!important，例如：body{ margin: 2% 0 !important; margin: 20px 0; /* IE6 可读 */ }9. 尽早测试，经常测试别忘记尽早测试，经常测试， 除非你的程度已经完成。不然，你可能花更多的时间来解决IE6的问题。一般情况下，如果你的网站能在IE6和firefox下良好表现，估计其他浏览器就不会有什么大问题了。10. 重构你的代码很多情况下，解决一个问题，可能比重构你的代码要花更多的时间。
网页设计初学者必看的30个网页制作秘笈
许许多多的网页新手正徘徊在专业编码的门槛前，而网上的教程参差不齐，鱼龙混杂，很容易让新手迷茫。这里总结了30条网页编码的“秘技”，只要在编码过程中牢记它们，灵活运用，你一定会写出一手漂亮的代码，早日迈入专业开发者的行列。在以往的页面源代码里，经常看到这样的语句： 也许过去我们可以容忍这样的非闭合标签，但在今天的标准来看，这是非常不可取的，是必须百分百避免的。一定要注意闭合你的标签，否则将无法通过验证，并且容易出现一些难以预见的问题。最好使用这样的形式：笔者早先曾加入过许多CSS论坛，在那里，如果有用户遇到问题，我们会建议他首先做两件事：1. 验证CSS文件，解决所有可见的错误2. 加上文档类型 DoctypeDOCTYPE 定义在HTML标签出现之前，它告诉浏览器这个页面包含的是HTML，XHTML，还是两者混合出现，这样浏览器才能正确的解析标记。
如何把PSD文件制作成XHTML+CSS文件
继上一篇教程，《Photoshop教程:设计一个博客界面图件》，现在我们来看看如何将这个概念设计转化为完整的由XHTML和CSS组成的标准网页。从PS里面将之前的设计稿从PS里面输出然后再加上编码，这样我们就会得到一个完整的博客设计。在上一个教程里面，我们创建了一个包含了所有框架，设计，色彩，拟议定的板式和基本内容的设计模型。 现在是时候让我们回顾一下之前的计划和概念设定来看看——哪些需要使用纯粹的xhtml和css，哪些需要使用到原来的图片。首先被导出的元素是大的背景图。隐藏掉其他所有页面的图层，然后选择大的背景图导出为web使用格式。 从第一印象上来讲，这个大图片很容易让人觉得他很大，所以体积会变的很大。但是事实上用jpg格式调整好质量质量之后这个文件仅仅才30K而已，这里需要你来拿捏文件的质量和整体的体积的平衡。（译者注：图片如果太大可以适当用高斯模糊来减少细节这样图片体积就会缩小点，一般来讲背景图不必使用特别清晰的底图，增加体积却又吸引眼球影响阅读。）