推荐阅读
摄影技巧:用慢速快门为城市生活减速 让生活慢下来
在城市里拍摄车流时，尽量让相机保持不动，并使用一个较慢的快门速度，这样你可以拍到一些很有意思的照片。模糊的影像效果与飞驰而过的汽车和永久不变的城市形成了鲜明的对比。这两张照片出自劳伦特·拜尔莱特（Laurent Baillet）的“时光记录法”（Chronography）系列Ⅰ作品。劳伦特说，“时间对我来说非常重要。当背景始终保持不变时，你既可以捕捉到一个短暂的瞬间，也能把一段时间内每一个物体从画面中移动消失的轨迹记录下来。”拍摄窍门拍摄时使用三脚架和遥控快门线。要想减少进光量并缩短曝光时长，可以有如下两种做法，一是在镜头前加装中灰密度滤镜或偏振镜，二是使用小光圈和低感光度来拍摄。如果你用1秒以上的快门速度拍摄，那么最好选择手动模式进行对焦和曝光设定。如果有行人出现在了你的镜头中，最好将他们拍成模糊的或是完全静止的效果。试着拍摄路面上减速行驶或是飞驰而过的汽车，车的速度不同，在照片上留下的轨迹也不同。
著名设计大师王孟友教你如何设计标志
标志：外来语叫logo是表明事物特征的记号。它以单纯、显著、易识别的物象、图形或文字符号为直观语言，除标示什么、代替什么之外，还具有表达意义、情感和指令行动等作用。 标志，按照使用的功能可分：商标、徽标、标识、企业标、文化性标、社会活动标、社会公益标、服务性标、交通标、环境标、标记、符号等。作为人类直观联系的特殊方式，在社会活动与生产活动中无处不在，越来越显示其极重要的独特功用。例如：国旗、国徽、公共场所标志、交通标志、安全标志、操作标志等，各种国内外重大活动、会议、运动会以及邮政运输、金融财贸、机关、团体、公司及个人的图章、签名等几乎都有表明自己特征的标志。随着国际交往的日益频繁，标志的直观、形象、不受语言文字障碍等特性极其有利于国际间的交流与应用，因此国际化标志得以迅速推广和发展，成为视觉传送最有效的手段之一。我们发展中的中国，早已认识到了这一点！各个单位、个人已经在发展的初期，就意识到要设计一个标志。 标志有很多特点，介绍几点让大家了解：1． 功用性 标志的本质在于它的功用性。虽然具有观赏价值，但标志主要不是为了供人观赏，而是为了实用。具有不可替代的独特功能。具有法律效力的标志尤其兼有维护权益的特殊使命。 2． 识别性 标志最突出的特点是易于识别.显示事物自身特征,标示事物间不同的意义、区别与归属是标志的主要功能。 3． 显著性 显著是标志又一重要特点，除隐形标志外，绝大多数标志的设置就是要引起人们注意。因此色彩强烈醒目、图形简练清晰。 4． 多样性 标志种类繁多、用途广泛，无论从其应用型式、构成形式、表现手段来看，都有着极其丰富的多样性。 其应用形式，不仅有平面的、立体的，具象、意象、抽象图形构成的，还有以色彩构成的。多数标志是由几种基本形式组合构成的。
Illustrator 图表工具详解（4）
Illustrator 图表工具详解 在本教程中我们这里我们使用Illustrator 10，以一个实例贯穿始终，讲解最基本的图表工具应用。 Illustrator 10的图表工具功能很多，并且十分强大，本文只是简略讲述了制作简单图表的基本方法，更多的精彩还有待于大家进一步探索。六、图表数值轴的位置 除了饼图和雷达图，其他图表一般都可以改变数值轴的位置：比如将Y轴放置在图表的左边，右边，上下方，还是左右边都有。 对于柱形图和重叠柱形图，折线图和面积图，根据此类图表特点，可以选择将数值坐标轴放在左边右边或者两边都有。 对于散点图，可以选择在左边或者两边。 对于条形图和重叠条形图，可以选择在顶部，底部和两者兼有。 对于雷达图，则只有一个选择：在所有边。 以最常见的柱形图为例，简述一下如何更改数值轴的位置。 选择整个柱形图，双击图表工具图标，Value Axis下拉列表选项中可以选择On Left Sides(左边) On Right Sides（右边） On Both Sides（两边）。 按上述设置选择不同图表数值轴的合适位置后，可以作出不同效果的图表。七、更改图表数值轴的刻度 默认情况下，图表的两侧（如左右两侧）的刻度数值是一样的。那么能否设置成不同数值刻度呢？答案是肯定的。 请看具体操作： 1. 用组选择工具选择一组数据及其图例框（如果选择错误，后面的操作就无效啦）。 2. 从图表选项下拉列表中选择左边或者右边坐标轴，对柱状图，散点图，面积图和重叠柱形，可以选择在左侧或者右侧，对于条形图和重叠条形图，可选择在下方或上方。 3. 选中Override Calculated选项，对刻度指定适当地数据后单击OK 。 如图7是为柱形图设置两轴不同刻度后结果。 图 7 八、不同图表类型的混合使用 使用图表时，可在同一图表中组合应用不同的图表类型。比如用条形图表示一部的销售额，用折线图表示二部的销售额，用不同类型图表表示其他组的数据… 要注意的是，在所有的图表类型中，散点图表不能和其他的图表同时组合应用。 1. 用组选择工具选中一组数据及其图例，双击图表工具按钮，从对话框中选择适当图表类型，并设置好相关选项。 2. 用组选择工具选中其他一组或者多组数据及图例，用上述方法更改其图表类型。 3. 单击OK更新图表。 如图8为柱形图和折线图的组合使用。
高调照片的拍摄
高调照片的拍摄 雪·花：一场突如其来的大雪中，花儿还没来得及凋谢，白色与粉色形成了鲜明的对比。为了使花朵曝光正确，在白色的大环境下需要加曝光，而花朵本身颜色也较浅，而且占画面的比例较大，所以仅加了0.3挡曝光。 高调照片： 指的是以白色为基调的照片，画面的大部分为淡色调。 摄影教程 未加曝光补偿 未使用曝光补偿时，雪的色泽显得暗淡发灰。 曝光补偿+0.7
最新发布
xhtml的结构标签
原则上一个xhtml文档所有的标签都应该是结构标签,需要表现的地方都使用css来控制。来列一个完整xhtml的结构标签：结构body, head, html, title 文本 abbr, acronym, address, blockquote, br, cite, code, dfn, div, em, h1, h2, h3, h4, h5, h6, kbd, p, pre, q, samp, span, strong, var 链接 a 列表dl, dt, dd, ol, ul, li 表单form, input, label, select, option, textarea 表格caption, table, td, th, tr 图片img 对象object, param metameta 外部调用link 基本base
网页细边框制作方法两则
很多朋友都有过制作网页的经历，如今，众多网页的设计都用到了表格。这样不仅有利于网页的维护，同时，提高了网页的观赏性。在众多网页制作风格中，细边框这个制作方法是必不可少的。这里，我将简单地谈一下细边框的制作方法。 谈到细边框，本人认为大致有两种制作方法，第一种是用表格的嵌套，第二种是用CSS强制定义。 如何用表格嵌套呢?大家都知道，用Bgcolor可以在表格中任意定义表格的背景颜色，用Cellspacing可以控制表格单元的额外空间，如果定义两个表格，把其中一个的表格背景设为全黑，然后在这个表格中嵌套定义另外一个表格，背景设为全白，并且把Weight=100%。这时，两个表格是重叠的，但是，如果把背景为黑色的那个表格再定义一个Cellspacing=1。那么就是说，黑色的表格比白色的表格多出了一个像素的外围空间，而白色的表格又在黑色表格之上，从而达到细边框的效果。源代码如下: <table border="0" cellpadding=0 cellspacing=1 bgcolor=black> <tr> <td> <table width="100%" border="0" cellpadding=0 cellspacing=0 bgcolor=white> <tr> <td> </td> </tr> </table> </td> </tr> </table> 第二种比较简单，那就是用CSS(层叠样式表)强制定义，但是，有些比较老的浏览器不支持CSS，可能导致无法显示你所要求的效果。不过使用CSS定义，语句非常简洁，所作网页的容量也较小。它的操作方法是，在表格的最外围的相应最小单元的<td>标签中定义style="BORDER-postion: black 1px solid;"，其中，Postion的参数有Left、Right、Top和Bottom，分别表示在单元的左、右、上、下显示一条1个像素宽的实线条。 源代码如下: <table border="0" bgcolor=white> <tr> <td style="BORDER-left: black 1px solid; BORDER-top: black 1px solid;"> </td> <td style="BORDER-top: black 1px solid; BORDER-right: black 1px solid;"> </td> </tr> <tr> <td style="BORDER-left: black 1px solid; BORDER-bottom: black 1px solid;"> </td> <td style="BORDER-bottom: black 1px solid; BORDER-right: black 1px solid;"> </td> </tr> </table>
HTML标签详解
＜html＞＜head＞＜title＞标题＜title＞＜/head＞＜body＞..........文件内容..........＜/body＞＜/html＞1.文件标题＜title＞..........＜/title＞2.文件更新--＜meta＞ 【1】10秒后自动更新一次 ＜meta http-equiv="refresh" content=10＞ 【2】10秒後自动连结到另一文件 ＜meta http-equiv="refresh" content="10；URL=欲连结文件之URL"＞3.查询用表单--＜isindex> 若欲设定查询栏位前的提示文字： ＜isindex prompt="提示文字"＞4.预设的基准路径--＜base> ＜base href="放置文件的主机之URL"＞版面1.标题文字 ＜h#＞..........＜/h#＞ #=1~6；h1为最大字，h6为最小字2.字体变化 ＜font＞..........＜/font＞ 【1】字体大小 ＜font size=#＞..........＜/font＞ #=1~7；数字愈大字也愈大 【2】指定字型 ＜font face="字型名称"＞..........＜/font＞ 【3】文字颜色 ＜font color=#rrggbb＞..........＜/font＞ rr：表红色（red）色码 gg：表绿色（green）色码 bb：表蓝色（blue）色码3.显示小字体 ＜small＞..........＜/small＞ 4.显示大字体 ＜big＞..........＜/big＞5.粗体字 ＜b＞..........＜/b＞6.斜体字 ＜i＞..........＜/i＞ 7.打字机字体 ＜tt＞..........＜/tt＞8.底线 ＜u＞..........＜/u＞9.删除线 ＜strike＞..........＜/strike＞10.下标字 ＜sub＞..........＜/sub＞11.上标字 ＜sup>..........＜/sup＞12.文字闪烁效果 ＜blink＞..........＜/blink＞13.换行 ＜br＞14.分段 ＜p＞ 15.文字的对齐方向 ＜p align="#"＞ #号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐 P.S.＜p align="#"＞之後的文字都会以所设的对齐方式显示， 直到出现另一个＜palign="#"＞改变其对齐方向，或遇到 ＜hr＞＜h#＞标签时会自动设回预设的向左对齐。16.分隔线 ＜hr＞ 【1】分隔线的粗细 ＜hr size=点数＞ 【2】分隔线的宽度 ＜hr size=点数或百分比＞ 【3】分隔线对齐方向 ＜hr align="#"＞ #号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐 【4】分隔线的颜色 ＜hr color=#rrggbb＞ 【5】实心分隔线 ＜hr noshade＞17.向中对齐 ＜center＞..........＜/center＞18.依原始样式显示 ＜pre＞..........＜/pre＞19.＜body＞指令的属性 【1】背景颜色 -- bgcolor ＜body bgcolor=#rrggbb＞ 【2】背景图案 -- background ＜body background="图形文件名"＞ 【3】设定背景图案不会卷动 -- bgproperties ＜body bgproperties=fixed＞ 【4】文件内容文字的颜色 -- text ＜body text=#rrggbb＞ 【5】超连结文字颜色 -- link ＜body link=#rrggbb＞ 【6】正被选取的超连结文字颜色 -- vlink ＜body vlink=#rrggbb＞ 【7】已连结过的超连结文字颜色 -- alink ＜body alink=#rrggbb＞20.注解 ＜!--..........--＞21.特殊字元表示法 符 号 语 法 ＜ ＆ｌｔ ＞ ＆ｇｔ & ＆ａｍｐ " ＆ｑｕｏｔ 空白 ＆ｎｂｓｐ 图片1.插入图片 ＜img src="图形文件名"＞2.设定图框 -- border ＜img src="图形文件名" border=点数＞3.设定图形大小 -- widthheight ＜img src="图形文件名" width=宽度点数 height=高度点数＞4.设定图形上下左右留空 -- vspacehspace ＜img src="图形文件名" vspace=上下留空点数 hspace=左右留空点数＞5.图形附注 ＜img src="图形文件名" alt="说明文字"＞6.预载图片＜img src="高解析度图形文件名" lowsrc="低解析度图形文件名"＞ P.S.两个图的图形大小最好一致7.影像地图（Image Map） ＜img src="图形文件名" usemap="#图的名称"＞ ＜map name="图的名称"＞ ＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞ ＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞ ＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞ ＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞ ＜/map＞ 【1】定义形状 -- shape shape=rect：矩形 &nb
网页申请表单用户体验设计
“输入框表单元素应该合理分布，以便于使你的大脑可以处理表单框架和与之相关的页面区域”选自文章《HTML: the Definitive Guide》 工作中可能会遇到的问题，我们通过如下图示分析一下“标签”和“表单”的关系：
什么是uri和url?
1.什么是URI Web上可用的每种资源 - HTML文档、图像、视频片段、程序等 - 由一个通过通用资源标志符(Universal Resource Identifier, 简称"URI")进行定位。 URI一般由三部分组成:访问资源的命名机制。 存放资源的主机名。 资源自身的名称，由路径表示。 考虑下面的URI，它表示了当前的HTML 4.0规范: http://soft.sj33.cn/lesson/148/2623648.shtml 这个URI是这样的:这是一个可通过HTTP协议访问的资源，位于主 机soft.sj33.cn上，通过路径“/lesson/148/”访问。在HTML文档中其它资源包括"mailto"(收发email)和"ftp"(FTP访问)。 这是URI的另一个例子，指向一个用户的邮箱: <A href=mailto:web@sj33.cn>写给站长</A> 注:大多数读者可能熟悉"URL"，而不是URI。URL是RUI命名机制的一个子集。
什么是DOCTYPE?
DOCTYPE声明 开始制作符合标准的站点，第一件事情就是声明符合自己需要的DOCTYPE。 查看很多使用XHTML标准开发的网站，第一行就是： 打开一些符合标准的站点，例如著名web设计软件开发商Macromedia，会发现同样的代码。 而另一些符合标准的站点的代码则如下： 那么这些代码有什么含义？一定要放置吗？ 什么是DOCTYPE 上面这些代码我们称做DOCTYPE声明。DOCTYPE是document type(文档类型)的简写，用来说明你用的XHTML或者HTML是什么版本。 其中的DTD(例如上例中的xhtml1-transitional.dtd)叫文档类型定义，里面包含了文档的规则，浏览器就根据你定义的DTD来解释你页面的标识，并展现出来。 要建立符合标准的网页，DOCTYPE声明是必不可少的关键组成部分；除非你的XHTML确定了一个正确的DOCTYPE，否则你的标识和CSS都不会生效。 XHTML 1.0 提供了三种DTD声明可供选择： * 过渡的(Transitional)：要求非常宽松的DTD，它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)，完整代码如下： * 严格的(Strict)：要求严格的DTD，你不能使用任何表现层的标识和属性，例如，完整代码如下： * 框架的(Frameset)：专门针对框架页面设计使用的DTD，如果你的页面中包含有框架，需要采用这种DTD，完整代码如下： 我们选择什么样的DOCTYPE 理想情况当然是严格的DTD，但对于我们大多数刚接触web标准的设计师来说，过渡的DTD(XHTML 1.0 Transitional)是目前理想选择。因为这种DTD还允许我们使用表现层的标识、元素和属性，也比较容易通过W3C的代码校验。 注：上面说的"表现层的标识、属性"是指那些纯粹用来控制表现的tag，例如用于排版的表格、背景颜色标识等。在XHTML中标识是用来表示结构的，而不是用来实现表现形式，我们过渡的目的是最终实现数据和表现相分离。 打个比方：人体模特换衣服。模特就好比数据，衣服则是表现形式，模特和衣服是分离的，这样你就可以随意换衣服。而原来HTML4中，数据和表现是混杂在一起的，要一次性换个表现形式非常困难。呵呵，有点抽象了，这个概念需要我们在应用过程中逐步领会。 补充 DOCTYPE声明必须放在每一个XHTML文档最顶部，在所有代码和标识之上。
XHTML代码的基础知识
一段时间以来，发现有很多人XHTML都不会用，不光是普通的初学者，有的程序员都不是很清楚该怎么写这个XHTML，我这里呢算是把一些常见的应用问题做一个总结，也算能使得大家能在沟通，合作上能形成默契。XHTML里有很多的标签，但是经常用到的也就是那么几个，也只要掌握这几个也就可以了。下面我们一一列举：div,p,span,ul,li,dl,dt,dd,a,img,h,strong,emdiv 在我的脑子里我一直把他想作是一个瓶子或是箱子，我的感觉它挺硬的。这个div没有什么特性的意义，可以使用在很多地方，也就是说他可以装不同的东西。他的正确的写法是<div></div>必需要有封口。大家都用来做布局之用，也有用来作为存放文章形成段落，实际上，这个做法并不是很好，因为作为文章的分段自然有一个特定的标签来用。那就是下面要讲的<p></p>标签，不过用DIV来再整体的包住所有的段落。这是非常实用的。p 这是一个有特定语义的标签，表示段落，是用来区分段落的。在大部分的浏览器中对P基本上都有一个上下的边距。但是没有行首缩进，因为行首缩进只是表示段落的方式但是不是一定或是必需的。所以在用P标签的时候如果需要可以针对P设定一下行首缩进，我是推荐在文章以外的地方不要使用P，因为P是有一定语义的，如果用在别的地方恐不合适。正确的写法是<p></p>span 这也是一个非常常用的标签，这个标签可以说与div很像，没有什么特定的意义，只是他是一个级联元素，不是块级元素。我一直把它看作是一个袋子，他不像箱子那样可以有自己的宽高，他的宽高只能随着内容的多少而定，所以很像是袋子。这个标签与div正好互补。ul,li 这是一个列表，在列表中，除了UL还OL，不过我觉得OL有点像是鸡肋。因为UL通过CSS定义一样可以有OL的数字排序效果。所以一般我不推荐使用OL，有UL就可以了。UL是块级的，他的子级li也是块级标签。正确的写法是<ul><li></li></ul> LI标签是被UL标签包裹的，在UL标签里可以有无数个LI标签，LI标签不能独立使用。并且LI标签一定要封口，这不光是美观问题，对于后期的维护也很有好处。很多程序员都不喜欢把这个LI封口。UL列表的用处主要是列举出一维的，同一类型的数据。具体的比如使用在菜单上，文章中列数的一些条例等等。在列表中有一种特别的形式与UL是不一样的。那就是下面的DLdl,dt,dd 这是一个很特别的三个标签的组合。这里的DT是指标题，DD是指内容。DL是包课他们的容器。正确的写法是<dl><dt></dt><dd></dd></dl>在DL里可以有很多组的DT，DD，当出现很多组的时候必需是一个DT配一个DD，不能有落单，如果DD中内容很多，可以在DD里加P标签配合使用。DL列表是一个非常好的列表形式，可以多加利用。a 这表示链接，是一个特定属性的，也是网页中最为神奇的标签。因为它才让无数的网页都连在了一起。正确的写法是：<a href="" title=""></a>其中的href是表示目标地址，TITLE是鼠标悬停提示文字，这是可有可无的。但是有必是利大于无。img 这是图片标签，也是个特定属性的标签。正常写法是：<img src="" alt="" title=""/> 这里的src是目标地址，ALT与TITLE是鼠标悬停提示，ALTj IE特定的，TITLE是其它浏览器的通用的。不过记得后面的反斜线那是一定要有的。H 这是一个系列的标签，从H1到H6，一共六个，有人说太少了，有人说正好用，有人说用不了这么多。反正我是觉得差不多。正确写法是：<h></h>主要是用来存放标题，也有一些朋友用来作它用，个人觉得这个标签还是让他安生一点，就让他做标题的作用。这六个标签之间最好不要出现什么相互包含的事。
HTML语言剖析(一) Html简介
Html简介 全写： HyperText Mark-up Language 译名： 超文件注标式语言(译名之一) 简释：一种为普通文件中某些字句加上标示的语言，其目的在于运用标记(tag)使文件达到预期的显示效果。 HTML 是在 SGML 定义下的一个描述性语言，或可说 HTML 是 SGML 的一个应用程式，HTML 不是程式语言，如 C++ 和 Java 之类，它只是标示语言，基本上你只要明白了各种 标记的用法便算学懂了 HTML，HTML 的格式非常简单，只是由文字及标记组合而成，于 编辑方面，任何文字编辑器都可以，只要能将文件另存成 ASCII 纯文字格式即可，当然 以专业的网页编辑软件为佳。 ■ 阅读须知： 这一篇【HTML剖析】偏重于标记的介绍，考虑到易懂及每节的篇幅问题，我并不按 W3C 的 HTML 分类，这可令你更易选择有兴趣的标记，其中只有【文件标记】是必读的，其 余可任意选择。这一篇不会提及任何网页编辑软件，只要掌握了 HTML ，任何网页 编辑工具都可以变成一把利器。 ■ 标记写法： 任何标记皆由"<"及">"所围住，如 <P> 标记名与小于号之间不能留有空白字符。 某些标记 要加上参数，某些则不必。如 <font size="+2">Hello</font> 参数只可加于起始标记中。 在起始标记之标记名前加上符号"/"便是其终结标记，如 </font> 标记字母大小写皆可。 ■ 围堵标记与空标记： 标记按型态分为围堵标记与空标记
HTML语言剖析(二) HTML标记一览
注： ● 表示该标记属围堵标记，即需要关闭标记如 </标记>。 ○ 表示该标记属空标记，即不需要关闭标记。 IE 表示该标记只适用于 Internet Explorer。 NC 表示该标记只适用于 Netscape Communicator。 反对 表示该标记不为 W3C 所赞同，通常这标记是 IE 或 NC 自订，且己为众所支 持，只是 HTML 标准中有其它同功能或更好的选择。 弃用 表示该标记己为 W3C 所弃用，是过时的标记，但 HTML 具向下兼容的特 性，不用担心新浏览器不支援旧标记。 新 表示该标记是 HTML 4.0 中新增的。
HTML语言剖析(三) 文件标记
欲明白本篇【HTML剖析】之标记分类请看 【标记一览】。 亦请先明白围堵标记与空标记的分别请看 【HTML概念】。 ■ HTML 基本架构： 以下 HTML Source Code 便是一份 HTML 文件的基本架构： 特点解说： 整份文件处于标记<HTML>与</HTML>之间。 <HTML>用以声明这是 HTML 文件，让浏览器认出并正确处理此 HTML 文件。 文件分两部分，由<HEAD>至</HEAD>称为开头，<BODY>至</BODY>称本文。 基本上两者各有适用的标记，如<TITLE>只可出现于开头部分。 开头部分用以存载重要资讯，而只有本文部分会被显示。 所以大部分标记会运用于本文部分。 <TITLE>所标示的是文件的标题。 会出现于浏览器顶部及为别人 Bookmark 时的名称，所以每页有不同而明确的标题 是需要的。 上述标记中只有<BODY>具参数设定。