推荐阅读
Photoshop调出古典唯美效果图的外景婚片调色
案列对比图：左为原片，右为效果图1、[注：一直不厌其烦的讲复制背景层，不要在背景层上修改]。复制背景层，生成新的背景层，而后复制背景层生成图层1，修改混合模式为滤色，操作目的：提亮。2、创建“色相/饱和度”调整层，设置参数如下：3、创建“渐变映射”调整层，操作布草如下：
插画艺术网
本实例以造型优美的、抽象的花朵形象和渐变的、绚丽的花朵色彩，来表现插花艺术网页页面的设计主题。该设计效果强烈，点、线、面、色彩和图形的组合运用是构成网页的装饰要素。紫红色的运用为画面增添了浪漫气息。如图11-40所示，为本实例的完成效果。图11-40 本实例完成效果在本实例中所设计的内容与主题相符，体现插花这门艺术的优美与浪漫。协调的处理色彩与其他设计要素之间的相互关系，增强网页的信息和情感传递效果，使人们在浏览的时候产生共鸣。在制作过程中主要采用绘制路径、描边路径来绘制图像，使用“画笔”工具来修饰图像的颜色，更改图像的混合模式使两幅图像叠加起来，能得到更加丰富的图像效果。如图11-41所示，为本实例的制作流程。图11-41 本实例制作流程（1）启动Photoshop，执行“文件”→“新建”命令，参照图11-42所示对打开的“新建”对话框进行设置，创建一个名为“插画艺术网”的新文档。图11-42 设置“新建”对话框（2）单击“图层”调板底部的“创建新图层”按钮，新建“图层 1”，然后使用工具箱中的“矩形选框”工具，参照图11-43所示在视图中绘制一个矩形选区。
CSS兼容IE6,IE7,FIREFOX的一些收集
第一种，是CSS HACK的方法height:20px; /*For Firefox*/*height:25px; /*For IE7 & IE6*/_height:20px; /*For IE6*/注意顺序。这样也属于CSS HACK，不过没有上面这样简洁。#example { color: #333; } /* Moz */* html #example { color: #666; } /* IE6 */*+html #example { color: #999; } /* IE7 */第二种是使用IE专用的条件注释<!--其他浏览器 --><link rel="stylesheet" type="text/css" href="css.css" /><!--[if IE 7]><!-- 适合于IE7 --><link rel="stylesheet" type="text/css" href="ie7.css" /><![endif]--><!--[if lte IE 6]><!-- 适合于IE6及一下 --><link rel="stylesheet" type="text/css" href="ie.css" /><![endif]-->第三种css filter的办法，以下为经典从国外网站翻译过来的。.新建一个css样式如下：#item { width: 200px; height: 200px; background: red;} 新建一个div,并使用前面定义的css的样式：
最新发布
Dreamweaver MX 动态建站数据库路径的使用方法
一，不推荐使用Server.Mappath(相对文档路径地址的数据库文件)虽然具有平台移植性，但对于不同层次，不同深度下的引用该数据库的文件，将不能完整地保证数据库路径的正确性。举个例子：1，数据库文件cnbrUCe.mdb，所在文件夹database（可http访问）2，DW自动生成的连接数据库文件conn.asp，所在文件夹Connections3，如果在DW中测试连接路径成功，则必须输入地址为Server.Mappath("../database/cnbruce.mdb")但随后引用该数据库连接的文件必须保存在某文件夹中，该文件夹和database是同等的即：- database- cnbruce.mdb- Connections- conn.asp- 某文件夹- x1.asp这种结构才能使用正常。但这就必须要求站点中，所有引用了连接数据库文件的文件，必须存放在站点的一级目录下。显然这是不合理的，比如这样的结构。- x2.asp- database- cnbruce.mdb- Connections- conn.asp- 某文件夹- 某子文件夹- x3.asp则x2.asp和x3.asp均不能正常显示。原理分析：无论conn.asp放在哪里，无论conn.asp的内容如何，最后都是取决于引用了conn.asp的文件的文件位置和数据库的位置关系。具体解释： http://www.cnbruce.com/blog/showlog.asp?cat_id=26&log_id=423 解决办法：在conn.asp中进行判断当前路径，根据不同级别值给出不同链接路径……对于初学者来说，麻烦。第二种解决方法就是采用相对根目录法，但也是不推荐使用。二，不推荐使用Server.Mappath(相对根目录路径的数据库文件)使用这种方法，首先需要将IIS默认站点调整到当前DW站点所在文件夹（XP系统），或建立一个站点指向该文件夹（2K等系统）。反正一句话，就是当你输入 http://localhost/ 时，显示的内容已不是默认的IIS首页，而是你所设置的DW站点文件夹中的默认首页文档。那么在设置了该IIS站点之后1，数据库文件cnbruce.mdb，所在文件夹database（可http访问）2，DW自动生成的连接数据库文件conn.asp，所在文件夹Connections3，如果在DW中测试连接路径成功，则输入地址为Server.Mappath("/database/cnbruce.mdb")/database/cnbruce.mdb 该方法就是相对根目录，高屋建瓴式的进行数据库路径的获得，无论哪个层次的，哪个目录下的站点文档均能正常显示。但依然不推荐！原因如下：在本地你可以自行修改IIS的站点，当上传到服务器或虚拟主机时，麻烦就来了。1，如果你的虚拟主机服务商技术不过关，当在解析你网站根目录的时，不是指向到你的站点文件夹，而是指向服务器系统盘下的wwwroot文件夹。于是路径肯定错误。2，如果你需要上传的并不是你的站点根目录，很显然，路径也肯定会发生解析错误。所以，不推荐・！那么，该怎么办？三，推荐使用Server.Mappath(本地绝对物理路径的数据库文件)很简单，这个数据库在本地你总会知道它所在的位置吧。在DW中创建时就直接使用该绝对物理路径地址。OK，来上传了。当然不可能那么巧：上传到服务器上的数据库物理路径地址和本地数据库物理路径地址是一样的-__-!所以，现在只需要获得上传到服务器空间上的数据库文件，在服务器上是处于什么物理地址就行了。怎么获得？1，建立一个path.asp文件，内容很简单<%=server.mappath("cnbruce.mdb")%>2，该文件和数据库文件cnbruce.mdb，共一文件夹，捆绑式一同上传。3，在URL地址栏查看path.asp，得到cnbruce.mdb在服务器上的物理地址，拷贝该路径。4，将本地的conn.asp中的物理路径，替换后再上传。一切OK！特点：1，虽然平台移植不很强，但全面支持所有站点中文件连接，况且也就是本地和服务器间两者间的移植。2，防止%5c暴库间接获得数据库地址。3，现在越来越多的空间建议将数据库文件放放到非Web访问目录中（当然具体的路径获得又是另外一种方法了），这就必须要求用户使用物理路径了。所以，我的观点是：Dreamweaver MX 动态建站数据库路径的使用方法：本地使用物理地址，上传服务器依然使用物理地址。
在DreamWeaver中应用CSS样式表技巧两则
一、 去除超级链接的下划线以及在超级链接上实现鼠标悬停变色： 在默认情况下，用DreamWeaver设计的网页中的超级链接都有下划线，看上去不大美观。要去除这些讨厌的下划线,很多报刊介绍的方法都是在HTML源代码中手工加入一段代码，其实在DreamWeave中很容易去除链接的下划线。首先在DreamWeaver的Document Windows中随便建立一个链接，你可以看到这个链接会有下划线。怎样去除这条下划线呢？ 1.在点击菜单栏上的"Text""Css Styles" "Edit Style Sheet…"(或者直接按快捷键Ctrl+shift+E),调出Edit Style Sheet（编辑样式表）对话框窗口。 2.点击"New (新建)"，然后在"New Style （新样式）"对话框中，点击"Use CSS Selector"按钮。 3.在Selector栏中键入a, 然后点OK。 4.随后弹出"CSS 样式定义"对话框，在Type类的decoration(装饰)中，勾选none，然后点OK，再点Done。你将立刻在Document Windows中发现链接的下划线已经消失了。那么又怎样实现当鼠标悬停在链接上时链接变色呢？重复上述步骤中的的第一、第二步。然后点选Selector旁的下拉箭头，选择"a:hover",再点OK。在随后弹出的 "Style definition for a: hover"对话框中，在Type类的color中任意选择一种颜色（比如选择红色），然后点OK，再点Done便完成了。按F12预览，将鼠标放在链接上，该链接是不是变成了红色？如果在刚才的"Style definition for a: hover"对话框中，在Backgroud（背景）类里，选择backgroud的颜色为绿色，那么当你把鼠标放在超级链接上时，不但链接会变成红色，而且还会有绿色的背景。事实上，通过刚才的CSS 样式定义对话框，你还可以实现更多的特殊效果，有兴趣的朋友不妨去好好琢磨一下。 二、创建可反复使用的外部CSS样式表 用DreamWeaver在某网页中创建了一种CSS样式后，如果你要在另外的网页中应用该样式，你不必从新创建该CSS样式，只要你创建了外部CSS样式表文件（external CSS style sheet），你便可以在今后任意调用该样式表文件中的样式。为了便于管理，先在站点所在文件夹中，新建一个文件夹，取名为CSS，专门用于放置外部样式表文件（其扩展名为css）。 1、在Document Window中按Ctrl+shift+E，调出Edit Style Sheet（编辑样式表）对话框窗口 2、点击"link"。 3、在弹出的Link External Style Sheet(链接外部样式表)对话框，点BROWSE，找到刚才创建的CSS文件夹。 4、在Select Stylesheet File (选择样式表文件)窗口"文件名"栏中，键入*.css (*可以为任意名)，请注意，事实上此时在CSS文件夹中并无样式表文件，在"文件名"栏中键入的新名字将成为外部样式表新文件的名字。比如键入title.css，,然后点Select OK。 5、在Edit Style Sheet（编辑样式表）对话框窗口中，会新增加 title.css (link), 双击它。 6、在弹出的"title.css"窗口中，点"New"。 7、在"New Style"对话框中，点选"Make Custom Style (class)"按钮 8、在Name栏中键入某个名字，如myheadline,点OK。 9、在接下来的"Style definition for .myheadline in title.css"对话框中，进行字体、颜色等各种设置，完成后点OK。如还要创建新的样式，再点"New",重复刚才的步骤6、7、8、9，最后点"save" "done",于是title.css这个外部样式表文件便创建好了。菜单栏上的"TEXT" "CSS Styles"子菜单中将会列出title.css中的所有样式。如要在其他网页中调用这个title.css，只需重复上述1至3步，然后在Select Stylesheet File窗口"文件名"栏中输入title.css。点"select" "ok" "done", title.css中所有的样式便会出现在该网页菜单栏上的"Text" "CSS Styles"子菜单中，你将可以在此网页中应用这些样式。
Fireworks制作妇女节主题宣传动画
我们以这个妇女节为主题宣传动画表达衷心的祝福，愿全世界的女性都能够美丽自信、幸福美满。 在下面的例子中，我们通过具体的Fireworks的实例为即将到来的三八妇女节献上一个精美的礼物。我们首先使用Fireworks的矢量路径工具如矩形、笔触、路径等勾勒出一个卡通的女性形象。为了使得形象更加具有生动感，我们可以为图像添加一定的动画效果，从而制作出一个GIF动画，为三八增加一些趣味和色彩，同时我们能够对Fireworks的帧、动画等功能加以熟悉，在这里以妇女节为主题设计的一幅动画来表达我们衷心的祝福，愿全世界的女性都能够美丽自信、幸福美满。文章末尾提供原文件供大家下载参考。 1、首先在Fireworks中新建一个大小为400×400的画布，在这里我们将画布颜色自定义为红色，如图1所示。 图1 新建红色画布 2、在这里我们要绘制的是一个拥有迷人的脸蛋，卷曲的长发，丰满的身材的漂亮女人。首先来绘制圆圆的脸蛋，只要绘制一个椭圆，使用钢笔工具增加一些锚点，然后用部分选定工具对锚点进行形状调整就可以了，由于脸蛋的很大一部分都要被头发挡住，对其形状的要求可以放低。设置填充颜色为#FFEEDA，笔触颜色为黑色，柔化圆形，大小为2，如图2所示。 图2 绘制圆圆的脸蛋 3、脸蛋画好了，就要绘制弯弯曲曲的长发了，因为有着一头卷曲长发的女人最为动人，但同时卷发的绘制会相对复杂一些，使用前面的方法对绘制的各种形状（可以根据需要自由选择圆形、矩形中的一种进行初步绘制）进行自由变形，从而勾勒出头发的基本形状，如图3所示。 图3 绘制卷曲头发的轮廓 4、为了让头发有高光的效果，从而显得更加有层次，我们可以在这个基础上添加一些曲线和较深一点的颜色，其中较深颜色的区域也是由矩形或者椭圆等规则形状进行变化得到的，最终得到如图4所示的效果。
巧妙运用DW进行网页制作技巧
巧妙运用DW进行网页制作技巧――熟悉网页设计的网友就知道，调用Style的方法很多，我们可以单击鼠标右键选择Custon Style来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。 1、灵活运用样式 熟悉网页设计的网友就知道，调用Style的方法很多，我们可以单击鼠标右键选择Custon Style来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。比如用Custon Style来调用Style标准，在网页代码中就生成一个〈span〉标签，这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度，所以我们应尽量使用状态栏中的元素列表来调用Style。 2、活用Format Table命令 在复杂的网页设计中，表格的应用是最多的，因为利用表格可以自由地控制文本和图象在网页上出现的具体位置，从而使整个网页看上去紧凑统一。Dreamweaver在这方面也不甘落后，我们可以使用其中的“Format Table”(格式化表格)命令来快速地对表格应用预先设计好的样式。要使用预先设计好的样式，先将光标置于表格的任意一个单元格内，再选择“Command”→“Format Table”命令， 在随后出现的对话框中，从左边的列表中选择一个设计方案。按“Apply” 键来查看效果，如果不满意的话，还可以重新设置或者修改部分参数的值，如边界粗细，背景颜色等等。 3、同时链接到两个网页 我们都知道超级链接一次只能连到一个页面。如果我们要想一次在不同的框架页中打开文档，可以使用“Go To URL”javascript 行为。打开一个有框架的网页，选择文字或图象，然后从行为面板中选择“Go To URL”。我们会注意到Dreamweaver会在“Go To URL”对话框中显示所有可用的框架。选择其中一个我们想链接的框架并输入相应的URL后再选择另一个框架并输入另一个URL。 4、不给文件起中文名称 大家在制作好了网页后，通常会给网页起一个具有代表性的中文名称，一来能使人一看文件名就能大概了解文件所包含的内容，二来能够方便各个超级链接之间的相互调用。但如果你在Dreamweaver中这样做，就会发现Dreamweaver对中文文件名支持得不是太好，经常会有页面调用不正确的现象发生，所以我们以后在Dreamweaver中保存网页的时候，尽量用英文或者数字作为文件名称，这样就可以避免上面的出错现象。 5、巧妙设置字体分辨率
Dreamweaver MX 2004的一句话技巧
1、从外部文档中粘贴时，如果不想要其格式，只要文字，可以使用“Edit->paste as text”命令，而不要直接Ctrl+V。 2、“Command->Add/Remove Netscape resize fix”是一个很有用的命令，它可以使在NC4.0中浏览页面时，改变窗口大小的时候页面不会花掉。 3、所有的head元素不可成为库组件，所有元素在被insert library时，其head关联属性被去掉，如style、Css属性。 4、library组件和template模板不用上传服务器，就可以正确预览使用了该组件或模板的页面。 5、使用“check plugin”behavior来确定访问者浏览器是否安装flash插件，有时候会判断失误，比如明明装了插件却报告没有安装。最好在flash的publish里面设置清楚，而不是简单的输出成.swf文件。 6、不要在同一个页面同时使用表格和层来布置，在Netscape中会导致混乱，从属关系除外。 7、使用层的时候最好定义为div标签而不是layer，因为前者在两种主流浏览器都有很好的 兼容性。 8、在用图片制作热区链接时，最好给热区命名，防止有时只能在图片上画出直线。 9、当我们将框架结构建立好后，可以将此框架体文件和Site窗体并排放置，然后从Site中选择网页文件拖放到相应的框架中。这适用于框架比较复杂的页面。
修改注册表解决Dreamweaver乱码问题
Dreamweaver中出现乱码，大致为两种情况: 一是没有标明主页制作所用的文字，这种情况下很简单就可以解决，加上说明即可。 二是你新加装了字体，（诸如文鼎酷字体之类），这样你每次新建一个网页，都要调整一次，非常麻烦。那么你可以用下面的方法解决。 请先备份注册表，退出运行中的Dreamweaver。 1.运行regedit.exe。 2.找到HKEY_CURRENT_USER/SOFTWARE/MACROMEDIA/DREAMWEAVER 4/FONT PREFERENCES 接下来有2个方案: 简便方案: 双击Number Encodings，把数值b改成c(十进制的11改成12);退出regedit，进入Dreamweaver，现在你就可以随意地选择PROPOTIOANL，FIXED FONT，CODE INSPECTOR的字体和文字大小了!
用Fireworks快速调整人像照片色调
说起照片处理大家就会想到Photoshop，其实Fireworks中也有很多工具可以帮助我们快速调整照片色调。 下面我们介绍详细的调整步骤。 在Fireworks中打开一张我们准备处理的图片：
Dreamweaver网页设计制作技巧与提高
1、灵活运用样式 熟悉网页设计的网友就知道，调用Style的方法很多，我们可以单击鼠标右键选择Custon Style来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。比如用Custon Style来调用Style标准，在网页代码中就生成一个〈span〉标签，这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度，所以我们应尽量使用状态栏中的元素列表来调用Style。 2、活用Format Table命令 在复杂的网页设计中，表格的应用是最多的，因为利用表格可以自由地控制文本和图象在网页上出现的具体位置，从而使整个网页看上去紧凑统一。Dreamweaver在这方面也不甘落后，我们可以使用其中的“Format Table”(格式化表格)命令来快速地对表格应用预先设计好的样式。要使用预先设计好的样式，先将光标置于表格的任意一个单元格内，再选择“Command”→“Format Table”命令， 在随后出现的对话框中，从左边的列表中选择一个设计方案。按“Apply” 键来查看效果，如果不满意的话，还可以重新设置或者修改部分参数的值，如边界粗细，背景颜色等等。 3、同时链接到两个网页 我们都知道超级链接一次只能连到一个页面。如果我们要想一次在不同的框架页中打开文档，可以使用“Go To URL”javascript 行为。打开一个有框架的网页，选择文字或图象，然后从行为面板中选择“Go To URL”。我们会注意到Dreamweaver会在“Go To URL”对话框中显示所有可用的框架。选择其中一个我们想链接的框架并输入相应的URL后再选择另一个框架并输入另一个URL。 4、不给文件起中文名称 大家在制作好了网页后，通常会给网页起一个具有代表性的中文名称，一来能使人一看文件名就能大概了解文件所包含的内容，二来能够方便各个超级链接之间的相互调用。但如果你在Dreamweaver中这样做，就会发现Dreamweaver对中文文件名支持得不是太好，经常会有页面调用不正确的现象发生，所以我们以后在Dreamweaver中保存网页的时候，尽量用英文或者数字作为文件名称，这样就可以避免上面的出错现象。 5、巧妙设置字体分辨率 我们在制作网页的时候，经常有这种体会，那就是制作好的网页在本地计算机上浏览时很正常，但在另外一台计算机上浏览时发现原本漂亮的网页变得歪歪扭扭了，这是为什么呢?原来各个计算机的分辨率要使你的主页在不同的分辨率下都能正常显示，在 Dreamweaver中得到了较好的解决。在文档窗口的右下角，Dreamweaver 显示当前文档被设计成的分辨率大小。单击哪个数字，在弹出式菜单中可以为当前的页面指定显示分辨率，通过修改可以使你的主页更具灵活性。使不同分辨率的显示器都能较好地显示。
Dreamweaver便捷技巧方法
1.灵活运用样式 熟悉网页设计的网友就知道，调用Style的方法很多，我们可以单击鼠标右键选择Custon Style来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。比如用Custon Style来调用Style标准，在网页代码中就生成一个〈span〉标签，这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度，所以我们应尽量使用状态栏中的元素列表来调用Style。 2.活用Format Table命令 在复杂的网页设计中，表格的应用是最多的，因为利用表格可以自由地控制文本和图象在网页上出现的具体位置，从而使整个网页看上去紧凑统一。Dreamweaver在这方面也不甘落后，我们可以使用其中的“Format Table”（格式化表格）命令来快速地对表格应用预先设计好的样式。要使用预先设计好的样式，先将光标置于表格的任意一个单元格内，再选择“Command”→“Format Table”命令， 在随后出现的对话框中，从左边的列表中选择一个设计方案。按“Apply” 键来查看效果，如果不满意的话，还可以重新设置或者修改部分参数的值，如边界粗细，背景颜色等等。 3.同时链接到两个网页 我们都知道超级链接一次只能连到一个页面。如果我们要想一次在不同的框架页中打开文档，可以使用“Go To URL”javascript 行为。打开一个有框架的网页，选择文字或图象，然后从行为面板中选择“Go To URL”。我们会注意到Dreamweaver会在“Go To URL”对话框中显示所有可用的框架。选择其中一个我们想链接的框架并输入相应的URL后再选择另一个框架并输入另一个URL。 4.不给文件起中文名称 大家在制作好了网页后，通常会给网页起一个具有代表性的中文名称，一来能使人一看文件名就能大概了解文件所包含的内容，二来能够方便各个超级链接之间的相互调用。但如果你在Dreamweaver中这样做，就会发现Dreamweaver对中文文件名支持得不是太好，经常会有页面调用不正确的现象发生，所以我们以后Dreamweaver中保存网页的时候，尽量用英文或者数字作为文件名称，这样就可以避免上面的出错现象。 5.巧妙设置字体分辨率 我们在制作网页的时候，经常有这种体会，那就是制作好的网页在本地计算机上浏览时很正常，但在另外一台计算机上浏览时发现原本漂亮的网页变得歪歪扭扭了，这是为什么呢？原来各个计算机的分辨率要使你的主页在不同的分辨率下都能正常显示，在 Dreamweaver中得到了较好的解决。在文档窗口的右下角，Dreamweaver 显示当前文档被设计成的分辨率大小。单击哪个数字，在弹出式菜单中可以为当前的页面指定显示分辨率，通过修改可以使你的主页更具灵活性。使不同分辨率的显示器都能较好地显示。 6.巧妙隐藏标签
Dreamweaver MX实例：构建Java插入模块
Java 是一种程序设计语言， Java applet （ Java 小程序）是在 Java 的基础上演变而成的、能够嵌入在网页中的、可以执行一定小任务的应用程序。