推荐阅读

问与答 用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)
最新发布

插画图片,AI+PS鼠绘可爱的招财猫插画Banner图片
插画作为Banner元素之一,只要学会创作小场景,利用场景元素,就能制作出自己原创的插画Banner。下面这篇文章重点就通过创作一只小猫咪出发,用小猫咪作为素材设计一张插画风格的Banner。灵感素材 对于无法原创插画的小伙伴,还是需要参考照片来作为创作起点。我们今天用的照片是我从摄图网上看到的,刚好被小猫咪可爱的动作所吸引。(很像招财猫的动作~)从照片中提取草图STEP 01 提取草图,也就是明确猫咪的身体结构,造型可写实可抽象,但是写实永远是个起点。所以写实的过程就可以在草图中进行。利用照片勾勒也好,还是根据照片参考自己画出结构也好。都是一个不错的开始。 从上图可以看出,猫咪的结构轮廓线有了,这部分在我们的扁平插画研习社课程中也和大家详细讲过,从骨骼开始抽取最基本的线条,这部分为接下描绘大形打下了坚固的基础,如果骨骼出了问题,轮廓线就很难纠正最初的结构,导致形体出问题的也是这一最初环节。 外轮廓并不一定完全按照猫咪的外形来勾勒了,部分细节可以修改。 第一层!整体大轮廓 猫咪的大轮廓是造型的起点,先画出一整个剪影形状,为细节打下基础。

通道抠图,使用PS通道抠出背景较简单的人物照片
本篇教程通过通道抠取人物,整个教程来说比较简单,因为所抠的背景比较简单,主要是要同学们熟悉一下通道的运用,知道通道抠图的原理,学会观察红绿蓝通道,知道在抠图的时候应该选哪一个,本篇的抠图比较好上手,同学们可以先跟着来学习一下,试着去抠取人物,慢慢的学习高阶的教程,这样一步步来,进步的会更快。 效果图: 素材: 操作步骤: 1.使用【PS】软件打开原图,点击通道面板,分别点击红、绿、蓝三个颜色通道查看,哪个与背景的反差最大。

人物修图,使用PS古风人物照片后期精细修图教程
通过PS给古风人物进行调色修图,调色后我们会给人物面部进行处理,这里用到的是中性灰,调整后的人物皮肤更有质感,放大更能彰显细节,整体的处理都比较得到,同学们可以借鉴教程来练习一下,看看是如何一步步给照片进行精细修图的,人物面部如何修饰,在学习中提高自己的PS技术。 效果图: 操作步骤: 1.【打开】PS,【导入】素材,进入【Camera Raw】滤镜,调整【基本】面板参数,具体参数效果如图示。 2.【细节】面板,调整【锐化】与【减少杂色】参数,具体参数效果如图示。 3.【HSL 调整】面板,调整【色相】参数,具体参数效果如图示

渐变图片,Illustrator绘制多渐变色风格插画图片教程
多渐变色风格是当下十分流行的一种风格,比较适合运用在特定的场景环境中。对于新手来说,多渐变色风格不太容易上手,对于设计者的基本功要求比较高。下面的轻写实风景插画作品属于百图记优秀练习者ZOE的个人作品。 本教程主要讲述了多渐变色风格的创作思路和主要操作,适合有一定基础的设计师学习。下面让我们正式进入这篇教程吧。 先看看效果图 教程步骤 01. 寻找参考图 02. 草稿绘制 03. 基本图形绘制及简单上色

人像修图,PS打造质感皮肤的美女人像修图教程
古铜肤色的皮肤是很多欧美人的大爱,教程通过PS给泳装美女进行精致修图,打造人物质感皮肤,先用液化给人物肌肤进行一些简单的处理,再用高反差保留给皮肤进行修饰,可以试着参考一下教程如何练习,也相信同学们可以通过教程来学到更多的给人像修图的技能,一起来学习一下吧,相信你会做的更好。 效果图: 操作步骤: 1.使用【PS】打开原图,复制一层,先调整一下【液化】调整如图所示。 2.在复制一层,使用【污点修复画笔工具】将皮肤瑕疵进行修除。 3.复制一层,选择通道面板,复制蓝通道,进行【高反差保留】。

红蓝照片,PS渐变工具和图层混合模式制作红蓝人像照片
本篇教程通过教程制作双色人像的教程。一般来说,双色人像都是摄影师在影棚里,使用红蓝两种色片打出来的灯光效果,利用冷暖反差,体现照片人物个性,模仿制作一下这种效果。肯定与拍出来的效果不一样,纯属娱乐,主要就是温习一下建立调整图层、渐变工具、图层混合模式等,一起通过教程来学习一下吧,相信你会做的更好。 效果图: 素材: 操作步骤: CTRL+J,复制图层。点击图层面板下方的"新建调整图层"按钮,新建一个"纯色"图层: 将纯色图层颜色设置为青色,如图:

婚纱后期,通过PS“画”出来外景人物婚纱照片
通过教程把普通的外景婚纱照片制作出高级感,看过了许多婚纱照片的精修,本篇教程通过PS把婚纱“画”出来,制作起来考验同学们的动手能力,尤其在使用画笔的时候,画出的线条要流畅,还要考虑美感,一起来操作一下吧,如果刚开始制作起来有点难,可以先看一下教程是如何做的,再加强练习。 效果图: 操作步骤: 1.在【Camera Raw12.2】,调节【色调曲线】,提亮明度,压一点高光,加一点点对比。点击【基本】里调节对比度调为-48,阴影调为+28,黑色调为+60,降低高光-70,白色调为+13,饱和度调为+41。 2.肤色点击【校准】里调节,红原色饱和度调为-20,绿原色色相调为+65,红原色色相调为+11。点击【镜头矫正】里勾选上删除色差、启用配置文件矫正,晕影改为70。 3.点击【HSL调整】。【明亮度】:红色+49、橙色+51、黄色+36、绿色+18、浅绿色+48、蓝色+43,【饱和度】:绿色+73、浅绿色+78、蓝色+76。

使用PS多个选区工具抠出背景复杂的半透明婚纱
作者主要用各种选区工具来抠,算是一种比较少见的抠婚纱图方法,赶紧学习一下。 素材: 效果图: 抠图步骤: 第一步、打开素材图片,把背景图层用鼠标向下拉到第六个“创建新图层”按钮松手就会得到一个新图层1(也可以 Crtl+j复制,也可以右键-复制图层)。结果如下图所示: 第二步、用矩形选框工具选取水印和花,点编辑-填充-内容识别,如下图所示:

用PS合成正在使用魔法书的暗黑巫师创意图片教程
本教程主要使用photoshop合成正在使用魔法书的暗黑巫师,主要和大家展现的是一个正在施法的魔法师场景,希望大家可以喜欢.最终效果详细过程:

PS抠图教程:5种经典的Photoshop抠图方法技巧详解
在我们的设计中,抠图可以说是最常见的运用啦,简单的抠图我们都会,但是最令我们头痛的人物或者动物的毛发的抠图了,很多人都抠不好,我也是经常在很多设计作品中看到没有扣干净的人物图片,看的真的是一脸的尴尬作为设计师的我们,抠图是我们的基本功,但是也不是最简单的基本,接下来我会一一介绍不同图片用什么方法抠图最好最快!第一种:魔棒工具抠图魔棒工具抠图对于图片的要求是很高的,需要纯色背景并且主题图片轮廓清晰案例展示:我们对于下面这种类型的图我们就可以选择简单快速的魔棒工具抠图,满足背景是纯白色(纯色)+产品图轮廓清晰抠图步骤:第一步:ps打开图片文件,解锁