推荐阅读
Illustrator设计个性时尚风格的名片教程
很多人都知道，Illustrator 为我们提供了简单好用的工具制作一些小小的印刷设计，比如说名片等。这个简短的教程让你轻易学会如何利用Illustrator 制作精美有趣的名片，而且，有每一个步骤都有实图参照哦!首先，我们将手绘一张人的画像插图，用粗略线条勾勒即可，然后在一个已有的名片模板上制定背景模式和文字信息，适当地保留空白和需上色部分。效果图我们将要做的名片的尺寸是传统名片的比例大小，同时充分利用卡片的两边。这个设计只包含两种颜色 -- 蓝绿色和黑色。蓝色是贯穿整个设计的，但只需用刀低比例的黑色，即灰色，用来做网状背景图。每一种颜色都只用单一原色，可以让你的名片看起来整洁且清新美观哦。一，手绘插图图01首先，让我们从这张线条型的人物粗略图开始吧。把图片上你的最佳笑容挖出来，然后放进Illustrator 里，把opacity 降低，按住CMD/Ctrl和2把它锁定到位。(图02)图02
Photoshop形状工具（2）
第一章：形状工具基础 第二步 第三步 第四步 第五步 对箭头线段做一些调整，按住Ctrl/Command点击直线箭头选中它，然后在选项栏中选中"显示定界框"复选框显示出可调大小的定界框，将鼠标放在定界框的外缘它会变成旋转图标，按住Shift键可以限定旋转角度增量为15度，如图所示进行旋转 。最后在形状外点击结束变换。 第六步
CS3新增黑白转换命令原理剖析
对颜色范围以及可选颜色命令有一定了解的朋友都知道，一般情况下，图象中任意一点的颜色包含两种颜色：一种是由MAX(R,G,B)所对应的颜色,为了讨论的方便,我们将其称为单色；另一种是由MAX(R,G,B)与MID(R,G,B)所定义的颜色，同样为了讨论的方便，我们将其称为复色。 当MAX(R,G,B)=MID(R,G,B)<>MIN(R,G,B)时，只有复色而无单色； 当MID(R,G,B)=MIN(R,G,B)<>MAX(R,G,B)时，只有单色而无复色； 当MAX(R,G,B)=MID(R,G,B)=MIN(R,G,B)时，无色，呈中性灰。 勾选“染色”选项的情形
PhotoShop利用LAB通道调制油画风格的照片
那些角度普通，质感平淡的花朵，常常被我们认为是一些没有意义的废片。其实废片可以再利用，只需一分钟，经过简单的PS后期处理之后，马上变得非常鲜艳生动。下面我们介绍在LAB通道中制作油画效果，几步就可以把你的费片变成色彩动人的好片。在LAB通道中进行色彩调整，能够最大限度地挖掘原图隐藏的色彩潜力，最大的优势是调出色彩自然和谐，不会产生严重的色彩溢出现象和刺眼的色彩分离。下面我们来实验一下：一、效果对比二、操作步骤： 1.首先将图像模式从RGB模式转化为LAB模式（打开图像，在菜单的编辑栏中找到图像->模式->选择LAB颜色项目），进入通道面板： 2.在LAB通道内调整颜色：选中B通道Control+A ，使用Control+C复制该通道，选中明度通道Control+V粘贴刚才复制的B通道，Control+D取消选区。这样的目的是加亮黄色，加暗蓝色，使得颜色得以强化，得到以下图像
最新发布
如何批量消除网页连接上的“虚线框”
各位想必都知道，onfocus=”this.blur()”这条代码能消除链接时的虚线框，但你有没有想过，如果你的网页上有几个甚至上百个链接，而你又想要去掉上面那些讨厌的虚线框，难道你还一个个去Ctrl+C、Ctrl+V，天哪！这对一个正常人来说绝对是个恶梦。也许你会说，用DW或其它文本编辑器里的“查找/替换”功能就能解决，对！不可否认，这是一个好办法，但作为一个优秀的web developer，用尽可能少的代码实现一样的功能才是我们应当追求的目标，下面我们就用htc来解决这问题。至于htc是什么，全称就是Html Components，由微软在IE5.0后开始提供的一种新的指令组合，它可以把某种特定功能的代码封装在一个组件之中，从而实现了代码的重复使用。作为一个组件，htc里包含了属性、方法、事件等等各种知识，在这里就不一一介绍了，具体内容各位可以参考微软的msdn主页。 回到开始处，Onfocus=this.blur()在这里很显然，onfocus是一个事件，this.blur()则是被事件所触发的对象，既然这点明确了，代码就知道该怎么写了。<public:attach event=”onfocus” onevent=”example()” /><script language=”javascript”>function example(){this.blur();}</script>将以上代码存为.htc为扩展名的文件，然后再编写一个普通的html网页<html>
使用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、巧妙隐藏标签
网站构成的基本元素―网页布局
aod 网页可以说是网站构成的基本元素。当我们轻点鼠标，在网海中遨游，一幅幅精彩的网页会呈现在我们面前，那么，网页的精彩与否的因素是什么呢？色彩的搭配、文字的变化、图片的处理等，这些当然是不可忽略的因素，除了这些，还有一个非常重要的因素――网页的布局。下面，我们就有关网页布局谈论一下。 网页布局类型 网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型，下面分别论述。 1. “国”字型：也可以称为“同”字型，是一些大型网站所喜欢的类型，即最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多是最多的一种结构类型。 2. 拐角型：这种结构与上一种其实只是形式上的区别，其实是很相近的，上面是标题及广告横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。在这种类型中，一种很常见的类型是最上面是标题及广告，左侧是导航链接。 3. 标题正文型：这种类型即最上面是标题或类似的一些东西，下面是正文，比如一些文章页面或注册页面等就是这种类。 4. 左右框架型：这是一种左右为分别两页的框架结构，一般左面是导航链接，有时最上面会有一个小的标题或标致，右面是正文。我们见到的大部分的大型论坛都是这种结构的，有一些企业网站也喜欢采用。这种类型结构非常清晰，一目了然。 5. 上下框架型：与上面类似，区别仅仅在于是一种上下分为两页的框架。 6. 综合框架型：上页两种结构的结合，相对复杂的一种框架结构，较为常见的是类似于“拐角型”结构的，只是采用了框架结构。
让IIS Web服务器不再拒认ASP网页
受ASP动态网页的吸引，笔者决定用Dreamweaver做一个ASP格式的学校主页。然而，当笔者将Web服务器中Htm格式的网页换成新做的ASP网页时却发现：新做的这些ASP网页在校园网内的所有计算机上均不能浏览(学校利用Windows 2000 Server的IIS发布Web页)。 ASP是一个服务器端的脚本环境，即当脚本运行在服务器上(注意不是客户机)时，Web服务器完成所有的工作。也就是说，程序员不必担心浏览器是否能处理ASP页面，因为Web服务器会代替浏览器完成页面的转化工作。由于Web服务器是通过Windows 2000 Server中的IIS来实现的，因此，笔者首先将排查的重点放在了IIS的站点设置上。进入“控制面板→管理工具→Internet 服务管理器”，选中“默认Web站点”，然后点击右键选择“属性”，在“属性”设置框中查找与ASP有关的设置项。在“文档”设置栏里，将主页文件Index.asp添加为默认文档；在“主目录”的“应用程序设置”栏中，点击[配置]按钮后，在“应用程序映射”框中发现与ASP有关的应用程序映射已经添加(见附图)，但在“应用程序调试”框中，发现“启用ASP服务器端脚本调试”和“启用ASP客户端脚本调试”未选中，于是将其选上。 应用程序调试对话框 完成以上设置后，退出默认Web站点属性设置框。在浏览器中浏览学校主页，故障依旧。看来问题不在IIS设置上，还会是什么原因呢？笔者突然想起Windows 2000 Server有事件日志的功能，不如看看它有没有记载。鼠标右键点击“我的电脑”，选择“管理”，在“系统工具”中，点击“事件查看器”，在“应用程序”项中，发现有一个出错提示，双击它，内容显示为“IISADMIN 服务发现账户IWAM_MYSEVER无效。一些IIS功能可能因此而失败”。难道IWAM_MYSEVER账号与此有关？当初为了服务器的安全，笔者将系统默认的许多账号都禁用了，其中就包括IWAM_MYSEVER账号。于是笔者又进入“计算机管理→本地用户和组”，点击“用户”文件夹，双击IWAM_MYSEVER账号，将“账号已停用”取消。完成后浏览学校主页，ASP网页终于重见天日了！ 那么，IWAM_MYSEVER账号究竟是什么东东，居然会使WINDOWS2000的IIS不认ASP网页！原来，IWAM账号是安装IIS时系统自动建立的一个内置账号，主要用于启动进程之外的应用程序的Internet信息服务。IWAM账号的名字会根据每台计算机netbios名字的不同而有所不同，通用的格式是IWAM_machine，即由“IWAM”前缀、连接线“_”加上计算机的netbios名字组成。笔者计算机的netbios名字是MYSEVER，因此我的计算机上IWAM账号的名字就是IWAM_MYSEVER，这一点与IIS匿名账号ISUR_MACHINE的命名方式非常相似。
用Dreamweaver实现飘浮光球特效
大家都知道，Dreamweaver是一款专业的网页设计工具，提供了许多方便、实用的功能，使得以前许多网页效果的实现从繁琐的代码中解脱出来，只要轻点鼠标即可实现。其中为网页图像增添特效就是其具有特色的功能之一，利用它可以为图像添加诸如阴影、运动、波浪、及淡入淡出等特效。这种特效不会增加图像的大小，当然也不会影响其下载速度。其具体的实现方法如下：1、在Dreamweaver编辑窗口中，点击菜单命令“Window/Css Styles”打开样式浮动面板，在浮动面板中点击右键菜单中的“New Style”选项或者点击右下角带“+”的按钮，打开新增样式对话框(如图1)，在“Name”栏中输入新增特效名称，并选择Type的第一个选项：“Make custom style”，然后点击“OK”按钮，并在出现的保存对话框中输入文件名保存样式文件。2、在随即出现的样式定义设置对话框中，选择Category列表框中的最后一项“Extensions”选项(如图2)，打开扩展窗口参数设置窗口，其中“Page Break”选项用于设置样式应用前后的位置，可以不予设置，而“Visual Effect”下的“Cursor”则用于自定义鼠标指针形状，“Filter”用于选择效果的类型，共有16个选项。用户选择好效果类型以后，将其中有问号的地方改成自己希望的参数，点击“OK”即完成样式的定义。3、击菜单“Insert/Image”打开图片，选择对话框插入希望应用特效的图像，然后在编辑窗口中选中该图像，并点击样式浮动面板中刚才创建的样式，按下“F12”键，在浏览器中即可看到特效显示的最终效果。如图3即为Filter类型为“Wave”，参数为：“Add=1，Freq=6，LightStrength=20，Phase=8，Strength=15”的样式在图片上应用以后的效果对比。
Dreamweaver 4.0使用技巧集锦
1. 用Dreamweaver 4.0制作闪动的Flash按钮选择菜单Insert→Interactive Images→Flash Button就可看到有哪些内嵌按钮。在弹出的对话框里，你可以在“Style”列表里选择自己想要的按钮样式，在预览(Sample)窗口里可以看到这种样式的效果如何。选择好之后，在“Button Text”窗口输入按钮上面的文字，在“Font”窗口选择字体，在“Size”窗口输入文字的大小，在“Link”窗口输入链接的目标，在“Target”窗口选择链接打开的方式，在“BgColor”选择按钮背景颜色，在“Save As”窗口输入保存的文件名。完成这些后，按下“OK”按钮，你就完成了一个Flash按钮啦。这个按钮还会自动插入你的网页中，然后在Dreamweaver编辑窗口选中你刚才制作的按钮，属性窗口就会显示出这个按钮的属性，单击上面的“Play”按钮，你就可直接在编辑窗口预览这个按钮的闪动效果。需要注意的是Dreamweaver 4.0的这个功能不支持中文字体。2. 制作背景音乐在Dreamweaver中插入背景音乐是非常容易实现的，这里介绍两种方法，供大家选择。(1)在页面不显眼的地方插入一空层，并在层内放入一个ActivX对象，双击该对象，在打开的对话框中选择一个MIDI、WAV等音乐文件，然后在层对象属性面板中设定其可视性为“Hidden”，保存变动后按F12预览网页，听听是否有音乐声。(2)另一种方法是利用Dreamweaver的“Behaviors”行为编辑器，单击“＋”按钮，选择其中“Play Sound”选项，在弹出的对话框中选择一个音乐文件即可。自己动手试一试吧！注意：要注意属性窗口中音乐文件的路径是否正确，有时会出现路径中有错误字符，如路径file:///C|/WINDOWS/MEDIA/Chimes.wav中的字符“|”是错误的，应改为：“：”。3. 让背景图象不滚动在Dreamweaver中插入的背景图是会随文字一起滚动。有的时候我们需要制作固定的背景图，怎么办呢？先定义一张背景图，按“F10”打开HTML源文件，找到定义背景图的语句，例如background=″images/background.JPG″，在它的后面空一格加上一句bgproperties=″fixed″。按F12预览一下，看看它还滚动吗!
轻松处理Dreamweaver段落缩进
我们在用Drwamweaver书写英文文本时，段落一般不缩进（不支持半角空格）；但我们大多的时候都是用中文书写格式，必须在每段开头空两个汉字的位置。但浏览器对于文本中的空格，不管多少只认一个空格。如何在Drwamweaver中实现文本的段落缩进，也就成了网页制作中的一大难题。针对这一问题，本文为大家提供以下几种解决办法。一、用自Dreaweave身所带的功能1、单击“Insert（插入）”――“Non-Breaking Space（插入空格）”，（快捷键：Ctrl+Shift+空格键）,连按4次，就可以得到两个汉字大小的空格。其缺点是在编辑状态下是看不到效果的，只有在浏览器上才能看到(不是说所见即所得吗^-^），因此，不要由于在编辑窗看不到空格而认为自己做错，否则消除多插的空格符只好用“撤消”了。2、用同背景色相同颜色的字符来完成插入空格，这种方法操作比较繁琐、不易修改，而且在浏览内容被选取时，隐藏的字符就曝光了。二、用HTML语言用HTML语言方实现中文段落缩进。对于不懂HTML的初学者来说就有些困难了。1、预格式(PRE)用预格式编写的源文件，在显示时照源文件中的排版字样显示，空行和空格都能很清楚地区别开来。如源文件为： 〈pre〉 －－预格式显示…… 〈/pre〉
用Dreamweaver 4.0编制会议通知
随着网页制作热潮的兴起，Dreamweaver 4.0强大的功能深受众多网页制作者的喜爱。特别是Dreamweaver 4.0中有许多第三方插件，这些插件增强了Dreamweaver 4.0的功能。本例利用日历插件实现会议通知。从网上下载calendar.mxp文件，双击该文件自动装入Dreamweaver 4.0扩展管理器，如图1。1、单击对象面板上方的小三角箭头选择其中的“Goodies组”。 2、在“Goodies组”中选择“按钮”。弹出如图2所示的对话框。对话框选项说明：Month选择要制作的月份Year输入要制作的年份Display Date表示日期显示方式。“In Row”按行显示。“In Cell”所有日期都显示在一列中，不分行Start Weeks with每星期从星期几开始。默认为Sunday，所以第一列为“Sun”Days Format表示日期格式。缩写还是全写Empty Frames如果日期轮空的话这一格的处理方式。“Display”显示一个空格。“Combine”不显示空格和其他格子混在一起Display Months显示月份。“Current Only”只显示当前月。选择“Previous/Following”上个月的跟着显示设定完毕按“F12”看一下效果如何。然后可以修改相应的文字和单元格格式
巧用Dreamweaver4文件库更新网站
我们在建立一个大型网站的时候会有很多副页面框架模式，甚至一些细节元素都是相同的。但令人困扰的是更新它们却要费些周折，要一遍遍地反复更新每个页面元素。现在我们可以对那个时代说再见了，因为Dreamweaver引入了"库"这个概念。我们可以利用它来批量更新网站中相同的元素。大至整个页面框架，小至一个字符！库的引入在Dreamweaver 3中还不很完善，但在Dreamweaver 4接近完美。下面就让我们来看一下如何利用库来更新站点。一、库文件的建立建立库文件有两种方法，一是在编辑状态下选定一个元素，然后打开库面板(F11键－在弹开的Assets中选择图标为翻开的书本样的标识)按下。那么Dreamweaver就会自动的建立一个后缀名为＂.LIB＂的文件将该元素读到这个文件当中，同时会在本地站点中建立一个＂Library＂文件夹。它代表了每一个库文件都是独立的，当我们上传本地站点到远程服务器中时，要将该文件一并上传；第二种方法是打开库面板，在白色的文件记录区域点击右键，选择弹开的列表中的New Library Item(新的库项目)，建立一个空白的库文件，然后双击打开进行编辑。第一种方法适用于文本＼图像＼链接等小元素的库文件建立。第二种方法适用于大规模的整篇幅的库文件的建立，绝大多数情况下，大规模库文件的建立都是和模板配合使用的。二、库文件的应用与编辑首先看图1。我们建立了一些简单的库文件，其中包括连接＼图像＼表格。它们每一个都可以被理解为一个单一元素插入到编辑区使用。只要从库面板中直接拖拽它们到需要的地方就可以了。
巧用Dreamweaver制作复杂图像
有些网页制作爱好者提出了这样一个问题――怎么使用Dreamweaver制作出交换图像来。今天，我向大家介绍制作复杂交换图像的方法，相信能够对大家有所帮助。制作效果我们要制作出一列7个按钮的图片，并且在这一列的按钮图片的前面加上一个指针，我们要实现的效果是当我们在将鼠标移向某一个按钮图片的时候，这个按钮上面的文字变换颜色。并且指针指向这张图片(效果如图1所示)。制作原理交换图像的制作原理是应用到Dreamweaver中的行为面板上的翻转图像(Swap image)这一个工具。将它设置成为当产生鼠标悬停在某一个按钮图片的动作的时候，让按钮本身实现一个图像的交换(交换成为黄色文字的图片)，与此同时设计指针图像的交换(交换成为指针指向当前按钮的指针图片)，以实现上述效果的实现。^-^：其实网页上的一些东西看起来似乎很神秘，可究其根源它也只不过是几张图片或几个图层的简单变化而已。制作材料