推荐阅读
新手也能拍星轨
一般数码单反相机提供的最慢快门速度大约在30秒左右，这对于大部分的拍摄创作来说都已经绰绰有余了。但是当需要在弱光环境中进行一些比较特殊题材的创作拍摄时，曝光时间可能感觉仍然不够。比如拍摄天体、把黑夜拍的如同白天等，今天就给大家奉上星轨的前期拍摄和后期处理。 1、器材的选择 使用B门拍摄星轨对于拍摄器材的要求并不高，只要一部数码单反照相机和一支广角镜头就可以实现。 CANON EOS 60DA 推荐机型：EOS 60Da EOS 60Da是天文摄影专用机型。搭载新型低通滤镜，透射率约是EOS 60D的3倍;更出色地再现天体细节和光的微妙变化，这些特性能更好的让我们捕捉到美丽的星云及其他壮观的宇宙景象。 拍摄星轨你还需要的就是广角镜头。 当然还有一些必不可缺的附件： 三脚架、快门线、手电筒、指南针等。三脚架用于长时间固定机器保持不发生移动，快门线用于锁住快门(定时快门线，最好是有线的，有遥控的也要用那根有线的连线，因为长时间曝光，用遥控容易出现信号中断)，手电筒用来在黑暗中的照明为拍摄前做准备，指南针则方便你确认拍摄的星星运动方向。 2、拍摄地点及时间
不要闲置了内置闪光灯
闪光灯是摄影的重要工具之一，在我们购买数码相机时，相机本身往往会有一个内置的闪光灯，这个闪光灯被大家称为内闪。很多初学者在使用内闪的时候发现拍摄出来的效果非常不自然，所以很多人认为能不用闪光灯就不用，其实不然。 暗光场景闪了总比虚了好 闪光灯最大的作用就是在暗处提供光源。当我们在暗处使用相机时，往往会发现快门速度较慢，这样一来就很容易拍出模糊的影像，也就是通常说的拍虚了。 拍虚了往往就是废片 但是很多初学者宁愿拍虚了也不愿意开闪光灯，这是非常不对的。因为对于一张照片的价值来说，最重要的一点评断标准就是有没有拍摄清晰，当然特重大历史事件如果没有其它清晰照片的话，拍虚了的也很有价值，比如萨达姆之死，比如卡帕的作品，这里不做讨论。 暗光场景 闪光灯能够提供光源 所以初学者一定要记住一点在暗光场景拍摄，开闪光灯再不自然也比虚了好。 逆光场景同样要用闪光灯 暗光场景会用到闪光灯，在逆光的时候拍摄同样要用到闪光灯。比如我们在白天室外拍摄人像时，难免会有逆光的场景。逆光场景也是初级摄友们习惯拍摄的，因为模特能睁开眼睛嘛。不过逆光人像往往会造成大黑脸。 逆光拍摄人脸容易黑
最新发布
XHTML+CSS:调用样式表
事实上，所有表现的地方都需要用CSS来实现。我们以前都习惯用table来定位和布局，现在要改用DIV来定位和布局。这是思维方式的变化，一开始有些不习惯。呵呵，任何变革都会有阻力的，为了享受标准带来的"益处"，放弃一些老的传统做法是值得的。 外部调用样式表 在以前，我们通常采用2种方法使用样式表： 页面内嵌法：就是将样式表直接写在页面代码的head区。类似这样： 外部调用法：将样式表写在一个独立的。css文件中，然后在页面head区用类似以下代码调用。 在符合web标准的设计中，我们使用外部调用法，好处不言而喻，你可以不修改页面只修改。css文件而改变页面的样式。如果所有页面都调用同一个样式表文件，那么改一个样式表文件，可以改变所有文件的样式。
与HTML相比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有什么特点? (1)XHTML解决HTML语言所存在的严重制约其发展的问题。HTML发展到今天存在三个主要缺点:不能适应现在越多的网络设备和应用的需要，比如手机、PDA、信息家电都不能直接显示HTML;由于HTML代码不规范、臃肿，浏览器需要足够智能和庞大才能够正确显示HTML;数据与表现混杂，这样你的页面要改变显示，就必须重新制作HTML。因此HTML需要发展才能解决这个问题，于是W3C又制定了XHTML，XHTML是HTML向XML过度的一个桥梁。
HTML文件中也玩include文件包含
在论坛中常常有网友问到，可以在一个html的文件当中读取另一个html文件的内容吗？答案是确定的，而且方法不只一种，在以前我只会使用iframe来引用，后来发现了另外的几种方法，那今天就总结这几种方法让大家参考一下，本人觉得第三种方式较好！ 1.IFrame引入，看看下面的代码 <IFRAME NAME="content_frame" width=100% height=30 marginwidth=0 marginheight=0 SRC="import.htm" ></IFRAME> 你会看到一个外部引入的文件，但会发现有一个类似外框的东西将其包围，可使用： <iframe name="content_frame" marginwidth=0 marginheight=0 width=100% height=30 src="import.htm" frameborder=0></iframe> 但你会发现还会有点问题，就是背景色不同，你只要在引入的文件import.htm中使用相同的背景色也可以，但如果你使用的是IE5.5的话，可以看看这篇关于透明色的文章 如果想引入的文件过长时不出现滚动条的话在import.htm中的body中加入scroll=no 2.<object>方式 <object style="border:0px" type="text/x-scriptlet" data="import.htm" width=100% height=30></object> 3.Behavior的download方式 <span id=showImport></span> <IE:Download ID="oDownload" STYLE="behavior:url(#default#download)" /> <script> function onDownloadDone(downDate){ showImport.innerHTML=downDate } oDownload.startDownload('import.htm',onDownloadDone) </script>
分享HTML中少为人知的个性化标记
我们知道HTML是一种再简单不过的标记语言，一些基础性的知识，该说的已经说了，该讲的也已经讲得差不多了，没有人再去关注HTML还有什么新颖之处，其实不然，也许我们熟悉的只是HTML中极为常见的标记，但对于一些特殊的标记，您未必熟悉也未必使用过，但也许您会真的喜欢它们。 1、optgroup标记-对select元素中的选项进行逻辑分组 这个元素我们很少有人去关注它，也很少有人知道这个元素的功能是什么，其实，这个元素通常用于select元素中，其功能是对select元素中的选项进行逻辑分组。这个元素其实在很多场合我们都可能用到，比如我们对web访问者进行身份调查时通常会让其填写资料，以现住城市为例，您可能住在江苏省也可能住在山东省也可能住在其它省份，在这些省份下面还有市，这就需要进行分组，把这些市分组到所属省。通常情况下我们会这样写代码：<select><option selected>您所在的城市</option><option>---山东省---</option><option>济南市</option><option>莱州市</option><option>……</option><option>---安徽省---</option><option>合肥市</option><option>……</option><option>---江苏省---</option><option>南京市</option><option>……</option></select> 出来的效果是这样的： 您所在的城市 ---山东省--- 济南市 莱州市 …… ---安徽省--- 合肥市 …… ---江苏省--- 南京市 …… 其实这种方法是非常粗陋的，如果我们用optgroup元素将会达到不一样的效果：<select><option selected>您所在的城市</option><optgroup label="山东省"><option>济南市</option><option>莱州市</option></optgroup><optgroup label="安徽省"><option>合肥市</option><option>……</option></optgroup><optgroup label="江苏省"><option>南京市</option><option>……</option></optgroup></select> 出来的效果是这样的： 您所在的城市 济南市 莱州市 合肥市 …… 南京市 …… 这种方法是不是更好呢。 2、sub标记和sup标记-文字对象的上、下标设置
实现Web页面内容动态改变的dhtml操作
IE的DHTML对象提供了四个可读写的属性来动态操作页面元素的内容:innerText, outerText, innerHTML, outerHTML. 需注意两点: 1. 其中innerText,outerText属性的值是作为普通文本呈现的，即使它含有HTML标签也如实反应出来;而innerHTML, outerHTML呈现的是经HTML引擎解析后文本，它可以反应属性中HTML标签的表现效果。 2. 对对象的outerText，outerHTML属性赋值(即写操作)会删除该对象。 以上四个属性的赋值操作只是替换原对象的文本内容，想要在页面中指定元素相关位置新增文本内容，需采用insertAdjacentHTML和insertAdjacentText方法。形式如下: object.insertAdjacentText(sWhere, sText) object.insertAdjacentHTML(sWhere, sText) 其中 sWhere 表示插入的文本相对于html标签的位置，有如下四个预设值: beforeBegin，afterBegin，beforeEnd，afterEnd 使用中需注意如下几点:
问与答 用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有什么特点?
Html网页表格深层探密
1、用表格做流动分割线 我们知道，在网页中可以用<hr>标识来做分割线，也可以把表格设置为1个象素高或宽充当分割线。现在，我们将表格与Javascript结合，可以做出更生动的分割线――流动的分割线。加入以下代码，你就可以看到一条分割线，颜色在不断的流动。 <script> l=Array(6,7,8,9,'a','b','b','c','d','e','f') t="<table height=2 width=60% cellspacing=0 cellpadding=0><tr>" for(x=0;x<40;x++){t+="<td id=a_mo"+x+"></td>"} document.write(t+"</tr></table>") function f1(y){for(i=0;i<40;i++){c=(i+y)%20;if(c>10)c=20-c document.all["a_mo"+(i)].bgColor="'#00"+l[c]+l[c]+"00'"}y++ setTimeout('f1('+y+')',1)}f1(1) </script> 在上面的代码中，我们可以通过修改<table>标识中的height和width设置分割线的高度和长度。源代码如图一： 图一 效果显示如图二： 图二 2、带滚动条的表格 看看图一的效果，可千万不要以为是IFRAME，这可是地地道道的表格！其实，这是表格和CSS结合的效果。当网页上有大段文字要显示，而又没有足够的空间时，这就派上用场了。虽然用文本框也可以实现类似效果，但却远没有用表格灵活。代码很简单，只要在单元格<td>标识后加上如下代码就可以了：<div style="overflow:auto;height:200;"> 当然，对应的在单元格结束</td>标识前加上</div>。我们可以更改height的值，来修改显示文段区域的高度。如以下的示例，就实现了图示的效果。 <table width="260" border="0"> <tr><td bgcolor="#999999"><font color="#FFFFFF"><b>标题</b></font></td></tr> <tr><td bgcolor="#CCCCCC"> <div style="overflow:auto;height:160;"> 这里输入文段的内容。 </div> </td></tr> </table> 3、带标题的表格
一些不太常用的XHTML标签用法以及实例
做为 XHTML+CSS 开发人员，尽可能不要让自己有这样的念头：“只要制作出来的页面能够和设计效果图一致就行了，管它代码合理不合理、严谨不严谨，客户也不要求页面通过 W3C 验证……”——我们的目的是为了要写出尽量语义正确的合格文档，而不是为了要通过什么验证，假如一点也不考虑代码的语义性，仅仅要求能还原效果图就好，就又退回到 table 时代了～～那下面的文字内容，也不必再看下去了。举一个例子：当我们回到家以后，会把脱下来的鞋放到鞋柜，把买回来的肉放进冰箱，我们这些做法肯定不会乱来：把臭鞋放进冰箱，把肉搁进鞋柜？！标签也是这个道理，相关的内容要放入到合适的标签内，比如主标题就放到 h1 标签里，p 标签内装的就是文本段落，这样做，不是为了给人看的，而是要给那些：浏览器、拼写检查程序、翻译系统以及搜索引擎分度器看，毕竟最终解析这些代码的是机器。所以我们还是用机器的语言来跟机器沟通吧！认同以上观点的，请继续往下看：今天要说的不是那些常见标签（如：div、h1、p、dl、ul、ol、strong、span……），而是一些不太常用的标签（“不太常用的标签” 这个说法仅仅是个人定义），现在就大致介绍一下：1. <abbr></abbr> ——这个标签是用来包含缩写的文本举例：
HTML5和CSS3的一些新变化
互联网的发展总是在不断地催生新技术的产生，而HTML5和CSS3是最近一直被讨论的热门话题，对于每个互联网开发者尤其是前端开发者而言，都充满了好奇与渴望。那么HTML5和CSS3究竟有哪些让我们眼前一亮的东西呢？我在WebRebuild北京交流会和珍珠奶茶帮上给大家分享了《揭秘 HTML5和CSS3》，PPT在这里：http://docs.google.com/present/view?id=dhpdbrp_51hf88z8g8HTML 5草案的前身名为Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的HTML工作团队。在2008年1月22日，第一份正式草案发布。 HTML 5是近十年来Web开发标准最巨大的飞跃。和以前的版本不同，HTML 5并非仅仅用来表示Web内容，它的新使命是将Web带入一个成熟的应用平台，在HTML 5平台上，视频，音频，图象，动画，以及同电脑的交互都被标准化。那么我们来看一下HTML5的技术概览有哪些：HTML5新增了很多多媒体和交互性元素如video, audio，在HTML4当中如果要嵌入一个视频或是音频的话需要引入一大段的代码，还有兼容各个浏览器，而HTML5只需要通过引入一个标签就可以，就像img标签一样方便。在页面布局和内容实现方面HTML5新增了很多结构化标签元素以及块级及语义元素，如果你要用HTML表示一个文件的上传进度条，在 HTML5中你可以用progress这个元素来表示，它有一个value属性描述了已经完成了多少任务，还有一个属性max描述了这个任务一共需要多少，还可以通过DOM接口得到这个进度条的position属性(只读)，也就是任务完成的百分比。Youtube在HTML5技术上已经做了一个尝试，http://www.youtube.com/html5(需要*) 是用HTML5做的一个DEMO，从整个页面源代码来看，非常简洁。当然HTML5也对一些元素新增了一些属性，如input和textarea的placeholder属性，相当于输入框的输入提示，script有一个async属性会影响脚本的加载和执行。对于所有的HTML共有的属性我们通常把它称作是“全局属性”，如class, id, tabindex, title，HTML5也新增了一些全局属性，如contenteditable, contextmenu, hidden等属性。HTML5还增加了对于微数据的支持，如HTML5新增的item, itempro, subject等属性。当然HTML5也移除了一些表示页面展现的元素，如font, center, strike等，这些本应该是CSS来做的，所以还是很好理解的，也移除了一些影响网站可访问性的元素如frame, frameset, noframe以及一些不常用的元素如acronym，而采用abbr来表示缩写。HTML5还移除了一些影响客户端兼容性的HTML熟悉，如link的rev属性，td的scope属性；HTML5也移除了一些表示页面展现的属性如一些元素的align,bgcolor属性。HTML5 提供了强大的控件类型如url, email, date, tel等，强大的约束属性，如required表示必填，文件上传的accept属性，以及一些表单重复元素模型的支持，HTML5在提交表单的时候还可以设置提交的方式为XML提交方式，这样服务器端接收到的数据将是XML格式，HTML5的表单被定义为“Web Forms 2.0”，目前opera9.5+对Web Forms 2.0的支持较为完美。点此查看Web Forms 2.0 DEMO，需要Opera9.5+HTML5在DOM LEVEL 2 HTML方面很多都是继承自HTMLDocument的接口，当然HTML5在DOM上也有一些值得注意的新成员，如：支持 getElementsByClassName，可以根据class类名选择元素，getSelection()将会返回当前选中的对象，在选择器上面有两个方法querySelector和querySelectorAll可以根据 css选择符来获取要查询的元素，相当于YUI3中的Y.one和Y.all。HTML5在Javascript上面新增了哪些API呢？HTML5让你心动了吗？那么HTML5什么时候会成为标准呢？据说要等到2022年，这有一个很有意思的网站http://ishtml5readyyet.com/告诉你还有多少天HTML5会真正到来。点击查看HTML5 DEMO，需要Firefox3.5+/Safari4.0+
网页制作教程:单独对IE6进行兼容
原文：Ultimate IE6 Cheatsheet: How To Fix 25+ Internet Explorer 6 Bugs翻译：http://www.vfresh.org/w3c/727(译文对原文进行了补充)兼容IE6的第一步就是单独对IE进行兼容，你针对IE6所写的代码只影响IE6；有几种方法可以区分开IE6：IE特有条件注释、CSS选择器、JavaScript，我们将逐一讨论。使用IE特有条件注释微软给IE添加了条件注释以区分不同版本，任何东西都可以塞进条件注释里：标签、JavaScript、js文件、css、内联样式。可以使用条件注释来针对某一个IE浏览器版本来编写代码。规则如下：（译注：可参考IE 特有注释(hack)）运行代码框这段文字会在所有浏览器显示 <!--[if lte IE 6]> 这段文字仅显示在 IE6及IE6以下版本。 This message will only appear in versions of Internet Explorer less than or equal to version 6. <![endif]--> <!--[if gte IE 6]> 这段文字仅显示在 IE6及IE6以上版本。 This message will only appear in versions of Internet Explorer greater than or equal to version 6. <![endif]--> <!--[if gt IE 6]> 这段文字仅显示在 IE6以上版本（不包含IE6）。 This message will only appear in versions of Internet Explorer greater than version 6. <![endif]--> <!--[if IE 5.5]> 这段文字仅显示在 IE5.5。 This message will only appear in Internet Explorer 5.5. <![endif]--> <!--在 IE6及IE6以下版本中加载css--> <!--[if lte IE 6]> [*] <![endif]--> 这段文字会在所有浏览器显示 [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]使用条件注释加载css的好处是这些样式是独立于其他css文件的，因此不会在编写兼容代码时弄得一团糟；而且当IE6的市场份额降低到不需要兼容时，可以快速的清理掉。使用条件注释的唯一缺点是在IE浏览器下会增加额外的HTTP请求数，所以需要权衡是否这样做。但我不建议使用条件注释加载外部js文件，因为js文件会造成阻滞，在js未加载完之前其余文件都不会被加载；对于js请使用JavaScript程序来区分浏览器而非条件注释。使用CSS选择器区分开IE6如果你不打算使用条件注释，CSS选择器是另外一个区分开IE6的办法，IE6不支持子选择器；先针对IE6使用常规申明CSS选择器，然后再用子选择器针对IE7+及其他浏览器。