推荐阅读

详细解析网页初级学习者如何学习
嗨少年,你是否下定决心学习网页设计?那就恭喜你了!网页设计可能是你职业生涯中让你满血复活的技能之一了。路漫漫其修远兮,在这漫长的学习中,开始的30天是至关重要的,因为很多人仅仅坚持了一两个星期就放弃。在这篇文章中,我将传授你一些有用的知识和技巧,让你更好的开始网页设计之路,并长久的留在这个赛道上。向上吧,骚年!网页设计是一个涉及面很广的领域“我想学习网页设计”这句话就像“我想学习如何烹饪”一样,你知道吗?做饭有成千上万的食谱,很多不同的烹饪风格。每个成为设计师的人都应该知道,网页设计有成千上万的特定工具和一般原则。也正因为网页设计是这样一个广泛的领域,许多人就简单地问:叫兽,我该如何开始?这个问题虽然只有六个字,却能阻挡了人们的网页设计之路:有这么多工具可以选择,那我到底该选哪个呢?我真的无从下手。我的网页设计之路在网页设计大军中,我也曾是一个被如何开始和从哪里开始弄的不知所措的菜鸟。我不知道是该先学习Dreamweaver呢还是photoshop ? 或者先学习如何用JavaScript编程?其实这些事情我都可以做,但当学习的资源很多的时候,我们中的许多人就会面临着过载的选择,当你有很多选择时,你会烦恼,最终一个也不想选了。你有过这种经历吗?Dreamweaver是一个很基本的程序,它可以帮助你更快编写HTML和CSS代码。它的优点是简单,缺点是你会花更多的时间去编码。所以Dreamweaver只能是一个节省时间的好方法,而不是学习网页设计的好开头。这就是我已经吸取的教训。所以我的选择是:首先学习HTML和CSS. 为什么要从HTML 和CSS开始?

CS5新增功能实例精解1. 新增的“Mini Bridge中浏览”命令
2010年4月Adobe公司传来喜讯,Photoshop推出了CS5版本,软件中增加了很多动人的新增功能。为了让大家快速掌握这些功能的使用方法,在此我为各位朋友整理了几组实例操作,供大家学习和研究。在Photoshop CS5版本中,软件的界面与功能的结合更加趋于完美,各种命令与功能不仅得到了很好的扩展,还最大限度地为用户的操作提供了简捷、有效的途径。在Photoshop CS5中增加了轻松完成精确选择、内容感知型填充、操控变形等功能外,还添加了用于创建和编辑3D和基于动画的内容的突破性工具。下面将带领读者一起体验Photoshop CS5中的新增功能。开始阅读之前,请先下载练习文件然后配合下面的操作进行学习。在Photoshop CS5中,单击应用程序栏中的图标,在展开的菜单中选择“CS5新功能”选项,更换为相应的界面。此时任意单击菜单,在展开的菜单中,Photoshop CS5的新增功能部分显示为蓝色,更加方便用户查看新增的功能,如图1-1所示。图1-1借助更灵活的分批重命名功能轻松管理媒体,使用Photoshop CS5中的“Mini Bridge中浏览”命令,可以方便的在工作环境中访问资源。(1)执行“文件”→“Mini Bridge中浏览”命令,打开“Mini Bridge”调板,如图1-1所示。图1-1(2)在“Mini Bridge”调板中,单击并拖动其右下角,可调整调板的大小,如图1-2所示。

在InDesign中对行距、字偶间距和字符间进行调整
图4-29所示出示了行距、字偶间距调整和字符间距调整的对照图。图4-29 对照图相邻行文字间的垂直间距称为行距。测量行距时是计算一行文本的基线到上一行文本基线的距离,如图4-30所示。基线是一条无形的线,多数字符的底部为基线,均以它为准对齐。图4-30 行距(1)在“字符样式”调板中,双击“标题”样式,打开“字符样式选项”对话框,选择“基本字符格式”项目。(2)单击“行距”选项的下拉按钮,在弹出的下拉列表中选择“自动”。然后设置“大小”选项为24点,如图4-31所示。图4-31 设置行距

HTML教程:无序列表
原文:http://andymao.com/andy/post/102.html段落已经讲完了,那么一些基本的应用方式也讲了一些,那么是否已经应用了呢?当然应用可以更为丰富,那么这些就需要自己在实际工作中不断的摸索与思考,然后创新并总结得出新的应用形式。当然了段落不能当作万用膏药一样倒处使用,不过相信大家也都知道现在“DIV”这个标签的作用已经被扩大化了(POPO曾有一篇文章《<DIV>不是万能膏药》),更已经被一些人拿来与CSS一并说事。这里呢还是要重新强调一次:DIV只不过是HTML中的一个无语意标签,他可以用来布局或是作为无语意部分的处理,而CSS则是一种样式语言。名不正则言不顺,我这里不是古板,而是这种说法会让大家对于标准的理解会产生偏颇。基本的等级都弄不清楚,把标签功能无限放大,这些都不是一个正确的学习态度。我这里细细讲解各种标签以及用途其中一点也是希望大家正确理解WEB标准的意义。正确的说法应该是“xHTML+CSS”或是“WEB标准”简称为“标准”也可以。今天不是为发牢骚的,还是讲今天的主题《无序列表》列表,相信大家都已经用过了,Word里也有,很多文档编辑里也都有。而在HTML中的列表则有三种类型:无序列表、有序列表、定义列表。饭要一口口的吃,事要一件件的做,今天只讲无序列表,并且今天所讲的列表不会涉及到CSS的美化工作。说到这里大家应该也明白了,我的讲解都是分开来的,并不以样式美化为主,这也是要告诉大家标签代码非常重要。那么我们首先就要来理解列表。我们日常生活工作都是琐碎而没有条理的,而要想得到一个高效的友好的信息互通那么就要梳理信息,做好归类。这样才能有效传达信息。用列表把同类的内容进行简单的归纳,我认为这是列表的一个基本作用。常见的用途有:图书目录、饭店菜单、人员名单、待办事宜等等。而这些信息大多不是大篇的信息内容,而是简要的标题。当然列表的用途不是说只能是归纳标题信息,列表并没有去限制内容的多少。只是我们常用列表去归纳的多是些标题信息罢了。那么我们又如何去理解无序列表呢?无序的对应就是有序,从字面上去理解就很容易,有序就是说他本身就标明了前后顺序的,这是严格的,并且这些信息本身就有着顺序特性。比如我们写操作步骤那就就需要明确第一步第二步,这样的信息必然是有序的,而无序呢?也就是说其本身就是无序的没有任何顺序可言。这里要举个实例让大家思考一下:*部门的领导名单前后顺序是他们最头疼的事,虽然他们有时会写着排名不分先后,但是实际上依然是有排名的,那么这里我想提出问题:这样的名单应用有序列表还是用无序列表呢?当然这个没有标准答案,各人都有各人的思考方式,那么你是怎么想的?不妨在评论上留下你的想法。这里我就不说我是怎么想的,希望大家能多动动脑筋,多思考。列表的标签形式是:<ul> <li>这就是列表的内容了</li> <li>这就是列表的内容了</li> <li>这就是列表的内容了</li> <li>这就是列表的内容了</li> </ul>这里我们要注意到,列表有两个部分,一个是最外面的一个标签<ul></ul>,一个是里面的内容<li></li>。我们可以这样去理解,<li></li>是一个个标准化的小盒子,他们主要存放着列表信息,而<ul></ul>则是个大箱子,他的作用就是存放小盒子。这些一个个的小盒子只有放在大箱子里他们才不会弄丢了。整齐而有利于运输(移植)、存放(定位)。那么列表与段落一样可以有很多属性在其中,比如,我们可以为<ul></ul>设置一个id或是class或是title等属性,其特点功用与段落中的一样。而<li></li>也可以有这些属性,但是一般情况下来说列表即然是同类的一般也不作特殊化处理。那么无序列表基本上也就算是讲完了,其实这篇最重要的内空就是什么样的信息应该用无序列表,而这些则需要在实际应用的时候多分析多思考。那么对于还没使用列表标签的朋友,开始使用列表标签,放弃用DIV代替列表标签的做法。或是用表格来表现列表的朋友也可以试着改变一下。从现在开始使用无序列表标签。当然如果你已经用了发现这样还不能满足你,那就等后面讲解如何用样式去开发出列表的潜力吧。今天讲的内容虽然比较简单,但是还是希望来读本篇文章的朋友可以思考一下上面我提出的问题。
最新发布

教你如何挖掘照片中与众不同的线条
拍摄窍门 留心周围出现的那些明亮的颜色、色块和线条,或许你就能拍出有趣且生动的图片。 如果你缺乏灵感,试着在图片库的搜索引擎中找找你想要的颜色,比如Getty Images图片库,看看会有什么新的发现。 不要为你的图片限定一种首选颜色或备用颜色。有时候,微妙的色彩也很受用,比如说多种颜色的混合色。 捕捉身边的色彩与线条 拍摄这个主题的关键是让我们平日多留心观察周围的一切,关注事物的色彩和形状,而不仅仅是关注事物本身。从某种程度上说,这就是专业摄影师每天都在做的事情,不论他们是否将关注点放在颜色上。 摄影的本质在于将复杂混乱的世界变成简单、易于理解的图像,而且关注于色彩能使你变得简单,并且提升你的摄影技能,试着提炼身边的事物,而非简单的记录。 1. 明亮的黄色靴子和地上的两道黄线构成了一张醒目的图片。事实上,图片中的两只靴子也构成了两道黄线,而且是和路面相互垂直的两道线,图片的形式感很强。 2. 在这张照片中,色彩和被摄主体搭配得很好,照片构图疏密得当,之字形对角线和柜台窗口的那一抹蓝色,还需要仔细观察才能够看出来,照片采用了层层深入的手法,非常耐看。

闪光灯的基本使用技巧
闪光灯既可以成就也可以毁掉一张照片。正确的使用闪光灯就能让你拍出精彩的照片。这篇短文会给你介绍一些使用闪光灯的基本方式。 1. 填充闪光 在户外拍摄时,若被摄体或人物脸部有阴影,最简单的处理方式是使用填充闪光。这种方法正如其字面意思所示,是给阴影区加入少量的人造光。户外拍摄时你只需打开闪光灯,剩下的工作就可以交给相机去做了。 第一次使用时,你就会为它带来的效果而惊喜,从此阴影再也不会出现在你的照片中。如果你不确定闪光灯如何使用,请查看相机说明书。你可以调整闪光灯的输出等多项设置。 2. 使用柔光罩 柔光罩可以削弱光线的“硬度”。它可以柔化光线,拍摄出更好看的照片。所有的外接闪光灯都可以使用柔光罩,大部分数码单反相机的机顶闪光灯也可以用。柔光罩很便宜,但是很实用。我自己的柔光罩是用白色的牛奶盒做的,用皮筋固定在闪光灯上。 3. 跳闪 如果你用过外接闪光灯,应该能注意到直射的硬光会破坏照片美感。解决这个问题的方法很简单。大多数外接闪光灯的灯头都可以旋转一定角度。将灯头指向 天花板,经过天花板反射的光线同样也被柔化了。只有一种情况会有点问题——天花板有颜色。如果天花板不是白色的,那么光线也会带上同样的颜色。所以在拍摄 前先试拍一下,看看效果能否接受。木质的天花板会形成暖色的光线,往往效果更好。 4. 离机闪光 在不使用柔光罩的情况下,离机闪光是唯一能拍出精彩照片的方法。离机引闪线非常便宜,却很有用。把闪光灯装在引闪线的热靴座上,放在相机左侧或右侧位置,这样可以避免直射的光线造成生硬的效果。你可以把离机闪光灯装在三脚架或专用灯架上。

卡片机也能拍出单反一样的效果
曝光一定要补偿 曝光不准并不是使用卡片机的人常犯的错误,用单反机的人也常犯。曝光不准的原因是过分相信相机的曝光。相机本身携带的测光表是一种反射式测光表,它不能测光线,只能测物体反射的光线。当遇到画面出现大面积的黑或白时,测光表一定会出错。 这时,就要曝光补偿。当画面中出现大片的白色,比如一面白墙或者雪天,就要增加曝光,当人脸处于阳光的阴影时也要记着增加曝光。当画面中出现大面积的黑色或者人在光线下,一定要记着减少曝光。具体补偿多少可以通过显示屏显示来判断。 不要相信显示屏 由于卡片机显示屏的像素问题,呈现的作品与实际图片相差较大,所以挑选照片最好是在电脑上进行。许多卡片机的显示屏的亮度会随光线的强弱而变化,建议最好关掉这种功能。因为显示屏这种变化使人很难判断照片的曝光正确与否。 现在,还有一种情况是有些厂商会把显示屏做得非常好用以招揽客户。我们在显示屏看到的照片图像锐利、色彩饱和,但在电脑上看时,却大失所望。其实这也没有什么好抱怨的,显示屏的照片正好给我们提供了照片处理的模版。 关掉闪光灯 现在的卡片机机身上基本都携带闪光灯。光线稍暗一些,闪光灯就自己跳了出来。我的建议是不到万不得已,不要使用它。由于卡片机的闪光灯都是在镜头附近,所以打出去的光毫无疑问都是一种正面光,这种布光是一种糟糕的光线。所有的东西都被照亮了,人脸上也是白花花一片。要拍出好照片,就不要用这种光线。 用光线来突出主体 一说突出主体,大多数人就会选择用长焦使背景虚化。这只是最简单的一种方法。突出主体其实还有许多别的办法:比如让主体处于亮处,背景淹没在阴影里;通过动作或者搭建一个画框等等。说实在的,虚化背景最不是卡片机擅长的。由于卡片机的传感器尺寸非常小,所以镜头都要乘以好几倍的系数。

【风景摄影技巧】不同的光线决定成像特色
在不同方向的光线照射下,同一片水域所显示的水面颜色也是不一样的。例如,在顺光的情况下,有些湖水会呈现出浓艳的绿色;而在侧光或逆光的情况下,湖水因光线角度的变化,其色彩会黯淡很多。水面的波纹也是如此,在强烈的直射光照射下,过于闪亮的情况时有发生。这种情况虽然容易给曝光造成困难,但往往能使画面活跃、富有诗意。阴天时,在柔和的散射光中,波纹则会显得细腻、有质感。不同的光线情况决定了成像的特色。 此外,需要注意周围环境的色调。清净明朗的天空可以将水面映衬得色调偏蓝;当以大片葱郁的山峰为背景时,水色会显得偏绿;在日出日落时段的霞光照耀下,湖水会呈现暖色。 相机:Nikon D7000 快门速度:1/640s 光圈:F8.0 焦距:18mm 感光度:ISO200 曝光补偿:EV0 上图拍摄者使用有色滤镜使湖水更为优美生动。整体天光和湖水的色调偏蓝,烘托出宁静的气氛。拍摄者采用广角镜头并利用黄金分割法构图,呈现了海天相接的辽阔景象。顺光下,画面色彩明艳清丽。 相机:PENTAX K-5 快门速度:1/500s 光圈:F8.0 焦距:60mm 感光度:ISO100 曝光补偿:EV0 图中,霞光自夕阳方向向远方延伸,亮丽的绯红逐渐转紫。拍摄者针对水面进行测光,使水面曝光准确。而天水相交之处的树木因曝光不足而呈现出剪影效果,烘托了晚霞中湖面的气氛。暖色色调给人恬静、舒适之感。

两步打造经典暗调中性色图片
2、ctrl+Alt+~ 载入高光区,出现蚂蚁线以后,选择个纯色图层,颜色你自己喜欢就是你的颜色,然后混合模式改为柔光或者颜色,然后去看看效果。当然你也可以换成别的图层混合模式,自己试试看;当然啦,还有别的当然的情况,比如说你当然也可以选择ctrl+alt+1,这叫载入红色通道的高光区,或者你当然也可以选择ctrl+alt+2,这叫载入绿色通道的高光区;还或者你当然也可以选择ctrl+alt+3,这叫载入蓝色通道的高光区; 再或者,当然我知道你当然也很牛逼,可以自己去通道里找反差,再利用“计算”工具计算出一个通道,然后理所当然的载入你计算出来的那个通道的高光区;当然,苏色老师还有更牛逼的方法,这区那区啥区都不载入,选完纯色层的色彩之后,点击蒙版,直接图像-应用图像选默认。

分享20佳高质量免费网页图标素材
图标对设计师来说是宝贵的财富,高质量的图标素材对于网页设计非常有用,既能为设计师节省时间,又能有很不错的效果。今天这篇文章要与大家分享的20套新鲜出炉的网页图标素材,可以免费下载,在你的项目中使用,记得分享和推荐一下 :)