推荐阅读
摄影知识之：关于色温
关於彩色摄影，色温会影响一张照片的感觉。在早晨或黄昏拍摄的照 片会偏红，在钨丝灯光下拍摄照片颜色会偏黄，这些现象都是因为当时的色温不能符合软片的色温标准而产生色偏。在物理上，把称做完全黑体的 物体完全加热，温度上升，开始变成红色呈红热状态，再继续加热会变成 白色，呈白热状态。在红热状态时，光源放射能低，光波长，其红色成分 较多，白热状态时，光源放射能高，波长短，其蓝色成分多。凡发光物体 温度越高，光的颜色越白，温度越低，光的颜色越红。在同一钨丝灯下电 压低时的灯光比电压高时还红。 应用在摄影方面，色温就是发光物体由红 到白色各级温度所放射光线中包含颜色的成分。色温高低的度数以 K 表 示，也就是将摄氏温度 +297。色温K数变化时，蓝色光的成分并不随其等 量的变化，所以在加滤光镜调整色温时换算不是很方便。於是有DM值的设 计，DM值的计算方法是将色温K 数倒数的十万倍，所以色温越高，DM值越 低，色温越低，DM值越高。用DM值的优点是，DM值变化时，光线的蓝色成 分随其等量变化，如此就可以由软片色温的DM值和光线色温的DM值的差额 ，来决定用什麽号数的色温滤光镜。 例如日光型彩色软片色温标准为19DM （相当5400K），用在光线色温 14DM（相当7000K）的情况时，两者相差5DM，应用红色R5号滤光镜以降低色温。 时间 光源色温K数 光源色温DM 日出时 2000 50 日出後或日落前20min 2100 48 日出後或日落前30min 2400 42 日出後或日落前40min 2900 35
PS制作动态文字的案例教程
今天给大家分享一个PS制作动态文字的案例教程，PS的功能十分强大，不仅可以美化图片、排版设计还可以对GIF动图进行制作，那究竟怎么做呢，下面就让我们来看看具体的操作步骤吧。效果图1、新建一个合适尺寸的画布；2、分别分图层输入文字，并将所有图层的小眼睛关掉，只留下“PS”图层；3、单击“窗口-时间轴”；4、单击“时间轴”中的“创建帧动画”；5、.单击“创建帧动画”后，在“时间轴”中会自动载入“控制面板”中位于顶部的图层；6、单击“复制所选帧”；7、关掉“PS”图层的小眼睛；打开“制”图层的小眼睛；8、使用同样的方法处理剩余的图层；
打造玉石质感
教程是王敬的PS质感系列教程，飞特已经有了其他的质感教程，但是这一个玉石质感的没有，我把这个发布过来，这样就比较完整了，我们先看看最终效果图 下面是具体的制作步骤：首先制作出玉佩的形状。 添加图层样式，“斜面与浮雕”选项。
突破自拍局限的技巧
很多摄影师并不喜欢对着别人的镜头表现自己，或是受人摆布，他们更享受自拍带来的乐趣。但很多人认为自拍就是伸长胳膊，举着相机对准自己的脸，其实自拍有更多的方式来突破这些局限。下面sherry提供7个小技巧来提高自拍质量。 1.无线遥控器 大部分相机的自拍功能定时最长为10秒，显然这段时间对于一些自拍想法的实现并不够，并且相机不一定能够准确对焦，你确定要用替身么，开玩笑，那么你需要一个无线遥控器，或是足够长的快门线，准确对焦就不是一个难事，并且你可以有足够的时间准备做复杂动作。 2.改变焦点 你可能认为一幅很好的自拍像的焦点应该落在自己的脸上，但是也许成为模糊的背景会更有意思。 3.尝试剪影 背光时的轮廓，会让人联想到更多的故事。
最新发布
网页设计常用特殊符号
这里我们收集整理了一些网页设计常用的一些特殊符号，希望对大家有所帮助！*特殊符号：・⊙①◎Θ⊙*○¤IZ＠の*□*☆** ▲△S y z { } * * * 回 □ **≡↑↓→←KL♀♂┇┅‖$ @ * & # ※ d e ∞Ψ §∮ № ⌒ ＊░ ▒ ▣ ▤ ▥ ▦ ▧ ▨ ▩ ▪ ▫ ▬ * * ◈ ◎ * ◐ ◑ ☎ ☏ ☜ ☞ ☺ ☻ ☼ ♠ ♡ ♢ ♣ ♤ ♥ ♦ ♧ ♨ ♩ ♪ ♫ ♬ ♭♯ *标点符号： ．。，、；：？！ˉˇ¨`~ 々～‖∶＂＇｀｜・… ― ～ - 〃 ‘’“”〔〕〈〉《》「」『』〖〗【】（）［］｛｝瞀铴毽 *数学符号： ＋－×÷±／＝ ∥∠ ≌ ∽ Q R P ≈ ≡ ≠ ＝ ≤ ≥ ＜ ＞ ≮ ≯∷ ∶ ∫ ∮ ∝ ∞ ∧ ∨ ∑ ∏ ∪ ∩ ∈ ∵ ∴ ⊥ ∥ ∠ ⌒ ⊙ √NS S R ％ ‰*单位符号：J K L M N O P Q R S T Y ％ ‰ ℃ H °′″＄ ￡ ￥ ￠ ♂ ♀G*数字序号：① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩ ㈠ ㈡ ㈢ ㈣ ㈤ ㈥ ㈦ ㈧ * ㈩ № ⑴ ⑵ ⑶ ⑷ ⑸ ⑹ ⑺ ⑻ ⑼ ⑽ ⑾ ⑿ ⒀ ⒁ ⒂ ⒃ ⒄ ⒅ ⒆ ⒇⒈ ⒉ ⒊ ⒋ ⒌ ⒍ ⒎ ⒏ ⒐ ⒑ ⒒ ⒓ ⒔ ⒕ ⒖ ⒗ ⒘ ⒙ ⒚ ⒛Ⅰ Ⅱ Ⅲ Ⅳ Ⅴ Ⅵ Ⅶ Ⅷ Ⅸ Ⅹ Ⅺ Ⅻ *希腊字母：Α Β Γ Δ Ε Ζ Η Θ Ι Κ Λ Μ Ν Ξ Ο Π Ρ Σ Τ Υ Φ Χ Ψ Ω α β γ δ ε ζ ν ξ ο π ρ σ η θ ι κ λ μ τ υ φ χ ψ ω *俄语字符：А Б В Г Д Е Ё Ж З И Й К Л М Н О П Р С Т У Ф Х Ц Ч Ш Щ Ъ Ы Ь Э Ю Я а б в г д е ё ж з и й к л м н о п р с т у ф х ц ч ш щ ъ ы ь э ю я*汉语拼音：ā á ǎ à ō ó ǒ ò ē é ě è ī í ǐ ì ū ú ǔ ù ǖ ǘ ǚ ǜ ü ê ? ? ㄅㄆㄇㄈㄉㄊㄋㄌㄍㄎㄏㄐㄑㄒㄓㄔㄕㄖㄗㄘㄙㄚㄛㄜㄝㄞㄟㄠㄡㄢㄣㄤㄥㄦㄧㄨㄩ *中文字符：偏旁部首：横起：B^ 竖起：AL] 撇起：|}y々 捺起：@零 壹 贰 叁 肆 伍 陆 柒 捌 玖 拾 佰 仟 万 亿 吉 太 拍 艾 分 厘 毫 微 d e ` w p q r T h @ 々 e の ぁ @ A B C D E F G H
文字的可读性与辨识度
不久前因业务需要，我在自己的笔记本中安装了搜霸。当时一个做平面的朋友过来和我做一些设计交流，我在笔记本前准备输入一个网址，他靠近我的电脑，大叫道：“嗷！你也认识我的老同学“高亮”啊！”我惊出一身冷汗。几乎所有的产品中，都会使用到文字。小到错误、警告、提示信息，大到介绍、专题策划、广告文案。如果文字出现问题，修改起来成本很低。然而文字的可用性如果不好，将直接作用于产品。我将文字的可用性理解为 辨识度 与 可读性 两个方面。辨识度就是文字在界面上出现时，用户能不能正常阅读。在设计中最常遇到的问题是关于文字的字体、字号、以及行距、间距。在中文的WEB设计中，12号和14号宋体是最常使用的，纵观几大国内门户网站，这几乎已经成为中国网友的阅读习惯。而遇到列表或大段文字，还需要注意行距问题。例如12号宋体时，我们一般使用18-20像素的行距。14号宋体通常使用22-24像素的行距。WEB设计时，一般不用考虑平面设计中字与字的间距问题，而使用默认状态。但是也有例外。有时我们会用到18号的黑体或宋体，例如新闻内页的标题。特别要提一下UCDCHINA.COM上的文章顶部右侧都会有一个“-”一个“+”号：这是一个很贴心的设计，当视力较弱或者年老的读者需要大一点的字体时。可以使用“+”这个功能来提高文本的辨识度。
适合阅读的页面文字宽度(字数)
aoao的blog：http://www.aoao.org.cn/blog/先看几个数据。。一大堆文字滴，不管人家是不是故意的，字数还是这样：news.163.cn：14px，39个中文字符 news.sina.com.cn：14px，42个中文字符 news.sohu.com：14px，38个中文字符 news.qq.com：14px，40个中文字符 搜索引擎的搜索结果：google：41 *3 ，宽度34em*16px=544px，在第39/40个字符有插上wbr baidu：39 *3，宽度 32em*16px=512px yodao：39*3，宽度 32em*16px=512px yahoo：40.5 *3，max-width:40.7em *13px=529px， msn：42 *2 ，那代码太那个了，我水平有限。 live：42*3 or4 microsoft：-______-!!那个不是国人适合的。。11*?? 还有一个特别的数据就是Google Reader：min-width:580px ，44个14px中文字符，48个12px。以上字数由嗷嗷半夜数得，如有数错，纯属犯困。据说163的分栏是追求黄金分割滴。顺便料两个不是数来的数据，是标题最多字数，新浪不超23.5 ，网易首页不超17.5，内页不超21 ，新浪的标题党不是盖出来滴。^^剩下的大家自己决定。在看搜索结果时发现另一个问题。搜索的词是加粗还是加亮，在弱视/设的情况，加粗效果会更好，比如我用手机自带的浏览器用google搜索就看不到加亮。
提高网站速度之终极技巧
很多人都用虚拟主机来做网站，将网页文件存放在虚拟空间上，但是页面内容一多，网站打开的速度就显得特别慢，如果您碰到这种情况，与其寻求更好的空间，不如通过优化网页代码来取得满意的速度。下面总结了一些切实可行的方法，制作主页时，以下的方法可以令网页速度大大提高。 一、记得帮页面减肥 浏览网页实际上是将虚拟主机中的网页内容下载到本地硬盘，再用浏览器解释查看的。下载网页的快慢在显示速度上占了很大比重，所以，网页本身所占的空间越小，那么浏览速度就会越快。这就要求在做网页的时候遵循一切从简的原则，如：不要使用太大的Flash动画、图片等资源。干净、简洁的页面会给人一种思路明朗的感觉。 二、如没必要，尽量使用静态HTML页面 众所周知，ASP、PHP、JSP等程序实现了网页信息的动态交互，运行起来的确非常方便，因为它们的数据交互性好，能很方便地存取、更改数据库的内容，使网站“动”起来，如：论坛、留言板等。但是这类程序必须先由服务器执行处理后，生成HTML页面，然后再“送”往客户端浏览，这就不得不耗费一定的服务器资源。如果在虚拟主机上过多地使用这类程序，网页显示速度肯定会慢，所以没有必要，请尽量使用静态的HTML页面。 三、不要将整个页面内容塞到一个Table中 这是网页设计的问题了，很多站长为了追求页面统一对齐，将整个页面的内容都塞进了一个Table(表格)里，然后再由单元格td来划分各个“块”的布局，这种网站的显示速度是绝对慢的。因为Table要等里面所有的内容都加载完毕后才显示出来的，如果某些内容无法访问，就会拖延整个页面的访问速度。正确的做法是：将内容分割到几个具有相同格局的Table中去，不要全都塞到一个Table里。 四、将ASP、ASPX、PHP等文件的访问改为.js引用 这在ASP、ASPX、PHP等程序设计时应该注意的，如果要在静态的HTML页面里嵌入动态的数据，而这些动态的数据是由ASP、PHP 等程序来提供的话，会使用以下的语句引用：，这样的话，每次有一个人访问你的网站，服务器就要执行并处理一次tongji.asp文件，从数据库抽取相应的数据，再输出给网页显示，如果有几万个人同时访问，就要执行几万次，后果就可想而知。建议在这些程序中将数据动态生成到一个1.js文件中去，然后在首页通过 < SCRIPT src=../../" http://www.aaa.com/ 您的js文件具体名">< /SCRIPT> 这样的代码来引用该js文件。这样，数据显示的任务就交给客户端的浏览器去做，不会耗费服务器的资源，显示速度自然就很快! 五、使用iframe嵌套另一页面
编写高效率的HTML网页代码
许多网站设计者最常犯的错误便是当其网页能够在IE下正常显示便认为其代码正确无误，甚至常看到有人在抱怨其网站排名不理想，到其网站简单看一下便可发现 HTML代码中充斥各种各样的错误，在那样的代码基础上无论付出多少努力去优化网站结果都可能是付诸流水的啊！事实上，IE是一款对HTML代码容错能力甚高的的浏览器，――说句题外话，尽管我们可以有各式各样的理由可以攻击微软，但微软对其产品操作的易手性及可用性方面所做的努力是不容抹杀的。――Web页面能够在IE下正常显示绝不意味着页面的HTML代码没有问题，甚至可以推而广之，Web页面在多种浏览器下均可正常显示也不意味着HTML代码完全合法有效，毕竟哪个浏览器都要保证基本的容错的功能，不然，就会发生即使仅仅因为网络传输中的一点导致导致 HTML页面显示不正常了，而这在网络带宽仍然紧张的今天仍是频繁发生的。什么是合法有效的HTML代码 简单说来，我们的Web页面是由HTML(Hypertext Markup Language :超文本链接标示语言)元素构成的，即使对于ASP、PHP之类的动态页面，其也是由SERVER将ASP或PHP语句渲染成相应的HTML元素并下传到客户机上；对于JavaScript之类则由客户端将其转换为HTML。 同其他语言一样，HTML也有自己的语法规则，无论是浏览器还是搜索引擎的Spider都在根据这些规则来分析网页代码中的内容。但很多时候，即使对熟练人员来说，在HTML页面构建时仍然难免出些HTML代码上的错误，更别提大部分所见即所得编辑器造成的HTML冗余臃肿问题了。 合法有效的HTML代码对SEO的重要性 要使搜索引擎收录我们的网页，――在此基础上才能谈网站优化网站推广――其前提是要让搜索引擎的Spider能读懂我们的Web文件。搜索引擎 Spider阅读网页的根据便是HTML规范，通过对HTML代码的分析，Spider才能判断网页内容，在此基础上才能判断针对相应关键词的相关性。 需要明确的是，搜索引擎Spider不同于浏览器的一点便是其容错能力相对于浏览器要差不少，如果页面代码中存在其无法解释的HTML代码时，其便可能停止阅读该页面甚至可能停止在我们的网站内爬行，更严重的错误甚至会导致其同时也丢弃已经收集到的网站内其他页面的内容信息。 尽管如今如大主要搜索引擎也都在尽力提高Spider的容错能力，让其可以在HTML代码出现一般性错误时不至影响对内容的收集。但很多时候，仍然会发生如漏了一个关闭标签导致整个页面的内容被忽略的情况。 另一方面，合法有效的HTML也可以保证Web页面可以在多种浏览器下被正确解释，避免同一个页面在IE下显示正常在Mozilla下却严重变形的情况(当然，不能完全避免)，这对于提高网站的可用性方面也是有着极大好处的。如何验证HTML代码的合法有效？
帝国ecms:实现google的全站sitemap制作教程
以前都只是这么提，没有具体去做。在实际操作过程中遇到一些问题，向WC寻求帮助后，已经提交成功。现在和大家分享下。步骤如下：1.在后台开启模板支持程序代码2.在模板管理，列表模板里新增一个列表模板页面模板内容[!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--]列表内容模板<url> <loc>http://www.cmsmb.cn/cmsdoc/ecms/200702/60.html</loc> <lastmod>[!--newstime--]</lastmod> <changefreq>daily</changefreq> <priority>0.5</priority></url>3.在后台其他管理-增加自定义列表以新闻表为例：统计记录:select count(*) as total from phome_ecms_news where checked=1查询记录: select * from phome_ecms_news order by id desc其他的选项自己定。需要说明的是，帝国目前自定列表生成的文件都是index开头。如果你用到几个表，可以放在不同目录。或者把文件扩展名设成 news.xml，down.xml这种形式，就可以放在同一目录里。目录不会自动创建，选择存放的路径目录不存在的话，需要在FTP里先创建并设置好权限。模板选择新增加的列表模板4.定义一个标签模板，时间格式选择Y-m-d页面模板内容[!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--]列表内容模板[!--newstime--]
网页图片快速显示的方法和技巧
1. Use .gifs rather than .jpgs. GIFs are smaller in size when compared to JPGs. 1.用.gifs格式保存图片，最好不要用.jpgs格式。因为前者的尺寸比后者小。 2.Use "Height" and "Width" tags for your images. So while page loading certain place is left for the images and visitor can go through the content while images are loading. 2.使用高度和宽度标签设置图片。这样，网页可以为图片预留空间，在图片下载的时候，访问者可以浏览网页内容。 3.If you are using large images, slice them up and make them load as part after part. For this you can use img tags like HSPACE=0 and VSPACE=0. 3.如果使用内容大的图片，把图片进行分割，各个部分依次下载。在这种情况下，你可以使用HSPACE=0以及VSPACE=0的图片标签。 Optimized image (gif format, sliced to two parts, with width and height tags, HSPACE=0 and VSPACE=0)：优化后的图片（gif格式、设置了宽度和高度、HSPACE=0以及VSPACE=0）
网页制作经典技巧24条
提示:使用前请把大写状态下"＜＞"改为小写状态下的"<>" 01.让背景图不滚动 IE浏览器支持一个 Body 属性 bgproperties，它可以让背景不滚动: 〈Body Background="图片文件" bgproperties="fixed"〉 02.让你的网页无法另存为 ＜noscript＞＜iframe src=*＞＜/iframe＞＜/noscript＞ 03.让IFRAME框架内的文档的背景透明 ＜iframe src="about:＜body style=‘background:transparent‘＞" allowtransparency＞＜/iframe＞ 04.禁止右键： ＜body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()"＞ 05.进入页面后立即自动刷新？ ＜meta http-equiv="refresh" content="120;url=http://www.wodutom.com/cn083"＞ http://www.wodutom.com/cn083,这是你自己的网址。 06.打开窗口即最大化 ＜script language="JavaScript"＞ ＜!-- Begin self.moveTo(0,0) self.resizeTo(screen.availWidth,screen.availHeight) // End --＞ ＜/script＞ 07.能隐藏IFRAME的滚动条吗？我知道的三种方法: 1. 设置iframe scrolling="no" 2. 被包含页body应用overflow:hidden 3. 被包含页的body标签加scroll="no" 08.加入背景音乐 ＜bgsound src="mid/windblue[1].mid" loop="-1"＞ 只适用于IE ＜embed src="music.mid" autostart="true" loop="true" hidden="true"＞ 对Netscape ,IE 都适用 09.嵌入网页 ＜iframe name="tt" src="01a.html" width="450" height="287" scrolling="Auto" frameborder="0"＞＜/iframe＞ 10.跳转 ＜meta http-equiv="refresh" content="3;URL=list.htm"＞
由浅入深实践学习 Web 标准
如果你还不知道 Web 标准是什么，那么我给一个定义：从 05 年开始才在中国流行起来的一种做网页的方式，并且现在保持着一定的热度。新浪、网易这两大门户网站的首页都是标准的（或接近标准）。我这么定义，是说作为一个新锐的网页设计师，如果你现在还不知道 Web 标准，那么你即将被历史淘汰了。 很多人不知道怎么系统的学习 Web 标准。不用紧张，其实大家都一样。而且大部分人都是东一点西一点学起来的。普遍的观点是，如果你有网页制作的基础，即会使用 table 或利用 DW 等工具制作网页，那么 2 周时间可以入门 Web 标准，到基本熟练程度大约需要 1-3 个月。 有了以上这些初步的概念，现在回到本文的主题上来。 学习 Web 标准最快速有效的办法是实践。但是，这并不意味着你今天会做一个页面了你明天就会做其他页面，不同页面间的差别很大。我的建议是，通过从小到大的实践来学习 Web 标准。从小到大，从局部到整体。并且 (X)HTML 和 CSS 同等重要！不要只学了 CSS，尤其是只学习那些丑陋的 hacks（用来解决不同浏览器的兼容性问题）。hacks 要学，但是点到即止，不要本末倒置。
IE中奇怪的左右border断线现象
如果容器内有两个浮动，并用CLEAR清除浮动。在ie下拖动滚动条时最外层的border会消失，如果给最外层加上宽度或者高度就不会出现。这是一个奇怪的现象，目前还不能解释是什么原因所导致的。看下面的示例：<div style="margin:500px 100px 10px 100px;padding:50px;border:1px solid #ccc;line-height:300%"> <div style="float:left"> 网页标准化过程中一些理论<br /> 网页标准化过程中一些理论<br /> 网页标准化过程中一些理论<br /> 网页标准化过程中一些理论<br /> </div> <div style="float:right"> 网页标准化过程中一些理论<br /> 网页标准化过程中一些理论<br /> 网页标准化过程中一些理论<br /> 网页标准化过程中一些理论<br /> </div> <div style="clear:both"></div> </div> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行] 我们可以通过下面的办法解决： 1.在父元素中加入height:1% 2.加入一个宽度 3.加入一个背景色 看下面的例子，我们给父元素加上一个宽度就搞定了： <div style="width:660px; margin:500px 100px 10px 100px;padding:50px;border:1px solid #ccc;line-height:300%"> <div style="float:left"> 网页标准化过程中一些理论<br /> 网页标准化过程中一些理论<br /> 网页标准化过程中一些理论<br /> 网页标准化过程中一些理论<br /> </div> <div style="float:right"> 网页标准化过程中一些理论<br /> 网页标准化过程中一些理论<br /> 网页标准化过程中一些理论<br /> 网页标准化过程中一些理论<br /> </div> <div style="clear:both"></div> </div> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]