推荐阅读
PS打造蓝色质感水晶文字效果
这篇教程教飞特的朋友们用PS打造蓝色质感水晶文字效果,教程制作出来的文字效果灰常漂亮,制作难度中等,教程主要体现的是质感的部分吧,希望飞特的朋友们能从这篇教程中有所收获,先来看看最终的效果图吧:效果图:具体的制作步骤如下: 1.打开背景图,开始打字,设置前景色#77a5c2 ,打上你想要的字样,我用的是Alba字体(字体素材下载),然后复制文字图层,得到文字副本层, 把填充改成0% 2.回到文字图层,更改图层样式
理解Web框架,和如何构建一个CSS框架
什么是框架? 为了便于沟通,我们给“框架”统一一个定义(至少在本篇文章中是统一的):一套包含工具、函数库、约定,以及尝试从常用任务中抽象出可以复用的通用模块,目标是使设计师和开发人员把重点放在任务项目所特有的方面,避免重复开发。通常的讲,框架就是上面提到的JavaScript框架和Web应用框架。 需要强调说明的是,我们不必讨论构造、打包发布,相反,一个框架只为你或你的团队使用即可。CSS框架 有些时候,你可能尝到了抽象类似的CSS代码的甜头,在那些同时设计几个类似网站的设计师身上表现最为明显。此外,团队中的设计师们从框架的方法上有很多的获益。比如,我在一家报馆工作,所有的20多个网站保持着很多的共同点,基于新闻网站的特点,它们趋向于更加相似,而不是差异。但是,即使单独一个设计师,设计一个从表面上看有差异很大的项目,也可以为CSS框架抽象出一些通用的小碎片。 劳伦斯日报(Lawrence Journal-World),我在那里工作,我们最近建立了一个CSS框架,并发现它是一个巨大的效率倍增。当然,我们花了数天时间自己创建了一个CSS框架,但一旦框架完工,开发高质量网页的速度是极快的。更何况,既然团队每一个设计师现在都使用这个框架,当一个设计师修改另一个团队成员网页时,他们不再需要花20分钟理解别人的构建思路,可以马上上手。 有那些可以忽略? 当投入到一个整体性很强的CSS框架,你想寻找的东西,是每个项目都做了一遍又一遍的重复通用的代码,目标是巩固这些代码核心地位,遵循“不重复自己(Don’t Repeat Yourself)”编码方法。这使得维护工作容易了许多,还可以帮访问者节省带宽开销。 几乎每个我参与的项目中,我必须声明的几个CSS问题: “大量重置”浏览器默认风格,比如,设置所有元素的margin和padding为0,去掉框架(framesets)和图片(images)的border,等等。 以基线对齐。这包括诸如设定块级元素的margins相同的(或多个)基准行高,如段落(paragraph)、头(header)、以及列表(list)。 创建表单(Form)的基本样式。 创建几个常用的CSS 类,例如,.hide(把display置为none,即隐藏元素)、.mute(设定为一个较小的字体和较亮的颜色)。 还有更有趣的事情,许多网站设计师发现自己不断重复使用着相同的基本结构,为什么不动它整理成自己的,在某种程度上可以非常灵活的用于多个网站?Yahoo这样做了,这就是YUI。当我们为的劳伦斯日报网站(the Journal-World)建立CSS框架的时候,我先看看Yahoo是怎么做的。我们很肯定那不是我们想要的,但作为一个很好的例子,给我们提供了很多思考和如何建构自己框架的想法。我们解决了16个单元格的问题,它具有足够的灵活性使我们的每一个网站都可以应用,即使每个网站看上去与下一个版本有些差异。另外大多数网站共用widgets ,象下拉菜单、导航菜单、按钮等,这些也是主要的需要抽象提取的对象。除此之外,你可能有共同的内容名称,如图片列表的缩略图,你可以规范对CSS命名,如“thumbnail-list”,让所有显示缩略图的都使用这个CSS类。
IE9在对HTML5的支持上依然垫底
HTML5带来新热潮,W3C预计在2012年使其视频、绘图和地理规范稳定下来并达到推荐水平。事实上多个浏览器已经开始全面拥抱HTML5,也包含不思进取的IE。html5test.com是一个在线的基准测试,它类似于Acid3,但主要用来测试浏览器对HTML5的兼容性,讽刺的是,IE9仅仅带来了更快的JS引擎,在对HTML5的支持上依然垫底,以下是成绩公布:
最新发布
打开 Dreamweaver CS5 中颜色图标
默认情况下,Dreamweaver CS4 及更高版本使用黑白图标,当鼠标悬停在这些图标上时,它们将变为彩色图标。您可以让颜色图标永久打开,这样不需要任何悬停操作。 选择“视图”>“颜色图标”。切换到“经典”工作区或“编码器”工作区。若要再次关闭颜色图标,请从“视图”菜单中取消选择“颜色图标”,或切换到其它工作区。
显示选项卡式文档 (Dreamweaver Macintosh)
可以在一个“文档”窗口中显示多个文档,并使用选项卡来标识每个文档。还可以将这些文档显示为浮动工作区的一部分,此时每个文档都显示在自己单独的窗口中。 在您更改首选参数时,Dreamweaver 不会更改当前打开的文档的显示。但是,在选择新的首选参数之后打开的文档将按照您所选的首选参数进行显示。
在Dreamweaver CS5中存储和切换工作区
通过将面板的当前大小和位置存储为命名的工作区,即使移动或关闭了面板,您也可以恢复该工作区。已存储的工作区的名称出现在应用程序栏上的工作区切换器中。 对于要存储配置的工作区,请执行以下操作之一:(Illustrator) 选择“窗口”>“工作区”>“存储工作区”。(Photoshop、InDesign、InCopy)选择“窗口”>“工作区”>“新建工作区”。(Dreamweaver) 选择“窗口”>“工作区布局”>“新建工作区”。(Flash) 从应用程序栏上的工作区切换器选择“新建工作区”。(Fireworks) 从应用程序栏上的工作区切换器中选择“保存当前”。键入工作区的名称。(Photoshop、InDesign)在“捕捉”下,选择一个或多个选项:
在 Dreamweaver 中重新排列、停放或浮动“文档”窗口
打开多个文件时,“文档”窗口将以选项卡方式显示。 若要重新排列选项卡式“文档”窗口,请将某个窗口的选项卡拖动到组中的新位置。要从窗口组中取消停放(浮动或取消显示)某个“文档”窗口,请将该窗口的选项卡从组中拖出。要将某个“文档”窗口停放在单独的“文档”窗口组中,请将该窗口拖到该组中。若要创建堆叠或平铺的文档组,请将此窗口拖动到另一窗口的顶部、底部或侧边的放置区域。也可以利用应用程序栏上的“版面”按钮为文档组选择版面。若要在拖动某个选项时切换到选项卡式文档组中的其它文档,可将选项拖到该文档的选项卡上并保持一段时间。
在Dreamweaver CS5 中停放和取消停放面板
停放是一组放在一起显示的面板或面板组,通常在垂直方向显示。可通过将面板移到停放中或从停放中移走来停放或取消停放面板。 要停放面板,请将其标签拖移到停放中(顶部、底部或两个其它面板之间)。要停放面板组,请将其标题栏(标签上面的实心空白栏)拖移到停放中。要删除面板或面板组,请将其标签或标题栏从停放中拖走。您可以将其拖移到另一个停放中,或者使其变为自由浮动。 正在拖出到新停放中的“导航器”面板,由蓝色垂直突出显示区域表示 查看完全大小图形 “导航器”面板现在位于其自己的停放中您可以防止面板占据停放中的所有空间。向上拖动停放的底部边缘,使其不再接触工作区的边缘。
移动 Dreamweaver CS5 中面板
在移动面板时,您会看到蓝色突出显示的放置区域,您可以在该区域中移动面板。例如,通过将一个面板拖移到另一个面板上面或下面的窄蓝色放置区域中,可以在停放中向上或向下移动该面板。如果拖移到的区域不是放置区域,该面板将在工作区中自由浮动。注: 鼠标位置(而不是面板位置)可激活放置区域,因此,如果看不到放置区域,请尝试将鼠标拖到放置区域应处于的位置。 若要移动面板,请拖动其标签。若要移动面板组,请拖动其标题栏。 较窄的蓝色放置区域表示,“颜色”面板将自行停放在“图层”面板组上面。
Dreamweaver CS5 添加和删除面板
如果从停放中删除所有面板,该停放将会消失。您可以通过将面板移动到工作区右边缘直到出现放置区域来创建停放。 若要移除面板,请右键单击 (Windows) 或按住 Control 单击 (Mac) 其选项卡,然后选择“关闭”,或从“窗口”菜单中取消选择该面板。要添加面板,请从“窗口”菜单中选择该面板,然后将其停放在所需的位置。
处理 Dreamweaver CS5中面板组
要将面板移到组中,请将面板标签拖到该组突出显示的放置区域中。 将面板添加到面板组中 要重新排列组中的面板,请将面板标签拖移到组中的一个新位置。要从组中删除面板以使其自由浮动,请将该面板的标签拖移到组外部。要移动组,请拖动其标题栏(选项卡上方的区域)。
在 Dreamweaver CS5 中堆叠浮动的面板
当您将面板拖出停放但并不将其拖入放置区域时,面板会自由浮动。您可以将浮动的面板放在工作区的任何位置。您可以将浮动的面板或面板组堆叠在一起,以便在拖动最上面的标题栏时将它们作为一个整体进行移动。 自由浮动的堆叠面板 要堆叠浮动的面板,请将面板的标签拖动到另一个面板底部的放置区域中以拖动该面板。要更改堆叠顺序,请向上或向下拖移面板标签。要从堆叠中删除面板或面板组以使其自由浮动,请将其标签或标题栏拖走。
在 Dreamweaver 中为命令添加快捷键
分配给该命令的快捷键显示在“快捷键”中。如果已经分配给该命令的快捷键少于两个,请单击“添加项 (+)”按钮。新的空行显示在“快捷键”中,插入点移动至“按键”处。如果已经分配给该命令两个快捷键,则选择其中之一(该快捷键将被新的快捷键替代)。然后在“按键”处单击。
