推荐阅读
问与答 用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 CS4绘制矢量3.12植树节卡通宣传画
让我们看一下最终的效果图:最终效果图 1、执行菜单:“文件”/“新建”(快捷键Ctrl+N),新建一个空白文件,设置名称:植树画;宽度:640像素;高度:480像素;分辨率:72像素,如图1所示。图1 2、执行菜单:“图层”/“新建”/“新建图层”(快捷键Ctrl+Shift+N),建立一个新图层并命名为起稿,如图2所示。 图2 3、选择画笔工具,注意笔刷设置2像素画笔样式,在画面上画出草稿,合理安排构图,如图3所示。 图3 4、选择渐变工具,单击工具选项栏的可编辑渐变颜色图标,弹出渐变编辑器对话框,自定渐变颜色,浅蓝色到白色的渐变,如图4所示。 图4
Photoshop CS4教程:人物照片修饰的思路
要学习PS人像修饰,色彩调节只是其中重要的一个环节,但不是全部。 一般认为人像修饰大致要经过以下流程: 1 .亮度,颜色及色调 这一部分包括处理人像的曝光、白平衡,对比度,初步色彩调整等等,使照片有个基本的正确色调再进行后续处理。 2 .清理 这一部分包括清理皮肤上的斑点污渍,皱纹、衣服上多余的折皱,照片上的划痕,噪点等等。清理背景上影响主体的物件,污渍,使人物主体更突出等等。 3 .增强 这一部分包括对人体进行高度的改变、胖瘦的处理、对五官进行细致修饰,如改变眼睛、鼻子的大小、角度,修改脸形; 修改嘴唇的外形、色彩;修饰眼线、眉毛等等。还包括处理头发的颜色、疏密等等。如果你有足够的时间和能力还可以 抠图换背景等等。这些都是增强的处理内容。
关于Photoshop CS4中3D功能的一点见解
这几天闭门研究CS4中的3D功能,发现CS4自带的固有模型较少,虽然可以额外导入3DS格式的3D文件进行渲染。但总觉得缺少点什么,研究了半天之后,终于发现了能在CS4里造型的一个功能。从灰度新建网格,这个功能的原理是利用黑到白这256个色阶的深浅度来控制凹凸。但在进一步的摸索中,也发现了此功能还存在了些程序运算上的问题,希望ADOBE公司的下一代产品以够优化一下其后台运算程式。那么,让我们先来以图文方式理解一下“从灰度新建网格”的工作原理。
Photoshop CS4处理偏黄的MM照片柔和粉色调
效果图:原图:教程:1.复制背景层,在副本上磨皮.2.创建色相饱和度调整图层,色相:0,饱和度:-53,明度:03.按CTRL+SHIFT+ALT+E键盖印图层.4.图像-应用图像,通道选择红色,混合模式选滤色(屏幕),不透明度100%
Photoshop CS4(Bridge)的几处完善
Photoshop CS4(Bridge)的几处完善,主要是提供了按下空格临时切换为图片全屏查看,图像审阅模式、自动堆叠HDR和全景图等等。特别是新增的PDF幻灯片和WEB画廊的输出面板,使用后感觉非常方便,效果也不错,特别是一些Flash格式的动态模板。输出面板的操作形式挺像3DSMAX的,很酷的感觉,如图1所示。 图1:重新设计的PDF幻灯片和WEB画廊输出面板 (雁鸣湖D50+70-300VR)图像审阅模式方便挑选和对比照片。这种“嚣张”的造型,让我想起早年的Director Shockwave播放器,有一种浏览电影盘片的感觉。这种方式其实满适合我这种“连拍狂人”的,找出细节的不同,然后毫不留情的“干掉”,如图2所示。 图2 审阅模式 (人民公园D50+70-300VR)自动堆叠HDR和全景图这个功能有点意思,执行后会将有连续性的、构图比较相似的图都堆砌到一起。再具体来说,就是找出你拍摄的多张曝光不同(包围曝光)、色温不同(白平衡包围)或角度不同(全景或拼接)的照片。不过实际的实验中,多少会有些误差。如图3所示。
用Photoshop CS4画笔绘制回族服饰的教程
我国少数民族的传统服饰被誉为“灿若星河的东方霓裳”,各式各样的传统服饰美不胜收。这次为网友带来用PS的画笔绘制回族服饰的教程。在教程中,我们可以重点关注作画的步骤以及画笔工具的设置与运用,希望你也来试一下。 中国是一个多民族的国度,每个民族都有其不同的特色,除了其风俗习惯、生活方式等,其中衣着是最能体现出民族的风格,各民族的服装特色与让同胞们领略到我国的多姿多彩,接下来就和大家一起来学习我国回族服装的绘制,不足之处还望不吝赐教。 效果图:效果图 下面开始绘制: 1、打开Photoshop CS4后,执行菜单:“文件”/“新建”(快捷键Ctrl+N),弹出新建文档对话框,把文档的大小与及其它参数设置如图1所示,然后单击“确定”完成新建文档。图1 2、新建了文档后,执行菜单:“滤镜”/“滤镜库”,弹出滤镜库窗口,选择“纹理化”,纹理的样式选择“砂岩”,缩放为:80%,凸现为:15,光照选择:上,如图2所示。图2 3、单击图层面板下方的新建图层按钮,新建一个“图层2”(快捷键Ctrl+Shift+N),选中“图层2”选择工具箱中的画笔工具,在文档中点击右键弹出笔尖设置对话框,选择“喷溅 14 像素”笔尖,在工具选项栏中设置不透明度为:49%,流量为:46%,如图3所示。
体验Photoshop CS4的3D能力
很久很久以前… Sorry,我不是在讲童话故事。我只是说在Photoshop的很早期版本有一个3D变换滤镜,后来不知为什么被去掉了。现在看来Adobe大概是在韬光养晦,正在策划一场2D跨越3D的革命!这场革命从CS3就开始了,而如今它已经“占领”了我所有的视觉神经。这里用一个小例子,来体验一下Photoshop CS4的三维能力吧。用户如今不但可以导入MAYA、3dsMAX等生成的3D对象,还可以在Photoshop CS4中直接生成三维形状,比如立方体、球体、苏打罐、葡萄酒瓶等。你可以有两种选择,基于平面图像直接转换为带贴图的三维对象;或像我一样,选择主菜单“3D>New Shape From Layer”来新建一个三维对象,这里我新建了一个帽子形状。图1: 新建一个帽子的三维对象在图层面板可以看到新建的三维图层,双击该层Textures下的Background,我们来编辑帽子的材质。图2: 图层调板中的三维图层Photoshop会建立一个新的空文件,在该文件中我们置入一张平面图片,大小正好铺满画布。该图的大小和位置将影响最终3D合成的效果。图3: 置入一张平面图片
photoshop CS3 选择工具轻松创建优质选区
Adobe Photoshop CS3新增的“快速选择工具”功能非常强大,给用户提供了难以置信的优质选区创建解决方案。这一工具被添加在工具箱的上方区域,与魔棒工具归为一组。Adobe认识到快速选择工具要比魔棒工具更为强大,所以将快速选择工具显示在工具箱面板中显眼的位置,而将魔棒工具藏在里面。 好了,说得够多了……现在还是让我以实例的形式来向大家介绍一下吧。1.我们在Photoshop CS3中打开一幅非洲菊的图像,如图1所示。 提示:要更改画笔大小,可以使用选项栏中Brush一侧的下拉列表,也可以直接使用快捷键[或]来增大或减小画笔大小。 2.快速选择工具是智能的,它比魔棒工具更加直观和准确。你不需要在要选取的整个区域中涂画,快速选择工具会自动调整你所涂画的选区大小,并寻找到边缘使其与选区分离。 在选项栏中我们可以看到有一个“Refine Edge”(优化边缘)按钮,单击该按钮会打开一个对话框,在对话框中可以所做的选区做精细调整,可以控制选区的半径(Radius)和对比度(Contrast),可以羽化(Feather)选区,也可以通过调节光滑度(Smooth)来去除锯齿状边缘,同时并不会使选区边缘变模糊,以及以较小的数值增大或减小选区大小。 在调整这些选项时,我们可以实时地观察到选区的变化,从而在应用选区之前确定所做的选区是否精准无误。如果觉得选区已经优化得不错,就可以单击“OK”按钮接受选区,然后再根据需要将其从图像中移除,或者在不影响选区之外内容的情况下编辑选区中的像素,如此等等。
抢先体验Photoshop CS3 Beta新特性
Adobe于12月15日在官方网站提供了Photoshop CS3测试版下载,现在应该有许多网友下载下来并安装试用了。这一次Adobe对Photoshop的改进可真是不少,而且有许多新特性正是PS爱好者们梦寐以求的。安装过程不再赘述了,相信这个难不倒诸位Photoshop的忠实Fans。下面我们还是来看一看Photoshop CS3 Beta最激动人心的几大新特性。 一、全新的可自定义用户界面 说实在的,此前Photoshop的用户界面无论怎么改进,每一次版本更新总让人感觉只是做了些微小的改变而已。不过这一次Photoshop CS3可以让用户最大限度地自己定制用户界面了。 启动Photoshop CS3测试版之后,大家会注意到左边的工具箱成了一个单列的长条(如图1所示),乍一看到这个,确实挺让人吃惊的。是为了节省了屏幕空间吗? 图1 如果你感到不习惯,没关系,只要单击工具箱左上方的双箭头就可以改回原来的双列工具箱,如图2所示。通过单击双箭头,可以在单列和双列间转换。此外,工具箱中的快速蒙版与屏幕切换模式也做了改动,变得更加简洁了。 图2 界面的另一重大改进是面板位置的安排。我们打开一幅图像看看,就能了解与原来的Photoshop面板有什么区别了,它们可以整齐地泊靠在窗口的一侧,不再是浮动的面板,如图3所示,有点类似于Dreamweaver 8。 这样一来显然更有利于管理面板和面板组。 图3