推荐阅读

详细解析通过设计让APP变快的6个方法
我们都知道不管网页还是移动应用,响应速度都是最重要的体验指标之一,并且移动应用的网络环境不稳定,速度的体验显得尤为重要。其实速度优化不仅是程序员的事,设计,也能够让APP变得更快。1.后台执行这是一条很通用,也容易理解的方法。用户不会愿意盯着进度条傻傻地等待,除了“取消”没有其他选择。在系统处理一些网络任务的时候,完全可以允许用户做一些其他的事情。各大平台的发微博,都采用了后台执行。云阅读的离线下载也采用后台执行。而微博的看长图(或视频),是个反例。网络不给力时,要么等待1分钟让图加载完,要不就只好放弃看图。为什么不能让图加载的同时,用户可以看其他微博呢?2.在载入前显示内容客户端与web的一个不同点,客户端的显示内容包括本地数据和网络数据两部分。在设计界面时,将更多的信息放在本地,在网络数据未载入时即显示本地数据,让用户产生一种“已经载入一半了”的错觉,即使最终的耗时一样,心理感受也会更快。当然把数据过多地写在本地,会牺牲一些灵活性,需要根据具体情况考虑。具体请看twitter、Facebook、Vine等优秀产品的启动画面,虽然同是静态图片,但它们不使用LOGO而假装已经载入了“导航栏”和“标题栏”,让人感觉“点击后立即就启动了”。

CS5快速给偏暗的人物磨皮
本教程运用历史记录画笔磨皮的方法跟用蒙版磨皮方法大致相同,先把图片稍微调亮后,对图片模糊处理,然后设置好快照位置,用历史记录画笔涂抹脸孔即可。 1、打开原图素材,按ctrl+J复制一层,选择复制层,设置图层样式为“滤色”,不透明度为“50%”。按“ctrl+E”合并两个图层。 参数设置如下图 2、执行 滤镜 < 模糊 < 高斯模糊,根据皮肤的好坏调节像素, 参数设置如下图

UGA5.5实例教程【文字淡出淡入】
2.点祯-“添加条幅文本”输入文字(佛前青莲).文字大小-25.颜色-白色.字体随意.在预览中把文字拖至画布左侧中间位置3.选-效果-进入场景选择-减弱-画面桢设为10;退出场景选-画面-画面桢设为10;开始预览-满意后点确定-创建单一对象如图:梅风剑提示:为使文字竖直,可以每输入一个字回车一下的位置4.点最后一祯(12祯),重复第2步/第3步操作.依此点祯-“添加条幅文本”依此输入文字(梅风剑)/(一花一世界)/(一佛一如来)/(梦寻佛踪影)/(莲香溢梦中)/(风弄花瓣雨)/(迷失莲花丛)/(佛伴我心眠)/(一睡五百年)梅风剑提示:记住不是一次性把文字复制粘贴,而是--依此分别重复第2第3步操作如图添加好

摄影时如何让森林美女更神秘一些
面对偌大的森林场景,影友们经常会觉得找不到神秘感觉的拍摄思路,其实只要紧记着几个拍摄要点就能拍出不少好片子,这次我们挑了三张照片与专业摄影师一起探讨在森林里面拍出神秘感觉人像的小技巧吧。 佳能EOS 5D,EF28-70mm,F2.8,ISO100,1/60秒 摄影教程 “树林中光线比较幽暗,因为树林的上空大部分都被树叶挡住了,所以我选择了一块透光性较好的地方拍摄;此外我还使用了外拍灯为人物打逆光和侧逆光;这种做法足够展现出森林里的大气感觉吗?” 有层次的光线过渡非常重要 这张片子的整体氛围让我眼前一亮,照片很好地展现了森林的那种神秘、低调的感觉。首先摄影师运用了柔和光比,配合上摄影师选择的场景,使得场景,在一棵有杈的树下同时有密有疏的绿叶中,女模特一身白色连衣婚纱显得特别出彩,主次分明。而且镜头畸变控制非常好,较少的焦外变形以及模特修长的身形显得这张图特别的高档。 在我看来唯一不足的在后期方面,阳光从树荫之中射入的光线可以更有层次些,从明到暗的画面过渡会更加出彩,大概作者在做后期的时候稍微有一点偷懒了,只是用画笔工具将左上角、右上角以及人物部分的局部光线简单地加亮了,没有留意到暗部以及亮部之间的衔接,使得两者过渡有点含糊了。总的来说,该作品还是很好看的,无论是构图还有裁图方面都很有心思,让观图者看上去很舒服。 佳能EOS 5D,105mm,F2.8,ISO500,1/60秒
最新发布
水平细线的几种制作方法
一、水平线法 1.在 Dreamweaver 中新建一个文档,插入一条水平线,双击水平线,调出属性面板。 2.在水平线的属性面板上设置高度 H = 0 pixel。 3.Copy 此条水平线,在属性面板中把 Shade 的勾点掉。 4.按 F12 进行预览,请对比下面的(1)(2)源代码及效果。(1)源代码:<hr size="0" color="#3366FF" noshade> (2) 5.另外制作两条 H = 1 pixels 的水平线,分别有 Shade 和 没 Shade。

为你的站点定做颜色
在dreamweaver4中,你可以存储你自己设定的图片,链接,flash影片,颜色表,模板等等,组成这个站点的资产,这就是Assets面板!当我们定义一个站点时,这个站点内的所有上述类型的元素,将自动分类在Assets 面板中显示。同时,我们还能为这个站点定义自己喜欢的元素,以便随时拿出来使用。 现在我们单击window > Assets 。或者按F11键。 Assets 面板出现在屏幕上,面板的左边9个按钮将你站点中的元素根据类型分别归类管理,当你单击一个按钮时,相应的名称会出现在面板顶部,名称旁边有site与Favoritesg两个单选按钮。现在我们来看一看如何定做自己的颜色表。 首先让我们单击颜色按钮,这时Assets面板的顶部出现了Colors的字样,当我们选择site列表时,我们可以看见我们站点中定义了哪一些颜色。如果你对站点内的某些文字又加了一些颜色,不用担心,我们可以单击Assets面板下部的(Refresh Site List)按钮来刷新站点,使后定义的颜色在Assets面板中显示。 Assets面板保管你站点中的所有颜色,使你可以重复使用,这大大的方便了网页制作者,象小六做网站,不同的页面用上不同的颜色,为此不得用一个本记下所使用的颜色的十六进制值,虽然是有了样式表,但是重复修改样式表也麻烦,且样式表又不能显示出来,如果不用还得移去样式表,现在有了这个Assets面板,我们可以测试多个颜色,最后将配好的颜色保留下来,下次重复使用。言归正传,你可以在Assets 面板显示的颜色中将自己喜欢的颜色选中,然后单击下面的(Add to Favorites)按钮,这时出现一个提示框,提醒你这个颜色将被增加到Favorites列表中,即然你选好了,就按ok罢,如果不行,也不用怕,在Favorites列表中,我们还可以将它移去。 选中Assets面板顶部的Favorites选项.我们切换到Favorites列表中,这个列表显示了你选择的颜色。在这个列表中,当你在不同的频道中用不同的颜色时,你可以单击(new favorites folder)按钮建立一个文件夹,将不同频道的颜色放在不同的文件夹中。

使网页随浏览器伸展
过去我们常被dreamweaver的表格的自动伸缩搞的头痛不已,对Fontpage能够随意的画表格而感到羡慕。但现在在dreamweaver4中,这一切都变的非常的简单。 dreamweaver4提供了两种视图,布局视图和标准视图。如果你认为你已经能够控制dreamweaver的表格,那么你可以在你熟悉的标准视图中工作,如果你很喜欢Fontpage的画表格功能,那么在布局视图中你可以随心所欲的做到这一点。而且在这个视图中你还能让你的网页某一部份固定,而另一部份自动伸展,这样无论你的浏览器窗口多大,都能使你的网页适合浏览器的窗口,而不发生变形。 如果你用过macromedia公司的另一个产品Fireworks,你一定知道fireworks也能生成html文件,但它也总会产生1个像素的gif图片,这个图片是用以填充你表格的空白区域,使你的表格不会变形。现在dreamweaver4也有了这项功能,它能自动生成一个名为spacer的gif图片来填充你的表格,使你的表格不会发生自动伸缩的现象。 实现上面的两个功能,在dreamweaver4中是非常的简单。让我们先建立一个新站点,然后我们用熟悉的表格工具画一个1*3的表格,不要管它的宽度。因为,我们可以让它自动伸展适合浏览器窗口(当然你也可以直接在布局视图中画表格)然后,单击对象面板最底下的布局视图按钮,这时出现一个对话框,你不用担心,这只是简单的介绍布局视图中两个工具的使用等,按ok。我们切换到了布局视图。 现在看我们的表格左上角有一个绿色的layout table标签,它代表着你这个表格。标签中有三个空白部份且每一个都标明了宽度且有一个小三角形。在这个表格中,我希望我的表格最左边的列固定,而整个表格适合浏览器的宽度。在dreamweaver4之前,这是非常困难的。我们能将表格设为100%来使它适合浏览器的宽度,但我们要想要固定某个单元格却相当困难。但是现在你只需要决定表格中哪一部份是你想固定的,哪一部份是你想伸展的就行了。唯一要记住的是,我们只能让一列自动伸展!! 在这里,我决定将我的蓝色表格作为伸展列。

用Dreamweaver实现漫天花雨效果
淡蓝色的天空下,一朵朵花瓣随风飘下,慢慢的在屏幕中飘荡。你一定要说这种效果用FLASH可以实现。其实用DREAMWEAVER也可以很轻松的实现! Dreamweaver之所以能够超过Frontpage而成为网页设计师的首选设计工具,在于它对DHTML的强大设计功能,上面所说的效果,其实是DHTML的一种。但是使用Dreamweaver,你无须去编写冗长的代码,在DW的窗口里几个拖放,就能轻松搞定。 首先用Firework或Imageready一类的软件制作出几幅动态的GIF花瓣图片来。以ImageReady3.0为例子。按Ctrl+N 新建一个文件,大小100*100左右,背景色可根据网页的背景自行设定。按Ctrl + Shift + N新建一层,取名Flower1,用勾画工具(Polygonal Lasso Tool),勾画出一个花瓣的外形,如图1所示。然后将前景色设为粉红色(颜色代码为:FF99FF),按Edit / Fill 填充,然后在层面版的Flower1上按右键,选择Layer Style / Stroke ,如图2所示。在弹出的Stroke面板里的选择色彩的地方选择一个比刚才的粉红略深的颜色,(颜色代码为:C764B4),Size选择为1,这样花瓣就被描边,看上去更真实一些。这样一个花瓣就制作完成了。

浅析DW4中的站点管理
Check In/Out功能简介:该功能是专门针对多用户管理而预设的。矣即多用户使用多帐号管理同一站点。该功能的强大之处在于,当多人同时登陆站点进行同步更新时,对方用户所指定修改的内容将被锁定,其他用户不能更改这部分内容。同时,该功能配合Design Notes(设计笔记)的使用可给予其他用户以提醒,指明“某文件我正在使用或修改,请不要擅自改动”。可以说,当DW引入该功能于站点管理中后,使其功能得到很大的提升,不让Frontpage专美与前。简要说明:由于绝大多数网站所提供的远端站点管理都是以FTP功能为主,所以在本篇中就以FTP功能为例进行分析说明。逐步分析:第一步:选择Site-Open Site打开一个站点。然后在Site选项中双击,DW会自动弹出Site Definition for(站点名称)-站点定义对话框。选择第二项Remote Info-远端信息,在Access-数据列表中有4个附属选项,选择第二项FTP,打开FTP远程管理设置面板进行设置。看下图及注解:图1 注解:首先来看上半部分。其中FTP Host即FTP登陆地址;Host Directory即远程文件夹。在这里你可以指定一个用来上载文件的目录。如果是直接上传到根目录下,敲入“/”即可;Login即用户名;PassWord即远程登陆密码;Use Passive FTP即使用被动的FTP功能;Use Firewall一项为使用防火墙。这一部分都是为远程登陆所做的一些必要设置。现在来看下半部分。本身Check In/Out是一个副选项,因为单人管理站点时是用不到该功能的。首先要勾选它,才可以看到下面的内容。其中Check Out Files when Opening即提示我们“在检查文件时打开”,这里的“打开”的内容就是指下面的Check Out Name(检验者名称)以及Email Address(检查者的邮件地址)。它的作用在于,当多位用户同时登陆远程站点进行管理时用来表明各自的身份。第二步:做完相关设置后,点下OK键返回到站点管理状态,让我们来观察一下,做完设置后站点管理器发生了什么变化。见下图及注解:
利用Dreamweaver插件改变IE浏览器滚动条
做网页,常常觉得IE浏览器的滚动条与设计的网页不一致,就像好好的一锅汤,不小心掉了老鼠屎进去一样,严重影响了网页整体的美观。想尽办法去处理,却不尽人意,比如用弹出窗口,免不了造成浏览都点击放大按钮的麻烦,把滚动条去掉,可是它不适用于一屏显示不了的网页。 现在好了,这样的问题已经从一定的程度上得到了解决!让人讨厌的微软,做尽不少垄断事情的微软,还是从客户方向考虑增强软件的功能的,IE浏览器5.5以上版本已经允许人们设置样式表来改变滚动条的外观。来看看效果吧 现在我们一步步来看看是如何制造这种效果的吧: 原理之前已经说了,就是IE5.5以上版本内嵌了用样式表(Css)来控制它的游动条的功能,只要为网页添加CSS代码即可完成。有些人听到代码就头疼,大家放心,有人已经利用Dreamweaver的扩展接口做好了MXP插件,大家只要去有关网站即可下载安装。我们做的功夫只是选择颜色数值。 *&^%¥@#,哇,谁扔蕉皮? *&^&$^%&%&$$#,哇,谁砸石头? ... 好了好了,废话少说,只因公司要字数,只好...希望大家体谅体谅!不想看的可以直接去效果页面,直接copy源代码! 废话少说,现在让我来开门见山(嘻嘻,还开门见山!!),由安装开始。
在IE中调用Dreamweaver编辑网页
做网页常常避免不了预览,查看一下自己制作的网页元素位置有没有布置好,字体的大小有没有满意,图片是否正确显示等等等等。而Dreamweaver3.0预览时总会产生临时文件,临时文件也常常没有自动删除,给做网页的人带来不少的烦恼。(在Dreamweaver4.中这样的现象少很多了)因此笔者做网页极少用快捷键“F12”预览,而是装一个PWS(win98中)或者IIS(win200中),做个内部网来测试。而测试时切换窗口有时觉得比较麻烦,想起IE中带有一个直接调用网页编辑器选项的功能。IE中的编辑按钮(笔者的IE版本是6.0第二个测试版,所以是英语的):在默认情况下,dreamweaver没有自动加入“编辑”按钮选择菜单中。网络上早有报道说可以修改修改注册表来增加一个编辑按钮,但注册表事关整个系统的安全与稳定,一个不慎可能会导致大问题。在此笔者为大家介绍两个简单方便安全的方法,解决这个问题。方法一:打开任意一个文件目录,在菜单栏中选择:工具(tool)>>文件夹选项(Folder Options)(系统为WIN2000、IE6.0)。如下图:

DreamWeaver表格妙用-线框制作详解5
4> 隔距边框的制作 “隔距边框”在网页中主要用来排列各个栏目或频道的项目列表用的,为了方便大家理解,笔者先把制作完成以后的效果图给大家展示下,如下: 下面是相应的制作过程,(以制作三框隔距为例说明) 首先在网页中插入一个1行3列的表格对象,在插入过程中直接把“Border”设定为0,“CellSpace”设定为2,“CellPad”设定为1,如图 注意:在这里进行设置,同属性板中是完全等效的。 鼠标按住左键不放,在各个单元格上拖动,同时选中3个单元格对象。在属性板中将其“Bgcolor”设定为“红色”,注意该颜色即隔距边框的颜色。 为了实现隔距的效果,我们这里要用到“嵌套表格”的制作了。笔者先告诉大家一些设计“嵌套”表格时的注意事项,在单元格中插入表格时,最好预先将单元格内容的定位属性“Horz”(左右位置)及“Vert”(上下位置)分别设定为“Left”和“Top”,这样避免再次调节嵌套表格大小时的不必要的麻烦,直接拖拉右下角即可实现。如下 依次在三个单元格中插入一个表格对象,将“Border”,“CellSpace”,“CellPad”全部设定为“0”,同时在属性板中将每个表格的背景颜色均设定为同网页背景色“白色”,另外还有一点就是,将“Width”(宽)和“Height”(高)均设定为比例显示状态下的“100%”,这样可以使它根据大小自动充满整个单元格。 现在可以预览查看效果了。 在隔距边框的制作中,与细线边框的不同之处在于边框的宽度1是通过“CellPad”属性来实现的,而不是前面的“CellSpace”,这里的“CellPad”指的是单元格中内容与单元格的边界之间的距离,无疑本例中被我们作为内容插入的就是另外的三个表格。那么调整“CellSpace”可以改变各个边框的间距,比如“6”单位的效果 同样,类似的方法你可以制作出竖放的隔距边框。 上面我们细致的剖析了几种网页中常见边框类型的制作过程,原理及调整方法。效果对比的形式相信更加有利于大家认识它们各自的差别,从而加深印象,当然更希望大家能够按照类似的设计思路找到更多的边框效果。

DreamWeaver表格妙用-线框制作详解4
3> “粗”线边框的制作 有了上面介绍细线边框的制作基础,相信大家理解粗线边框就简单多了。粗线边框就是一种边框特别粗的效果,他往往配合其他网页元素来完成指定效果的。 在细线边框制作中,我们提到单纯将“Border”设定为1达不到“细化”要求,那么粗度应该没有问题了吧,很好,因此粗线边框的制作就有了两种方法。 方法一:利用Border来实现 选中已经插入的表格,在属性板中将“Border”值设定为“8”(可为需要宽度的任意值),同时特别注意要把“CellSpace”重置为“0”,最后通过“Brdr color”设定边框的颜色,这里仍以红色为例,如图 预览效果如图: 方法二:通过CellSpace的差距来实现 关于利用CellSpace实现的过程这里就不在赘述了,只要将细线边框制作时的“CellSpace”也设定为“8”,就能达到与上面完全相同的效果啦。

DreamWeaver表格妙用-线框制作详解2
将Width的显示状态从“Percent”更改为代表实际大小的“Pixels”,这样避免在窗口放缩时引起的错乱,OK,同时在网页编辑窗口中用鼠标选定表格,属性板如下: 这是默认状态下的表格属性设置,将其中的“Border”,“CellPad”,“CellSpace”值全部设定为0。 鼠标在表格内部空点,这时属性板已经自动切换到单元格的属性设置窗口,将单元格的“Bg”设定为“红色”(为最终细线的颜色,可自由设置),同时把“H”设置为“1”,如图 单击编辑窗口左上的“Show code view”按钮进入源代码窗口,将代码<td></td>之间的“ ”去掉,现在可以看看效果了。 此外,你可以通过调整表格的“Width”值控制细线的长度。类似的方法,还可以制作出竖幅细线。