推荐阅读
问与答 用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)
最新发布
PS CS3智能对象进行精彩的自由变换
本例介绍CS3新增加的智能对象功能,教程详细介绍了智能对象工具的应用,了解了这个工具的运用,将会给你做图带来无限创意 朋友们可能知道如何使用Photoshop复制变换得到漂亮的规则变化图形的方法。经典的快捷键Shift+Ctrl+Alt+t,可以创造出千变万化的规则图案,强大无比。 我们可以利用Photoshop CS3对智能对象进行自由变换,从而在任何时候都可以统一更换变换的图像,制作出变化多端的图案来,在开始对智能对象动手之前,我们需要先看一看经典的复制变换是怎么一回事。 所谓复制变换,是指把一个图层中的物体复制并自由变换,多次的复制和自由变换之后,就可以得到顺序渐变的优美图形。 下面我们实际操作一下。下载本教程提供的文档,可以看到,它由两个图层组成,一个是背景层,一个则是在上方的树叶层。我们为这个树叶层还加上了一个阴影。这样在复制变换时,还可以加入阴影效果。如图所示: 下面开始第一次自由变换。单击树叶图层,按下Ctrl+t。对树叶层进行自由变换。把变换中心点放置在框外,这样在我们进行复制变换时,树叶就会围着这个点一边旋转一边变换啦。在上部属性栏里如图示进行设置,将树叶向右侧旋转一个角度并缩小。 按下回车确定,我们就设置了初始变换,后面我们再做的操作,都会按照这个设置一边复制图层,一边变换
Photoshop CS3将冷冷的月亮打造成浪漫梦幻效果
本例介绍运用PS CS3将冷冷的月亮打造成浪漫梦幻的场景效果,教程讲解了如何将一张月球的图片通过色彩平衡调色,再通过选区工具将月球改成月牙形状,然后用高斯模糊和星星笔刷作修饰,完成最初效果,还介绍了海上明月的制作方法,希望能给朋友们带来帮助~~最终效果:1.我们先找一张月亮的图2.因为背景是比较纯的黑色,所以我们可以用"魔棒工具",容差选10,在黑色的背景那点一下把背景框选出来
Photoshop CS3将照片处理为艺术插画特效
艺术插画效果具体操作步骤如下。第一步:进入到 Photoshop CS3(其他版本步骤类似),按快捷键Ctrl+O键,在弹出的“打开”对话框中找到我们想处理的图片素材,如图2所示。第二步:提取人物。这个图片素材由于背景为白色,所以我们可以通过“魔术棒”工具来完成人物提取工作。单击工具箱中的“魔术棒”工具,并在出现的属性工具栏中单击“添加到选区”按钮,然后使用“魔术棒”工具依次单击白色背景。接着按快捷键Shift+Ctrl+I键进行反选,这样就把人物选中了。得到选区后按快捷键Ctrl+J键复制选区并新建图层,得到图层1,如图3所示。第三步:选中图层1,将其拖放到图层面板下方的“创建新图层”中,创建出“图层1 副本”图层,执行菜单栏中的“图像→调整→去色”命令。接着将“图层1 副本”图层拖放到图层下方的“创建新图层”按钮上,创建出“图层1 副本2”图层,并将其隐藏起来,如图4所示。
Photoshop CS3在签名背景上加漂亮动画效果
本例介绍运用 PS CS3在签名背景上添加漂亮的动画效果,教程讲解的比较详细,适合新手朋友学习,希望朋友们喜欢~~最终效果:延伸效果:试试用照片做下效果,也不错的
Photoshop CS3调色教程之淡雅效果
工具:ADOBE Photoshop CS3效果图:原图:1.将背景层复制一层,然后在复制的图层上面磨皮,取名为磨皮层.2.在磨皮层上面新建一个色相/饱和度调整图层:图层-新建调整图层-色相/饱和度,弹出对话框,在"编辑"的下拉框里选择"黄色",色相:+26,饱和度:-100,明度:0;再新建一个曲线调整图层,输出值:186,输入值:147;3.新建一个色彩平衡调整图层,这个调整图层主要是给图片调色;色阶值:-13,-18,+24;色彩平衡:中间调;勾选保持亮度.
完美的photoshop CS2平台移植方法
平常处理图片都是用photoshop的,虽说GIMP也是不错,跟photoshop好相似,但是用起来总有点不顺的感觉,今天决定搞一个运行在linux下的photoshop,但是在网上找了好多资料都没有虚拟CS的,不过倒是了解了不少虚拟photoshop 这方面的,最终还是自己去试了,不过来点创新,试着直接把windows下的photoshop CS2 COPY 过来用,嘻嘻,真给我弄得活起来了!!废话少说,看下面吧,只用了六步而已。 第一步:装几个软件包 $ sudo apt-get update $ sudo apt-get install wine $ sudo wine $ sudo apt-get install recode (一会注册表字符编码转换会用到) 第二步:装windows 下的photoshop 文件夹下所有的文件复制过来 copy 整个 “c:Program FilesAdobe”目录到 “/home/YOURNAME/.wine/drive_c/Program Files/”下。 第三步:将windows 下的photoshop 的注册表文件全部导出 在windows下打开“开始-运行”输入“regedit”,找到 “HKEY_LOCAL_MACHINE/Software/Adobe/”,然后右键点击Adobe选择导出,并命名“adobe.reg”。
体验Photoshop CS2的变形转换
Photoshop CS2在“编辑 > 变换”菜单中新增了一个称之为“变形(Warp)”的变换类型。使用新的变形命令你可以转换图层到多种预设形状,或者使用自定义选项拖拉图像。 所有这些都工作在文档窗口中,因此你不需要学习像液化命令那样的新对话框。变形选项与在文字工具中可找到的差不多——扇形,拱形,凸形,贝壳,旗帜,鱼形,波浪,增加,鱼眼,膨胀,挤压和扭转。 1.Photoshop CS2变形转换 Photoshop CS2中新的转换>变形命令 2.变形弯曲旗帜 在这张图片里,我使用了旗帜预设项并只调整弯曲数量,因此效果不是很厉害。 3.变形-膨胀和自定义变形
PS CS & CS2 显示PSD缩略图
让你的PS CS & CS2 显示PSD缩略图(WINDOWS) 在windows 2000XP下,安装了Photoshop 7.0后可以在WINDOWS资源管理器中启用缩略图功能预览PSD文档.然而到了PHOTOSHOP CS 和CS2版,这功能却被取消了,让众多用户深感不便. 年前在IT168看到一篇文章,说的是用提取PS 7.0中相关文件置入 CS或CS下,再通过添加注册表项和键值,从而让CS和CS2恢复缩略图显示的方法,因忙于回家,未来得及试验.现经Windows XP SP1、PS CS2环境下测试,该方法有效,可以不必安装第三方软件,即可让WINODWS显示PS CS和CS2产生的PSD文档的缩略图. !警告:修改注册表是一种危险的行为,在开始下面的工作之前,强烈建议您备份注册表.对注册表操作不熟悉的用户,建议在您的内行朋友的协助下修改注册表. 第一步:找一台安装有PS 7.0的电脑,或者如果您有PS 7.0,自己安装一下也可以.找到系统盘,常见为C盘,找到C:Program FilesCommon FilesAdobeShellpsicon.dll, 其中文件PSICON.dll即是让WINDOWS显示PSD缩略图的文件.将这个文件复制下来,存放到另外的文件夹中.如果你自己安装了PS 7.0,这时可以将其卸载. 第二步:在安装有PS CS或CS2的系统上,你可以查看C:Program FilesCommon FilesAdobe这个目录,是不是没有SHELL文件夹?当然也没有psicon.dll这个文件,这就是PS CS和CS2不显示PSD缩略图的主要原因.现在,我们在ADOBE目录下再新建一个目录,命名为SHELL,把刚才复制的psicon.dll文件存放在SHELL目录下.好,现在记下这个文件的路径是C:Program FilesCommon FilesAdobeSELLpsicon.dll,在后面的注册表修改中要用到它. 第三步:运行注册表编辑器(WIN+R,REGEDIT).查找[HKEY_LOCAL_MACHINESOFTWAREClassesCLSID{0B6DC6EE-C4FD-11d1-819A-00C04FB69B4D}]键,在该键下新建项:InProcServer32,在右边的键值窗口中显示默认字符串,双击该字符串值项修改字串值,输入C:Program FilesCommon FilesAdobeSELLpsicon.dll即可. 第四步:查找[HKEY_CLASSES_ROOT.psd键, 在该键下新建子键,名ShellEx,再在ShellEx子键下新建{BB2E617C-0920-11d1-9A0B-00C04FC2D6C1}项 (大括号要保留哦) ,将该项的项值命名为(同样为字符串值)
Photoshop CS2入门 文字工具(2)
今在我们接着文字工具1来讲,文字工具1中所说到的是如何创建文字、设置文字选项、文字调板字符选项等,今天我们首先要来看到的是如何栅格化文字,某些命令和工具(如滤镜效果和绘画工具)不可用于文字图层。 必须在应用命令或使用工具之前栅格化文字。 栅格化将文字图层转换为正常图层,并使其内容不能再作为文本编辑。 如果选取了需要栅格化图层的命令或工具,则会出现一条警告信息。 某些警告信息提供了一个“确定”按钮,点按此按钮即可栅格化图层。要将文字图层转换为正常图层,请选择该文字图层,然后选取“图层” >“栅格化” >“文字”。 1、填充文本 创建文本之后将其定位在满意的位置,接下来就可以对其进行填充。选择“编辑”“填充”。在填充对话框,在“使用”框中选择“前景色”,并设“模式”为“正常”,也可以改变透明度,之后点击确定键。 应用“填充”命令后,色彩只能填充到字母当中。文字蒙版的作用可以使色彩在指定范围内填充,或者可以通过喷涂文字或向选框添加图象来进一步了解蒙版产生的效果。 要取消对文字的选择可以选用“选择”“取消选择”命令或按CTRL+D键,此操作可以取消对文字的选定。提示要返回最后一次对文字的选定,请选择“选择”“重新选择”。 2、文字的放大与缩小 缩放工具可以在文档中任意区域定点,通过点击将其放大,每次用缩放工具点击它,都会进行放大。要缩小,可以按住ALT健再在图中进行点击。 缩放之后,可以使用抓手工具使文本在不同的方向上移动。使用时只需在屏幕上点击和拖动即可。但应注意,抓手工具并未移动屏幕上的物体,它只是提供了一种快速的移动方法。
Photoshop CS2新手入门之文字工具
在Photoshop CS2和ImageReady中,可以使用文字工具,把文字添加到图象中。掌握这一工具不仅可以把文字添入到图象中,同时也可以产生各种特殊的文字效果。例如,把图象放入文字中,就会产生阴影和三维斜面的效果,使用文字变形工具可以使文字弯曲或延伸。 我们所要讲述的是文字工具的使用和增加变形文字的方法。其中通过大量的实例说明了在Photoshop CS2和ImageReady中使用文字工具产生了多种效果。 1、设置文字工具选项 在Photoshop CS2和ImageReady中生成文字很简单:选择文字工具,用鼠标点击文档。文字工具提供了许多有关输入文字和文字外形的选项,在添加文本时应当先熟悉它们的作用。选择工具栏中“文字工具”项,文字工具的各个选项显示在屏幕上,如图1所示: 图1 另外,在工具箱上面,文字工具有四字,即横排、直排、横排文字蒙版和直排文字蒙版,他们的快捷为T,可按住SHIFT+T键将这文字工作进行转换。如图2的示: 图2 2、建立新文字层