推荐阅读
Illustrator设计制作古典花纹图案教程
先来看下最终效果：一、绘制图案中的花形1、单击工具箱中的“星形工具”按钮，在页面中单击鼠标左键，弹出“星形”对话框，其参数设置如图(1)2、单击“确定”按钮，在页面中绘制一个星形，星形的轮廓色设置为橘黄色(R：255，G：204)，如图(2)3、选取绘制的星形，然后将星形由下向上添加白色到紫色(R：152，G：2，B：126)的放射状渐变色，添加渐变色后的图形如图(3)4、单击工具箱中的“转换描点工具”按钮，在星形的控制点上按下鼠标左键拖曳，此时将在控制点的两侧出现控制柄，状态如图(4)5、拖曳鼠标到合适位置后释放，在右侧出现的控制柄上按下鼠标左键拖曳，将其中的一个控制柄进行调整，其控制柄的调整状态如图(5)提示：当第一次在控制点上按下鼠标左键拖曳时，在控制点的两侧将出现两个控制柄，任意拖曳鼠标的位置，出现的控制柄将始终以控制点为对称点。当释放鼠标，再次调整任意一个控制柄时，另一个控制柄将处于锁定状态。当对图形调整后，再次在控制点上单击鼠标时，调整后的控制点将还原为没有调整时的形态。
Photoshop基础教程之浮动面板综合简介
这节课简单介绍下photoshop浮动面板的组成以及种类。各种浮动面板的使用技巧和方法。具体的使用我们在以后进行讲解。 ★.浮动面板的组成： 浮动面板是Photoshop中非常重要的辅助工具，它为图形图像处理提供了各种各样的辅助功能。下面是浮动面板的名称：
如何制作狐狸叫派对海报图片的PS教程
一首狐狸叫的网络歌曲红了全球，以此为创作的广告层出不穷。下面是以此为主题的派对海报制作。过程：先构思好内容，当然少不了狐狸，然后把派对的一些元素加进去，画面看上去有个性即可。最终效果 一、选一个有纹理的背景。 二、快速找个合适的人物素材，感觉差不多就行了，注意前提是要清晰一些的素材，毕竟作为画面的主体。 三、找一个狐狸素材，最好背景干净些容易抠图，如果毛发清晰，就用“通道载入选区”方法来抠图，如果不太好抠图就随意先抠图，然后下载“毛发笔刷”来填补周边的绒毛。
Photoshop CS2 入门之菜单介绍
虽然你毫无疑问地想要自己动手把照片做些处理，想要马上发挥你的潜能，但是我建议你最好先着重了解一下Photoshop是如何工作的。首先确保你的Photoshop CS2已经正确的安装，并且事先浏览此程序各个方面的功能以便使你对它的工具和布局有一个基本的了解，这样在将来我们真正操作的时候能更方便，更熟练。当准备好开始你的Photoshop之旅的时候，要事先通过双击Photoshop图标登陆此程序。当Photoshop加载完成之后，它的菜单条、工具箱以及四个控制浮动面板出现在屏幕上。图1显示了Photoshop cs2在windows下的外观，如图所示：如果宽度没有设置成500,高度没有设置成360,现在让我们输入这些值。通过点击“宽度”域来选择它，然后输入500。按下TAB键，移动光标到“高度”域，输入360。各域之间的光标移动可以通过用鼠标点击，也可以通过按Tab键进行切换。我们一般把“分辨率”设置为72象素/英寸。Photoshop CS2将72ppi作为缺省设置，因为大多数显示器在屏幕区域中每英寸显示72个象素。换句话说，文档设置的分辨率与显示器的分辨率一样。如果你的设置不是72ppi,将其改成72。如果加大了分辨率、高度或宽度的值，那么图象的尺寸也会随之增大。在我们实际操作中我们尽量避免大图像，因为大图象在操作的时候非常笨重，反应比较慢，而且它还会降低计算机的速度。在“模式”选项中，应该设置为RGB颜色(红/绿/蓝)。Photoshop CS2将RGB颜色作为缺省设置，因为RGB是视频显示器显示颜色的标准色彩模式。在RGB模式中，颜色由红、绿、蓝三种颜色组合而成。当设置成RGB颜色模式的时候，Photoshop CS2的所有绘图和编辑属性都是有效的。如果你的计算机没有设置为RGB颜色模式，可以通过点击“模式”的弹出式菜单选择“RGB颜色”来设置RGB颜色。如果你想要把新建的图层背景是白色的，请点击组合框的“白色”按钮。如果你选择了“背景色”选项，Photoshop CS2上次使用的背景色将作为你新建文档的背景色。如果你选择“透明”，你将工作于一个没有颜色值的背景层上，当我们点击“确定”按钮关闭新建对话框时，一个新的文档窗口将出现在你的屏幕上，在窗口的主题条中写着文件的名字(未标题)、当前的显示模式和放大比例。可以滚动、改变大小和关闭Photoshop CS2的窗口，也可以通过单击和拖动主题条的方法把窗口移动到你想要位置。我们还可以通过选择“视图”颉胺糯蟆被蛘甙聪CTRL＋“+”放大图片；选择“视图”颉八跣 被蛘甙聪CTRL＋“-” 来缩小图片。二、Photoshop CS2菜单 Photoshop CS2的菜单条包含9个下拉式菜单。越熟悉Photoshop CS2的功能，那么越会在操作Photoshop CS2时选择正确的工作路径。下面的部分将对Photoshop CS2菜单中9个下拉式菜单做一下介绍。1、“文件”菜单： “文件”菜单中的大部分命令用于对文件的存储、加载和打印这些命令，如“新建”、“打开”、“保存”、“另存为”、“页面设置”和“退出”命令在其他Windows中的应用程序中都是极其普遍的。我们先看一下“文件”下拉菜单中的界面，如图3所示：
最新发布
在 Dreamweaver 中设置测试服务器
选择“站点”>“管理站点”。单击“新建”以设置新站点，或选择现有的 Dreamweaver 站点并单击“编辑”。在“站点设置”对话框中，选择“服务器”类别并执行下列操作之一：单击“添加新服务器”按钮，添加一个新服务器选择一个现有的服务器，然后单击“编辑现有服务器”按钮根据需要指定“基本”选项，然后单击“高级”按钮。在测试服务器中，选择要用于 Web 应用程序的服务器模型。单击“保存”关闭“高级”屏幕。然后在“服务器”类别中，指定刚才作为测试服务器添加或编辑的服务器。
Dreamweaver 中站点类别
仅需填写“站点设置”对话框的“站点”类别，即可开始处理 Dreamweaver 站点。此类别允许您指定将在其中存储所有站点文件的本地文件夹。此本地文件夹可以位于本地计算机上，也可以位于网络服务器上。 准备好后，可以在“站点设置”对话框中填写其它类别，包括“服务器”类别，您可以在其中指定远程服务器上的远程文件夹。
HTML是网页制作者必须要学习的
学会HTML语言的好处是什么？1：很轻松的修改你的网站、博客的网页结构。2：对SEO网站优化很有用处。3：拿来主义，通过保存其他网站页面源代码，适当的修改，可以仿制出你想要的模板。4：当你有一张漂亮的PSD源文件图片时，你可以很轻易的把图片切割制作成网页。5：无论是PHP、ASP、.NET、JSP等网站编程语言，都要用到HTML。6：可以轻松检测出网站是否中了网页木马.和预防网页木马。7：可以向更高一层次进阶：DIV+CSS网页设计。8：看完这篇文章，接下来就可以修改本站提供的模板了。用什么工具来学习HTML呢？还是推荐大学使用Dreamweaver软件来学习HTML，Dreamweaver所见即所得软件是最好的HTML编辑器，全可以一点不懂HTML的知识就可以做出网页。如何学习HTML语言呢？1：一定要多动手，多多修改别人的网页代码。（在效果页上单击右键选择“查看源文件”即可查看实现该效果的代码。）2：记住一些常用的HTML语法。当时卢松松学习HTML的时候只记了一些HTML网页设计时的常用语法，如：贴图：<img alt="图片说明（利于图片的搜索）" src="图片地址">加入连接：<a href="所要连接的相关地址">写上你想写的字</a><meta name="Keywords" content="关键词" /><meta name="Description" content="网站描述" />推荐HTML详细教程学习地址：2：HTML视频教程http://v.youku.com/v_show/id_XMzM0MzM3ODQ=.html（当你点开优酷的时候，你能保证只看教程不看电影吗？）总结：Html至今仍是制作网页时必不可少的代码。如果能够熟悉掌握并应用这些代码，大到做网站，小到博客论坛等都会有莫大的好处。
html5来了,你准备好了吗
伴随着 Chrome, Firefox 3.5, Opera, 和 Safar对html5的支持，html5已经像一列暴走的列车接近我们了。这里是些好的建议帮助你准备过渡到html5.开始准备html5的第一件事情就是先看下别人是使用它的。HTML 5 gallery 演示了一些使用html5的网站。你可以先看看这些网站的文章，here（这里html5 预览） 和 elsewhere（和其他地方html5doctor）, 甚至 read the specification（读取html5详细说明）但是上面当中文章没有一个能像使用新的元素那样让您领会掌握html5.通过实际做，你可以知道什么可以工作，什么不可以工作。比如我在firefox3.5版本中发现类似article 和section的标签默认显示方式是display:inline模式,所以不得不强制设置它们为display:block模式才能像期望的效果显示。下面是整理的一些 HTML 5, XHTML 1.0/1.1, 以及XHTML 5之间的一些关系或者结论吧。我们所熟知和了解的HTML 4.0，它是基于SGML（standard Generalized markup language）规则手册的。在SGML规则手册中，元素的书写并不区分大小写，你可以有选择的闭合标签，标签属性的书写也可以不用引号标记。XHTML 1.0 和1.1是基于XML的，在xml规则手册中，所有的标签和属性必须用小写，标签必须闭合，而且所有的属性必须用引号括起来。HTML5定义的标记语言不是基于上面任何一种规则手册，但是html5可以被写成要么是html形式，要么是xhtml形式。
10个最经常犯得HTML标签错误
我们最好开始注意了,因为HTML Police会走遍你的代码然后挑出你所有没有语义的标签,这份列表包含了10个最经常犯得HTML标签错误,记下他们,能够让我们避免犯此常见错误,让我们的HTML标签符合语义,和标准的要求.HTML 元素的表现方式不外乎就两种:块级和行内.每一个标签都有默认的表现方式不是块级就是行内.像div和p 就是块级元素,他们用来形成文档结构.行内元素只能在快级元素内. alt属性是所有显示在网页中图片的必须属性,它能够帮助人们知道这是什么图片.或者在网速比较慢的时候显示图片的含义是什么.它的主要目的是,说明图片的含义,想这样的说明 alt=”image”是很糟糕的.如果,有些图片的确只是装饰作用而已,那么建议你写成 alt=”".
HTML列表标记：dl、dt、dd
定义列表和其他类型的列表稍有不同，它由两部分组成：名称和定义。DT 指定名称，为内联元素。DD 指定定义，为块级元素。标准属性id, class, title, style, dir, lang, xml:lang事件属性onclick, ondblclick, onmousedown, onmouseup, onmouseover,onmousemove, onmouseout, onkeypress, onkeydown, onkeyup示例：<dl><dt>标题</dt><dd>内容1</dd><dd>内容2</dd></dl>dl —— define list——定义列表 dt —— define list title —— 用于生成定义列表中各列表项的标题，重复使用可以定义多个列表项的标题。注意：其中不能包含 hx 元素。
HTML教程:HTML的10个表格相关标记
根据我最近的一些实践以及在和一些读者进行关于HTML表格的使用问题沟通之后，决定写这篇文章。总的来说，我注意到由于误导性信息，他们对于table的使用有种先入为主的厌恶。事实上很多人会说”我看到永远不应该使用表格”的说法，但是这绝对是错误的！这个建议只是针对使用HTML表格来定义网页的布局，但是表格在方便的排列数据信息行和列方面非常完美，而且如果你一定要在一个页面上显示表列数据，你就不得不使用它们！为什么不呢？然而，在这种情况下，一些人无视了用于table的某些HTML标签的存在并且不知道该如何正确的使用它们。HTML有10个表格相关标签。下面是一个带有简介的列表，但是首先，文档要被正确的定义在HTML 4.01/XHTML 1或HTML 5下面:一个基本的表格结构如下:它包含一个标题、头部、主体和底部。正确的HTML元素顺序是：你也可以使用<col> 和<colgroup> 来定义表格的列或为列分组：下面是一个正确的表格结构实例：<table border="1"> <caption>Table caption here</caption> <colgroup span="1" style="background:#DEDEDE;"/> <colgroup span="2" style="background:#EFEFEF;"/> <!-- Table Header--> <thead> <tr> <th>Head 1</th> <th>Head 2</th> <th>Head 3</th> </tr> </thead> <!-- Table Footer--> <tfoot> <tr> <td>Foot 1</td> <td>Foot 2</td> <td>Foot 3</td> </tr> </tfoot> <!-- Table Body--> <tbody> <tr> <td>A</td> <td>B</td> <td>C</td> </tr> <tr> <td>D</td> <td>E</td> <td>F</td> </tr> </tbody> </table> 在浏览器中的结果如下图所示:
让IE8启动IE7兼容模式的简便代码
热门的tag非IE8莫属各浏览器厂商争相发布版本更新 部分网页也存在与IE8的兼容性问题 简单一行代码，让IE8自动调用IE7的渲染模式 只需要在页面中加入如下HTTP meta-tag: <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 只要IE8读到这个标签，它就会自动启动IE7兼容模式，保证页面完整展示
IE8开发人员工具的菜单讲解(2)
原文：http://www.cnblogs.com/JustinYoung/archive/2009/04/03/kaifarenyuangongju2.html在上一篇文章 IE8“开发人员工具”使用详解上(各级菜单详解) 中，我们详细地讲解了IE8开发人员工具中各个菜单中命令的使用方法，相信很多朋友应该已经使用上了。而IE8开发人员工具更强劲的功能例如：如何测试版本兼容性、如何利用开发人员工具调试JavaScript脚本，以及如何利用探查器检测页面脚本函数效率等，我们将在本篇文章中讲解。小弟拙笨，此处仅为抛砖。 浏览器模式应了《无间道》的那句话——“出来混，迟早是要还的！”。IE6种下的苦果，现在果然到了要咽下的时候了。当IE8发布的时候，他不得不面对着世界上成千上万“只有在IE6中才能正常显示”的页面。不发布IE8了吧，FireFox和Chrome又跟着后面抢蛋糕；不管那些“IE6 only”的页面吧，那浏览器出来还不被人骂死；让所有的站长都把页面重构吧，想想自己都要笑。唉，这可咋整呀。唉，有了，咱采取一个手段，让用户自己去处理，如果他碰到了“IE6 only”页面，就让他自己手动处理一下，让浏览器还用老的渲染模式渲染页面，这虽然麻烦了一点用户，但是也不失是个办法。于是“浏览器模式”出来了。说白了，就是让用户选择当前页面用何种IE版本去渲染。举个例子吧，顺便练习一下《IE的有条件注释详解》，核心代码如下：<div id="divTest"><!--[if IE 7]>浏览器是IE7<![endif]--><!--[if IE 8]>浏览器是IE8<![endif]--></div>让我们来试试这个页面，在不同的浏览器模式下的显示效果吧：
HTML教程:iframe标记常见的几种使用方法
iframe标签在网页中可以创建一个内嵌框架，通过指定src属性来调用另一个网页文档的内容。和frameset一样，用它来对网页结构进行拆分以使网页的某些部分保持公用，但相对frameset对整个网页进行框架结构的拆分来说，iframe更加灵活，可以内嵌到网页的任意地方。由于iframe使用上的这个特点，在一些网页中得到了大量运用，也导致了一些不适宜的滥用。破洛洛将分析一下iframe这个网页元素常见的几种使用方式。onload=”document.f.q.focus();if(document.images)new Image().src=’/images/nav_logo4.png’”这样一句代码，加载的图片nav_logo4.png在首页并没有用到，但搜索结果列表等其他页面使用此图片的时候只需要从缓存读取，不需要重新下载了。 除了以上三种应用，对于iframe元素也常见一些不恰当的运用。例如在页面中嵌入过多的iframe框架，通过指定框架外链接标签的target属性在点击时来更新iframe，这种用法和frameset类似，达到共用导航的目的。初衷是好，但其中的弊病也毋庸置疑。这样会导致一个页面请求过多，上文所提及的雅虎团队《Best Practices for Speeding Up Your Web Site》一文中就明确优化页面需要“使iframe的数量最小”，归纳了其三种弊病：在XHTML1.0的下一个版本HTML5中，由于frameset标签对网页可用性方面产生的负面影响，没有对它提供支持，这也从侧面说明一些问题。另外，由于内嵌的iframe不能自动适应其内部内容大小，为了保持页面显示的完整性，还需要编写一段JavaScript脚本来根据iframe内容的变化即时调整其大小。分散的多个请求再加上需要JavaScript脚本来修正更增加了多iframe页面系统运行的风险。那么，有没有什么好的方法能保持部分页面内容公用呢？服务器端早就给我们提供了解决方案，ASP中的include，PHP中的require方法，都是用来包含一段已有的代码到程序中，这样同样能实现页面的某个部分（如导航菜单、页脚）公用，但是运行之后作为一个完整的页面输出，有效地减少了客户端请求，同时也不存在iframe的高度自适应的问题。