推荐阅读
问与答 用HTML还是用XHTML
1、什么是是XHTML? HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言，看起来与HTML有些相象，只有一些小的但重要的区别，XHTML就是一个扮演着类似HTML的角色的XML，所以，本质上说，XHTML是一个过渡技术，结合了XML(有几分)的强大功能及HTML(大多数)的简单特性。 2000年底，国际W3C(World Wide Web Consortium)组织公布发行了XHTML 1.0版本。XHTML 1.0是一种在HTML 4.0基础上优化和改进的的新语言，目的是基于XML应用。XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求。下面是W3C的HTML工作组主席Steven Pemberton回答的关于XHTML的常见基础问题。 问:什么是XHTML? 答:XHTML是一种为适应XML而重新改造的HTML。当XML越来越成为一种趋势，就出现了这样一个问题:如果我们有了XML，我们是否依然需要HTML?为了回答这个问题，1998年5月我们在旧金山开了两天的工作会议，会议的结论是:需要。我们依然需要使用HTML。因为大量的人们已经习惯使用HTML来作为他们的设计语言，而且，已经有数以百万计的页面是采用HTML编写的。 问:为什么XHTML 1.0相对HTML 4.0独立发展? 答:并不是这样。XHTML恰恰就是HTML 4.0的重新组织，(确切的说它是HTML 4.01，是一个修正版本的HTML 4.0，只不过以XHTML 1.0命名发行。) 它们在XML里的解释会有一些必要的差别，但另一方面，它们依然非常相似，我们可以把XHTML的工作看作是HTML 4.0基础上的延续。 问:XHTML 1.0如何实现XML标准? 答:XHTML就是一种XML应用。它采用XML的DTD文件格式定义，并运行在支持XML的系统上。这里要感谢XML的Namespaces功能，浏览器制造商不需要再创造新的私有标签(tags)，他们只需要在XHTML代码里包含XML代码片段，或者XML代码里包含XHTML代码片段。 2、与HTML相比XHTML有什么特点?
字体设计在平面设计中的作用
文字不仅可以表达作者的思想概念而且也兼具有视觉识别符号的特征,它不仅可以表达概念,同时也通过视觉的方式传递信息。对于现代平面设计而言字体设计是不可分割的一部分,字体的美感,文字的编排,对版面的视觉传达效果有着直接影响。 一、字体的造型 在平面设计中,文字起到的作用是向大众传达作者的意图和各种信息,不要把文字设计孤立地看待,考虑文字的整体信息诉求效果,给人以清晰的视觉印象。因此,简洁,易认,易懂,传达作者的意图,表达设计的主题和构想意念成为字体造型的必备条件。 相同的文字在不同的主题中有不同的表现。文字的造型要服从于设计主题的风格特征。不能和整个作品的风格特征相脱离,相冲突,否则,就无法达到文字的诉求效果。掌握设计主题后,根据主题的需要进行文字的“形”、“音”、“义”的造型设计。例如,2003年陈幼坚设计的可口可乐全新流线形中文字体,这也是可口可乐在中国24年来的第一次全新设计。而事实证明,新的中文标识将消费者对可口可乐的购买欲望提升大概五个百分点,从视觉的统一,到意念的统一无不体现出此次的换标造就了一个经典的字体造型设计案例。 二、字体编排设计 在设计运用中,不同的字体造型或编排可以带给观者不同的视觉感受和视觉诉求。前面所介绍的“字体造型”在设计中以“点”的表现形式出现,而成功的字体编排则可以激发人们的艺术想象力,发掘不同字体之间的内在联系,甚至可以将几个完全不同的内容统一在一起。反之则会给人杂乱、无序的感觉。因此,其作用主要是强化视效、加强美感、方便阅读。 字体编排设计从狭义的概念上来讲,所研究的就是字间、行间的距离和视觉流程等问题;从广义的概念上来讲,则更多的是研究字与字之间字体搭配协调所构成的格调,以及版面所强调构图而形成的形式美感。 对于字体编排来说,每一件作品都有其特有的风格。因此,不能让每种文字都自成风格,独树一派。一个作品版面上的各种不同字体的组合,必须要符合整个作品的风格设计倾向,形成统一的情调和感情特征。所谓风格设计倾向则是指作品整体的协调与局部的对比。统一之中兼具变化,从而产生对比和谐的效果。这样,整个作品才会有视觉上的美感,符合人们的欣赏需求。例如,室内设计杂志与平面设计杂志在字体排版上的处理方式就完全不同。字体排版在室内设计杂志中要体现的是一种有序的展示,需要设计者利用各种方式引导读者的视线,并为读者留出恰当的视觉休息和自由想象的空间,给人在视觉上感觉张驰有度。而平面杂志在字体编排上则更为灵活,主要强调的是带给人们的视觉冲击力,这样则要求设计者更注意字体编排时的形态结构,色彩节奏等之间的关系,使文字与图片浑然一体,利用这样大胆的排列方法来吸引观者的目光。 三、设计师在“字体设计”中的创新 随着时代的发展,文字的设计呈现出多元化、艺术化的趋势。那么就要求在设计时体现其构思与灵感的思维的表现。因此,设计师必须先立足于设计主题特性,定位品质,在满足读者的视觉需求的前提下,再在打破传统思维设计的束缚。如此就需要设计师灵感“表达”,要让人理解设计师所传达的作品“信息”与设计师的创意息息相关。
Macromedia Dreamweaver 安装及使用教程(三)
Form 组的按钮：如图9。 图9 第一个按钮为插入框架按钮，为插入下面的那些按钮作准备。这下面的按钮选项包括：文本框，按钮，多选按钮，单选按钮，列表，文件域，图象域，隐含域，跳转菜单等交互式网页要用到的组件，假如你要制作一个交互式的网页像留言薄什么的，用它做，非常的方便快捷，把初始界面做出来，也就几分钟的事，不信试试。做完了，你会说，哦真棒。 它还有几个选项组，但都不是那么常用了，一个就是它 Character 组它是常用符号组面板，里面为你收集了最长用的符号，这些，你通过手工直接写，是非常麻烦的事，因为它们是源码了，而这儿，可以给你直接的转换成为源码，插入就成。而 Frames 组，则是对页面的分页，也就是分窗口，将一个浏览器窗口分成几个窗口，在每个窗口里加入不同网页，来达到不同的效果。它可以分的总类也如下，可以从图上直接看出来，非常的方便与快捷。而 Head 组则是在网页“head”和“/head”之间加入必要的语句，可以是连接，可以是关键字，也可以是描述性的语句，还可以规定网页的刷新频率等。Invisible 组则是插入网页中看不见的元素了，比如说：换行符，回车符等不可见的符号。主要由这个控制面板来插入。 以上这些，是 Dreamweaver 的基本插入工具，除了属性面板外，就属它最常用了。 4.Dreamweaver 的使用 ① 网页制作。 那好吧，就让我们新建一个文件，看看怎么使用它。新建方法，我就不用多说，一般软件中的新建方法在这儿同样使用，点击菜单 File 中的 New 就行了，或者按 Ctrl+N 也行。 你在这儿就可以插入文字，图象，层等，反正都随你，是不是也是所见既所得。假如我想看一下它的源文件，可以点击右下角的“〈〉”标记，也可以点击启动面板中的最后一个选项。就会弹出来一个小窗口如图10：你也可以打开外部编辑器来编辑它的源代码，比如说记事本。 图10 只要点一下“External Editor…”按钮，Wrap 选项为换行，当你不想横向拉动滚动条，把它选上，文字就自动会换行了，另外一个选项为行号选项，当选上它是，左边将会出项行号，这样特别便于查找，去掉后，就与普通的记事本没有什么区别了。编辑好后，关了它就可以了。 到这儿为止，一般的网页制作中的操作，相信你都已经会了，以上这些都是它的最一般的功能。对付新手的网页制作，绰绰有余。下面我将要给大家介绍一下它的另外一个突出功能：构建站点。 ② 构建站点： 所有设计好的网页，在放到网上去以前，都需要把它组建好，以便于上传，在本地机上就要组织好，而 DreamWeaver 也把这想到了，点击启动面板上的 Site 选项，就会弹出站点管理窗口，和文件浏览器差不多，在这儿，你可以增加文件夹，删减文件，文件改名等等，只要是文件浏览器能干的事，它都能干。并且你可以清楚地看到，你的哪个文件连接到了哪个文件，哪些文件是并列的关系，那些文件是父子关系。你所做的第一步是先建立一个本地站点根目录。然后选择“New Site”打开对话框，在“Local Root Folder”中，输入本地站点根目录的位置。然后输入你的 HTTP Address，如果你还没有该地址，随便输入一个也行，只要好记。最后，按“OK”键就真的 OK 了。以后你从本地站点中删除文件，拷贝文件时，你的站点会自动刷新你的站点文件列表。其余的管理操作，与文件浏览器一样，我也就不多说了。 另外，Dreamweaver 的其他功能和操作还有很多，像图象功能，表格功能，分层和定位操作，框架操作，对象操作模板和库的操作，以及行为与时间线的操作等，那些还暂时地不适合初学者，那也不是我这儿能三言两语能讲清楚了，现在市面上已经有了关于怎样使用 Dreamweaver3.0 的书籍了，如果大家有学精通的意思，我建议大家去买一本读，那会介绍的更详细。 三、我的个人看法 总的说来，笔者认为大家要是想制作出精致漂亮的网页出来，大家最好选择 Dreamweaver 作为网页制作工具，因为除了它的方便快捷的操作之外，它生成的网页源代码是所有网页制作软件中最小的。在网速还不很快的今天，节约代码是很重要的。而 DreamWeaver 除了能把自己制作的网页体积减至最小，并且还能删减像 Word 这类软件生成的庞大网页文件，它能把里面的介绍信息，冗余代码都统统删掉，只留下你所需要的。这恐怕还没有别的软件能与之相比。现在专门的网页设计人员都是选择 Dreamweaver 为网页编辑器，你何不也来试一试呢？
CorelDRAW创建ㄠ文字--05
第五部分：背景 25.现在找到彩色@形状的第3个副本，使用矩形工具，绘制一个能够包围@形状的矩形。右键点击调色板最上方的“无色”色板，去除矩形对象的轮廓。现在这个矩形处于无填充、无轮廓的状态。用挑选工具同时选择这个矩形和彩色@形状，执行Bitmaps菜单下的Convert to Bitmap（位图>转换为位图）命令，在转换位图对话框中，取消透明背景选项，确认转换。（图25）
最新发布
photoshop CS3合成教程:向往的人间天堂
本教程主要应用photoshop CS3把几张素材图片合成一张，制作向往的人间天堂，效果很不错哦！ 先看看最终效果图和素材： 效果图 素材图 1 素材图 2 素材图 3
Photoshop CS3绘制“困斗”过程全记录
工具：Photoshop+绘影2 昨天做梦貌似梦到了这个场面~~~今天早起赶紧拿笔，试着恢复一下记忆力。（在这个作品中我是那个给演员端茶水的- -b）。这次是用仿透明画法，进行创作的。因为可以不必考虑色感，只需集中精力把心中的构想表现出来。 [小知识] 透明画法包括： （1）透明色重显。一般在背景及主体物的暗部用不调粉或少调粉的油彩进行多层罩色，透露布纹及底色。 （2）薄底透明罩色。在中间调子的灰棕色底上用深棕色或银灰色画出较严格的素色油画，待干后罩上透明色，透明色避免过多调入白色，以免影响透明度。为此，底画的素色油画需要预先提高明度，为多层罩色留下余地。 （3）厚底透明罩色。指在底画厚涂平滑的表面及底画厚涂凹凸的表面上罩透明色。厚涂平滑的表面指先用厚色待未干时扫平，干后罩透明色。此法多用于古典风油画。例如肌肤受光部分多用厚涂颜料，使其与背景等暗色部分的厚薄拉开距离。厚涂颜料未干时用毛笔轻轻扫匀笔触进行平滑处理，干透后再罩透明色，能达到既厚实又透明晶莹的效果。 效果图 1、当然是新建画布：）在背景层选用一些大笔触的画笔，然后在画笔属性（F5）里选择叠加纹理，为整幅画确定基本颜色，用圆头笔刷绘制人物。这步不要纠结在具体上，只要快速的把你的想法表现出来就可以了。
Photoshop CS3制作火红的特效线框字
本教程将告诉你如何使用Photoshop中的云彩滤镜、模糊滤镜、色阶以及曲线工具制作一个火红的特效线框字。这个制作方法不仅仅适用于字体效果的表现，实际上，你可以用它制作任意形状的特效图案，例如一颗火气腾腾的心形特效图。 说明：本文以Photoshop CS3版本为例进行讲解，其他版本（6.0以上）操作上或许存在一点小小的差别。 下图是教程中示例的最终完成的效果： 最终效果图 值得注意的是，由于Photoshop云彩滤镜生成的效果是随机的，所以即使是使用同一方法，每次制作出来的效果都会不尽相同。好了，下面我们来介绍具体的实现方法： 1、首先根据自己的需要新建一个合适尺寸的Photoshop图像文档，背景色不限。做为示例，我们这里仅设置为450×338像素。图像像素设置得越高，也就越容易得到更多的图像细节。 图1：新建Photoshop图像文档 2、点击图层面板底部的“创建新图层”按钮，新增一个图层，选择油漆桶工具，使用白色填充。然后选择字体工具，在字体面板中选择字体、字号，输入文本。当然，也可以绘制其他你希望得到的图案形状。这里我们以输入文本“HOT”为例，字体为Arial Black，字号150像素。这时Photoshop自动新建一个名称为“HOT”的文字图层。
Photoshop CS3简单三步制作动态QQ表情
Adobe Photoshop CS3可以帮你DIY一个极具创意的动态QQ表情，在群友面前炫耀一下。 借助Photoshop CS3强大的功能和方便的操作界面，我们可以制作出gif格式的动态QQ表情。即使是对于没有图形处理经验的用户来说，只要简单的三步就能轻松完成!看看我们制作的搞笑图片，你还在等什么(图1)?快来跟我们一起试试吧! 图1 提示：动画是静态图片的连续播放。在制作动画之前，我们必须设计好每个关键帧对应的静态图片。关键帧的显示时间设置也很重要。这一参数也直接影响了播放的效果。对于刚刚上手的用户来说，用不同的参数多试几次也会得到意想不到的效果。 第一步、图形制作 打开Adobe Photoshop CS3软件进入到工作界面，在工作空间双击，并在弹出的“打开”对话框中打开选择好的素材。我们可以使用自己拍摄的照片，也可以使用电影剧照或者卡通人物图片做素材。我们选择了某经典喜剧片中的搞笑剧照作为素材。 调整并裁减大小后执行“窗口―动画”命令，打开“动画”调板开始制作夸张的眼泪。首先，我们在图层调板下方单击“创建新图层”图标新建一个图层。它的默认名称为“图层1”，我们可以在图层调板中双击缩览图后面的“图层1”文字，把它变成可编辑状态，重新命名为“眼泪1”，以免把图层搞混。 接下来，我们在工具箱中双击“设置前景色”图标，在弹出的“拾色器”对话框中设置前景色较浅的蓝色(R=232，G=250，B=255)，确定后在工具箱中选择“矩形工具”，并在“矩形工具”选项栏中勾选“填充像素”图标，这样就可以直接在“眼泪1”图层上人物眼睛的下方画出一个浅蓝色矩形(图2)。
PS CS3制作平面动画：图层样式做雷达动画
现在我们来讲解一下上节课的作业。比起以前“石器时代”的作业，它的难度有明显的增加。一个是动画元素的增多，不再是由少数的简单物体构成。再就是要求在制作前要成竹在胸，事先就要计划好步骤。 新建图像，约100×100，用椭圆形状工具的形状图层方式绘制一个矢量正圆，填充为绿色(数值19631c，可在拾色器下方的#区域内填入，这其实就是用十六进制来表示十进制的0~255，不必深究)或其他颜色。然后复制该图层(CTRL+J，复制出来的应位于原图层上方)，对复制出来的图层用自由变换功能，将其参照中心点(ALT+SHIFT)缩小。接着为其定义描边样式(大小为1像素，白色)并将填充不透明度设置为0%，得到一个线圆。适当降低该图层的不透明度(约15%)已达到较好的视觉效果。将这个线圆图层再次复制并依照之前再次缩小，得到两个同心的线圆。大家也可依次列推制作更多的同心线圆。此时图像应类似于下左图所示。 然后新建一个普通图层，使用直线工具的填充像素方式(粗细1像素，关闭消除锯齿)在圆的*位置绘制一横一竖组成十字。绘制的时候可将图像放大便于对齐，绘制后也可使用多图层对齐功能调整。此时图像类似于下中图所示，图层调板如下右图所示。 在这个前期的动画元素准备过程中，我们先使用了矢量绘制圆是因为其需要缩小，矢量方式可保证质量。后面的十字理论上也可以使用矢量方式绘制，但由于矢量直线在1像素这样小的单位时，会由于自身的抗锯齿功能而可能导致边缘模糊，结果看上去就像是2像素粗细。大家可以自己动手试试看。除了这种极微小单位的情况以外，都应尽量使用矢量绘制，这个前提是不会变的。 雷达扫描效果的实现是第一个难点，这其实就是渐变叠加样式，关键是要选择角度的渐变方式，以及相应的渐变设定，分别如下左图和中图所示。渐变色标为96de8a。渐变色标也可用白色，再通过更改混合模式或降低不透明度来融合图像。此时图像应如下右图所示。如果看不懂这里的内容，请复习基础教程的相应章节。
Photoshop CS3制作动画：图层样式的妙用
今天我们介绍Photoshop CS3制作平面动画的第九讲：巧用图层样式制作动画。 在学习了如何使用时间轴方式制作动画之后，我们就完成了动画制作的基础部分。在这里要再次强调，注意不要随意在时间轴方式下切换到帧方式，因为这会导致时间轴定义的失效。若是误操作，可使用撤销命令挽回。 在前面的课程中，在使用帧过渡的时候，有3个参数(蒙版情况下有5个)，分别是位置、不透明度、样式。我们已经知道位置就是图层的坐标，比如一个文字的移动，就是改变文字图层的位置。不透明度则可实现图层半透明变化。而所谓的样式就是指图层样式。在Photoshop基础知识中我们已经学习过如何为图层定义样式，在定义样式中有许多的参数都直接影响最终的效果。如阴影的高度、角度等。这些参数中的绝大多数，都可以作为动画的变量来使用。可以做出效果非常好的动画。 在制作静态的作品时，图层样式中使用频率最高的就是投影，那我们就先从投影开始，将其做成动画来看看效果。 做动画前先要构思好怎么做，这个构思可称为剧本，这次的剧本设定，是让一个圆形浮起。而要在一个平面上表现物体浮起，就需要借助投影来引导视觉。新建一个100×100的空白图像，在文档设置(点击动画调板右上角的 按钮)中将动画持续时间改为1秒，帧率改为15。如下图所示。这样动画总共就是15帧。需要注意的是：由于帧数是从1开始，而时刻是从0开始，因此开始时刻即00:00就是第1帧，那么第15帧应位于00:14时刻，而非00:15。这个问题以前已经提到过，这里重复一下。 新建图层，接着使用椭圆工具的填充像素方式(非矢量)画出一个圆，颜色自定，然后对其设定投影样式。分别如下各图所示。
Photoshop CS3制作平面动画：初识时间轴
本文示例源代码或素材下载 今天我们介绍Photoshop CS3制作平面动画的第七讲：初识时间轴。 通过前面的课程，我们已经学会了利用关键帧过渡，以及利用独立图层这两种制作动画的方式。它们可以用来制作一些简单的单物体动画，在很长一段时间内也是Photoshop唯一的动画制作方式。今天我们要学习一种新的利用时间轴制作动画的方式。时间轴方式广泛运用在许多影视制作软件中，如Premiere、AfterEffects等，包括Flash也是采用这种方式。 关键帧过渡动画中还有许多操作我们没有提及，这是由于它们与时间轴方式并无关系，而时间轴将是我们今后制作动画的主要方式，因此予以略过。 为统一素材，请点击此处下载素材文件，并解压出PSD文件，在Photoshop中开启，这是一个没有帧设定的文件(大家也可以利用自己制作的代替)。如下图所示。由于使用了文字图层，可能在开启后会由于字体缺失而出现替换选项，选择用默认字体替换即可，默认字体虽然不够漂亮，但教学性是一样的。 PSD文件中包含3个图层(背景层不算)，其中两个是文字层，一个是矢量形状层。如果不知矢量形状图层为何物，说明基础部分没有掌握好。 点击动画调板右下角的按钮，即可切换到时间轴方式，如下图所示。细心的读者会注意到调板的名称变为了“动画(时间轴)”，而之前的是“动画(帧)”。右下角的按钮变为了，点击将会切换到原先的帧方式。
PS CS3制作平面动画：过渡帧动画的局限性
本文示例源代码或素材下载 今天我们介绍Photoshop CS3制作平面动画的第六讲：过渡帧动画的局限性。 到现在为止我们制作动画的过程都是事先建立好所需要的图层(文字也是一种图层)，再建立各个关键帧，之后进行过渡。如果每个动画都能有这样充足的事先计划那当然最好，但如果在已有的动画基础上新增图层会怎样呢? 打开( anisample01.rar)，会看到该动画总共有20个帧。点击动画调板右上角的 按钮就能看到“新建在所有帧中都可见的图层”一项。这样在已经为图像建立了多个帧的前提下，若新增图层，则该图层默认在所有帧中都可见，位置及不透明度也相同。 现在选择第1帧，在图像左上角新增一个矢量圆角矩形层及文字(如果看不懂这句话，则说明没有掌握基础知识)。就会看到所有帧中都出现相同的内容。如下图所示。其实在选择其他帧时新建层也可以达到同样目的，但圆角矩形及文字未必能直接就位于指定位置，总是需要使用移动工具作调整的。所以此时要利用“传播帧 1”的特性来确保在所有帧中的位置相同。如果在其他帧中调整位置，就只对一帧有效。 通常情况下都应开启“新建在所有帧中都可见的图层”选项。如果关闭，新建的图层只会出现在当前所选择(多选无效)的帧中。如果想在所选择的多个帧中可见，可以在图层调板中先隐藏再显示该层，此时动画调板中所选择的多个帧就会同时出现该层的内容。