推荐阅读
PS抠图教程：如何完美抠出明暗不同且杂乱的细发丝
素材图片发丝非常杂乱，高光发丝与背光发丝较多，并且融合在一起，用单一一种方法很难抠出发丝。前期可以直接用通道抠出高光发丝;然后再用其它工具提取出暗部发丝。最终效果原图1、打开原图素材大图，按Ctrl + J 把背景图层复制一层，如下图。2、进入通道面板，来分析一下各通道。红通道高光部分的发丝非常清晰，不过左下角和右下角部分的发丝都是较暗的，并与高光发丝融合起来，用通道很难全部抠出。3、绿通道与红通道比较接近，只是高光发丝有点暗。
路径终极教程
版权声明：（作者赵鹏zhaopeng.net，所在论坛blueidea.com）此教程允许任意转载，允许用于商业印刷，不需经过作者同意，不需支付任何费用。但必须保证教程的完整性，同时注明本版权声明全部内容。 注：路径绘制方法同样适用于Illustrator 首先来简要介绍一下钢笔工具和路径的概念 1 钢笔工具属于矢量绘图工具，其优点是可以勾画平滑的曲线（在缩放或者变形之后仍能保持平滑效果） 2 钢笔工具画出来的矢量图形称为路径，路径是矢量的 3 路径允许是不封闭的开放状，如果把起点与终点重合绘制就可以得到封闭的路径 现在我们来绘制一个简单的路径 如下图在工具栏选择钢笔工具（快捷键P） 并保持钢笔工具的选项如图所示（在工具栏上方） 选择第二种绘图方式（单纯路径），并取消橡皮带功能 然后用钢笔在画面中单击，会看到在击打的点之间有线段相连 保持按住Shift键可以让所绘制的点与上一个点保持45度整数倍夹角（比如零度、90度） 这样可以绘制水平或者是垂直的线段（图中从第5个点开始按下了Shift键） 从上面的简单练习中我们得出两个规律： 1 我们并没有直接绘制线段，而是定义了各个点的位置，软件则在点间连线成型 2 控制线段形态（方向、距离）的，并不是线段本身，而是线段中的各个点的位置 记住两个术语：那些点称为“锚点”(anchor)；锚点间的线段称为“片断”(segment)。 刚才我们绘制的那些锚点，由于它们之间的线段都是直线，所以又称为直线型锚点。 现在我们来绘制曲线形锚点 如下图所示般，在起点按下鼠标之后不要松手，向上拖动出一条方向线后放手 然后在第二个锚点拖动出一条向下的方向线，以此类推，画出类似图示的路径 我们看到在绘制出第二个及之后的锚点并拖动方向线时，曲线的形态也随之改变 究竟曲线是怎样生成的，我们又该如何来控制曲线的形态呢？ 除了具有直线的方向和距离外，曲线多了一个弯曲度的形态 方向和距离只要改变锚点位置就可以做到，但是弯曲度该如何控制？ 如图在工具栏选择“直接选择工具”，注意是下方那个空心的箭头 假设我们刚才绘制的4个锚点分别是ABCD 用“直接选择工具”去点取位于AB之间的片断 会看到刚才我们绘制AB锚点时候定义的方向线 仔细看一下这两个方向线 再这样想象： 一个人要从A点到B点，在A点出发的时候，位于A点的其他人看到他是朝着上偏右的方向走的 而位于B点的人，看到他是朝着下偏右的方向来的 那么综合两地的观测结果。就可以得出这个人行走的路线：必定是一个类似锅盖的上弧形 现在我们选择如图的“转换点工具”，该工具用来修改方向线 然后如下图所示般改变AB锚点上的方向线，将会看到曲线弯曲度的改变 注意方向线末端有一个小圆点，这个圆点称为“手柄”，要点击手柄位置才可以改变方向线 结合刚才所作的比喻，就不难理解了： 1 修改B锚点方向线为下，相当于指定那个人从A点上方出发后，从B点下方进入，那么所走的路程就是一个S形 2 再修改A锚点方向线为下，相当于从A点下方出发，再从B点下方进入，所走的就是一个下弧形的路程 修改后的方向线如下图：
怎样解决DIV层被Flash动画遮盖问题？
就成了，我加完后在IE下问题是解决了，但是FF下好像没有反应，后来才知道IE中和FF加的代码是不一样的，如下： IE浏览器下可用 firefox下可用 关于wmode属性资料： (可选)允许使用 Internet Explorer 4.0 中的透明 Flash 内容、绝对定位和分层显示功能。此标记/属性仅在带有 Flash Player ActiveX 控件的 Windows 中有效。 "Window"在 Web 页上用影片自己的矩形窗口来播放应用程序。"Window"表明此 Flash 应用程序与 HTML 层没有任何交互，并且始终位于最顶层。 "Opaque" 使应用程序隐藏页面上位于它后面的所有内容。 "Transparent"使 HTML 页的背景可以透过应用程序的所有透明部分显示出来，并且可能会降低动画性能。 "Opaque windowless"和"Transparent windowless"都可与 HTML 层交互，从而允许 SWF 文件上方的层遮蔽应用程序。这两种选项之间的差异在于"Transparent"允许透明，因此，如果 SWF 文件的某一部分是透明的，则 SWF 文件下方的 HTML 层可以透过该部分显示出来，而"opaque"则不会显示。
“鱼眼”下的婚纱
关于旅行婚纱 我们主要的服务对象是对自己婚纱照有较为个性的要求客户，同时想去以往不曾到达的地方体验一番，拍摄留念的客人。关于旅行婚纱我们认为更多是拍摄一种状态和情绪，这是最真实自然的感受。所以对于造型，后期要求不会特别固化。反而对于旅行地点的选取有较高要求。喜欢拍摄清新自然的感觉的可以去东南亚海岛、三亚、鼓浪屿等。喜欢拍摄大气苍茫感觉的可以去新疆、内蒙、云南、西藏等。 鱼眼镜头中的世界 这几张作品拍摄于8月的新疆赛里木湖。用鱼眼镜头体现场景的宽阔，同时一些畸变可以产生有趣的效果。从画面中可以看到使用鱼眼镜头拍摄出来的效果非常显著，如果是一般的镜头恐怕很难拍出这样夸张的画面。用鱼眼镜头拍摄时最重要的是考虑如何利用畸变，我的经验是让人物尽量处于画面中部的位置，这样会使主体畸变不那么严重，而周围的背景则会呈现出比较有趣的效果。因为越接近画面边缘的线条，变形就越大，我通常会把地平线安排在画面边缘，就可以极大地夸张它的变形。这种特殊的画面很受新人的追捧。 摒弃流水线式的作业 一边旅行，一边拍摄，成本相对较高。因为摒弃流水线形式，同时去各地旅行拍摄的固有成本很高。但是市场反应不错，很多客户因为看到片子而联系我们，去他们想去的地方拍摄。从今年开始，我们已经拍摄了云南、西藏、新疆、内蒙等地。马上要开发东南亚和欧洲的旅行拍摄。 注：更多请关注摄影教程栏目，三联摄影群:182959594欢迎你的加入
最新发布
Dreamweaver CS4 初步体验
新的界面设计非常让人兴奋页面内链接进来的css和js文件都可以在这里选择并进入编辑.代码检查(Code Inspector)功能可以让你非常方便的在设计视图中进行代码修改各种窗口都可以以图标方式在右边显示,需要时再调用出来,节省了不少空间各种工作区域还可以很方便的切换现在可以更方便的为元素来控制和删除样式
overflow解决float浮动后高度自适应问题
也许你在做网页的时候发现，发一个区块内的元素被应用了float之后，那么整个box的高度对就不以被浮动对象的高度为标准了。如图中的城市导航内的城市列表中采用了float之后，那个外框的高度并不是内容元素的高度：怎么解决这个问题呢？经发现可以采用overflow来解决！方法是在父元素加上 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>float浮动之后的问题</title> <style> * { padding:0; margin:0;} body { font-size:12px; line-height:150%;} ul { list-style:none;} .container { width:700px; margin:0 auto;} .header, .footer { height:60px; background:#99CC66; margin-bottom:6px; font-size:18px; font -weight:bold;} .main {} .left { float:left; width:200px;} .sidepanel { border:1px solid #CC6600; margin-bottom:8px;} .sidepanel h2 { font-size:12px; background:#CC6600; height:24px; line-height:24px; text- indent:20px; color:#fff;} .city { padding:6px 0px; overflow:auto; zoom:1;} .city li { float:left; width:35px; text-align:center;} .right { margin-left:200px; background:#CCCC66; height:240px;} .hotinfo {padding:6px;} .clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;} </style> </head> <body> <div class="container"> <div class="header">header</div> <div class="main"> <div class="left"> <div class="sidepanel"> <h2>城市导航</h2> <ul class="city"> <li>北京</li> <li>上海</li> <li>天津</li> <li>南京</li> <li>广州</li> <li>重庆</li> <li>济南</li> <li>杭州</li> <li>郑州</li> <li>北京</li> <li>上海</li> <li>天津</li> <li>南京</li> <li>广州</li> <li>重庆</li> <li>济南</li> <li>杭州</li> <li>郑州</li> </ul> </div> <div class="sidepanel"> <h2>热门文章</h2> <ul class="hotinfo"> <li>本月20日起入境日本须留指纹</li> <li>本月20日起入境日本须留指纹</li> <li>本月20日起入境日本须留<font color="#43FF73">指纹</font></li> <li>本月20日起入境日本须留指纹</li> <li>本月20日起入境日本须留指纹</li> <li>本月20日起入境日本须留指纹</li> <li>本月20日起入境日本须留指纹</li> <li>本月20日起入境日本须留指纹</li> <li>本月20日起入境日本须留指纹</li> </ul> </div> </div> <div class="right">右侧内容</div> </div> <br class="clearfloat" /><!-- 用于清除浮动的元素 --> <div class="footer">footer</div> </div> </body> </html> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
站点的CSS样式表管理规划经验总结
引子：彻底放弃表格布局，使用xhtml+CSS建站也已经有一年多了。一年多的实践也积累了一定的经验，现在写这篇文章来总结一下。在使用xhtml+CSS建站的过程中有一个比较关键的问题：网站的CSS样式表规划与管理。我的CSS管理进化史在最初使用CSS来控制网站样式的时候，并不清楚CSS管理规划之类的东西，所写的CSS基本上都是按照需要，随时添加，刚开始还不觉得有什么不好，但是后来越加越多，越改越乱，虽然有一些注释，但到最后还是变得让我自己看着都头疼。那个时候，一个网站所有的CSS都在一个文件中，没有规划，并且排序也没多少规律，于是只能在html页面中找到class的名称，然后在上千行的css代码中搜索自己想要的那个。过了一段时间，思考总结之后，我对站点的CSS样式表进行了初级的规划。在样式表中初步划分了三个区域：base 样式表layout 样式表class 样式表其中“base 样式表”用来描述一些公共性的东西，比如全局性的body、a样式等；“layout 样式表”用来描述具有唯一性的id布局，属于整个页面的框架式布局；“class 样式表”用来描述剩下的class类的样式，这类样式分为可复用样式和通常只在特殊页面出现一次或几次的样式。按照这种方法布局的确提高了不少的效率，但这种方式只适合中小型网站，在大型网站上应用还是略显单薄，至少在多人协作的时候并不能达到最佳效率。于是就有了下面总结的较完善的CSS管理规划模式。较完善的CSS样式表管理模式step1：个人或者团队需要将主要页面的布局用DIV图的模式按层次画出来，这个DIV图就是在设计原型的基础上，将页面中的主要模块使用的ID名、class名标注出来，方便建立维护文档以便将来进行修改与升级。step2：划分CSS结构，建立全局css及各模块css。在html页面中引用全局css，在全局css中引用各模块css。
dreamweaver cs3 图文教程之创建博客blog程序(一)
说明：这篇教程所使用的工具是dreamweaver cs3，服务器技术是iis+asp+Vbscript，有一点css的使用。其他的东西没有。 呆呆，2008年7月2日。 原来一直没用过dreamweaver来做网站，也不知道的dw的妙处，这段时间恰好帮朋友做一个网站，拿dw来练手，有所斩获，就形成了这篇教程。水平有限，仓促成文，不当之处，望看客海涵。呆呆做东西，基本是从兴趣出发，所以可能讲述起来没有大师之条理，拿捏水平就请大家抱着批评的态度，剔除糟粕吧。本文阅读对象：菜鸟，对网页设计的认识程度刚入门的朋友。高手就免了吧。还有，对css有一定的帮助。标准化正好前段时间也学了学，用dw玩css还真是比较顺手呢。开始了。关于IIS的架设与设置，就不多讲了。XP就下个iis5吧。点此下载：http://www.gougou.com/search?search=iis5%E5%AE%8C%E6%95%B4%E5%AE%89%E8%A3%85%E5%8C%85&id=1
如何在Adobe Dreamweaver CS3中连接ACCESS数据库
在Dreamweaver CS3中选择窗口-数据库-自定义连接字符串，出现如下图的设置窗口。在连接名称中输入“conn”，复制如下代码在连接字符串中。"Driver={Microsoft Access Driver (*.mdb)};DBQ=D:\web\Data.mdb" 这里说明一下，“D:\web\Data.mdb”就是你的数据库所在路径和名称。输入完成后点击测试按钮进行连接测试。如下图：弹出“成功创建连接脚本”就表示数据库连接成功。当测试成功Dreamweaver CS3会在你的站点目录下生成一个名为“Connections”的文件夹。文件夹里面就存放着名为“conn.asp”的数据库连接文件。该文件的源代码如下：<% ' FileName="Connection_ado_conn_string.htm" ' Type="ADO" ' DesigntimeType="ADO" ' HTTP="false" ' Catalog="" ' Schema="" Dim MM_conn_STRING MM_conn_STRING = "Driver={Microsoft Access Driver (*.mdb)};DBQ=D:\web\Data.mdb" %>
如何在Dreamweaver CS3中建立多条件筛选的记录集
但是有时候我们需要建立一些双筛选条件或者多筛选条件的记录集。那么建立这样的记录集在Dreamweaver CS3改如何建立呢？其实我们可以在Dreamweaver CS3的简单模式下先建立选定筛选条件，比如上图的建立方式。然后我们单击高级按钮。如下图然后我们在数据库项中选中要筛选的另一个字段，单击”WHERE“。加入到SQL查询框中，如下图然后我们在手动输入筛选条件。如下图这样我们就在Dreamweaver CS3建立好了一个即筛选URL参数又筛选YN判断的一个记录集。同样的道理大家可以在Dreamweaver CS3中创建更加复杂的查询记录集。
第一章：在WINDOWS XP中安装IIS管理器
2.然后我们双击“添加或删除程序”将出现设置面板，在设置面板中我们单击“添加/删除WINDOWS组件”，将出现WINDOWS组件向导。如下图： 3.在WINDOWS组件向导中你将会看到“Internet 信息服务(IIS)”的复选框。如果该图选框是选定状态，那么就说明你的系统已经安装了IIS。如果是非选定状态，那么你就必须选定然后单击“下一步”进行安装。如下图： 4.系统将会自动进行安装IIS。如下图： 5.安装完成后将会出现提示，单击“完成”即可。如下图 6.安装完成后你将会在“控制面板”-“管理工具中”看到Internet 信息服务。如下图： 7.双击打开Internet 信息服务就能看到它的工作界面了。如下图： 到此，Internet 信息服务的安装任务也就完成了。大家可以在自己的电脑中试着安装看看。
Dreamweaver CS3 最新功能描述
随着Adobe Dreamweaver CS3的预销 我们开始了新一轮的Dreamweavr学习，那么让我们先了解下Dreamweaver CS3都有哪些新功能： 适合于 Ajax 的 Spry 框架 使用适合于 Ajax 的 Spry 框架, 以可视方式设计、开发和部署动态用户界面。 在减少页面刷新的同时, 增加交互性、速度和可用性。 Spry 数据 使用 XML 从 RSS 服务或数据库将数据集成到 Web 页中。集成的数据很容易进行排序和过滤。 Spry 窗口组件 借助来自适合于 Ajax 的 Spry 框架的窗口组件, 轻松地将常见界面组件 (如列表、表格、选项卡、表单验证和可重复区域) 添加到 Web 页中。 Spry 效果 借助适合于 Ajax 的 Spry 效果, 轻松地向页面元素添加视觉过渡, 以使它们扩大选取、收缩、渐隐、高光等等。
Dreamweaver CS4中文版使用小结（初步印象）
Dreamweaver CS4官方的正式正文版本发布有几天了，站长第一时间下载测试使用了，到目前为止准备对Dreamweaver CS4来个初步的使用小结。Dreamweaver CS4中文版这次发布可谓遮遮掩掩，咋一去官方网站一看，发现下载列表中并没有提供简体中文版本下载，本来以为这次Dreamweaver CS4和Dreamweaver CS3一样不单独提供简体中文版本下载了，但是后来经过网友提醒才知道原来下载韩文版本中就包含了简体中文和繁体中文。（靠！也太隐晦了，ADOBE装B也装的太无聊了。）赶紧下载安装后，下载和以前不一样，需要一个下载插件才能下载，这可能是官方考虑文件比较大，为了解决断点续传的问题吧。下载回来的Dreamweaver CS4还是和CS3一样，安装前先解压，文件同样巨大，同样集成了N多ADOBE的附加软件（这点我极度鄙视，这和流氓软件没区别）。这次比Dreamweaver CS3人性化了一些，可以选择不安装其他的附加组件。安装完后启动界面一看，我靠，还真郁闷，1024的分辨率下，菜单变两行了，回头一看官方的推荐配置才知道原来推荐的最低分辨率是1280*800。我靠，难道1024*768的显示器现在就是古董了？？我郁闷啊。没办法，紧凑点就紧凑点吧，将就这用一下，谁叫咱手贱爱尝鲜呢。过了好一会儿才适应了Dreamweaver CS4的新工作界面，感觉1024下怎么用都不爽，哎，郁闷啊，看来要攒钱换大显示器了。用来用去，发现Dreamweaver CS4和Dreamweaver CS3相比真的没新增啥令人激动的功能，Spry工具条中多个工具提示，Spry数据集换了个操作查询界面，多了个CSS属性面板，多了个什么实时试图（实际上俺用不到这个功能）。我靠，最令我郁闷的是默认的帮助都是在线阅读的，需要在窗口-扩展-连接面板里设置离线才能使用本地帮助文件（郁闷的是本地帮助文件不是最新的）。哎，看来又被忽悠了，忍忍吧，谁叫人家是巨头垄断呢，再郁闷也得用人家的软件不是。细细的看了一下Dreamweaver CS4的服务器行为，哎！不出所料，万年不变，还是Dreamweaver 4.0时期的那几个服务器行为。郁闷啊，有时候我真想不通ADOBE为什么就不想象扩充一下Dreamweaver CS4的服务器行为，让Dreamweaver CS4变成一个准IDE也好啊。郁闷！没服务器行为就没吧，咱忍了，看看插件API接口有没有换，能不能兼容老的Dreamweaver插件。打开插件API的在线帮助一看，我靠，还真做了些变动，好在重要的几个API调用方式都变，还好，估计能兼容大多数老版本的插件。这也算不幸中的万幸了，二话不错，赶紧安装几个老版本的插件看看，安装是后试试，嗯~~~！还不错，能兼容大部分的服务器行为插件（只要没自己搞API的外链JS都能兼容），赶紧试着自己开发几个简单的插件试试，三下五除二开发了几个Dreamweaver CS4下使用的插件，发现还行，挺稳定的。总体来说这次Dreamweaver CS4变动不大，没有让人激动的新功能，但是就冲官方这次单独发布了简体中文的版本下载也要支持一下。以后本站的教程将都使用Dreamweaver CS4来作为教学演示环境，大家记得升级。下面贴几张Dreamweaver CS4的新功能的截图，大家自己看看理解理解，尝尝鲜。
Dreamweaver CS4新功能全接触
这次Dreamweaver CS4的界面几乎是做了一次脱胎换骨的改进，从中看到了更多的设计元素，让DW也稍稍带着点苹果的味道。如果说VISTA和OFFICE 2007创造了软件界面设计的新纪元，那么Adobe相当于取代了苹果的设计地位而紧随MS之后。唯一的区别就是，MS老是抄人家苹果的（汗一个，微软的Fans别砸我），而Adobe却是实实在在的自己创造，设计界的老大地位实至名归…… 从下图可以看到，DW CS4给菜单增加了三个平级下拉按钮，他们分别是布局、DW扩展和站点管理器。 布局按钮：这个按钮似乎和下方的代码、分割、设计按钮功能重复，目前还不明白DW的意图，唯一增加的新功能是垂直分割，让代码和设计界面以垂直对比的方式呈现。图2 DW扩展：图3 站点管理器：图4