推荐阅读
Photoshop巧用调整边缘方法抠图和边缘处理技巧
调整边缘抠图非常快速，但是边缘容易虚，要求不高无所谓，稍高一点就要想办法处理了，常用的处理方法很多，我们这里只是一种。一：首先导入要处理的图片和背景图，并且调整顺序。二：首先是要快速选择工具选择范围，然后点击矩形选择工具，会出现调整边缘选项点击进入。
详解Photoshop通道混合器抠图方法教程
详解photoshop通道混合器抠图方法教程！ 今天给大家介绍一种稍微复杂一点的ps抠图方法，适合想要进阶的朋友哦！本方法适用图像范围：图片背景部分颜色复杂，要抠图的图像部分非常复杂。 优势：处理非常复杂图片的首选抠图方法 劣势：处理过程和步骤比较复杂 如果说给你一辆车，让你抠出来比较简单，但是如果给你一片树林，让你抠图，你有头绪吗?接下来，我们就交给大家一个全新的抠图方法，利用反相和通道混合器的方式进行抠图，这样即使给你一片树林，你也能够完整的抠出来。 打开图片，复制一个新的图层 选择反相选项
名片设计的文字表现
我们都知道,文字是人类日常生活中最接角的视觉媒体之,变是学术文化的传播者．而字体设计就是将文字精神技巧化,并加强文字的造形造魅力．所以文字应用在设计行业时,不单只为传达讯息,并且具有[装饰][欣赏]的功能和加强印象的机能. 近年来,由于广告事业的发展迅速和爱到世界性的设计潮流影响,不论是广告公司或个人在从事设计工作时,为了商业需求或表现个人设计理念,除了印刷字体的变化外;也产生了许多具有装饰性、变化性的新颖字体。[手绘字体]就是在强调书写时的轻快和创意趣味……等诸多前提下,巧思设计出来与传统字体截然不同的特殊字体。 在设计名片时,行业常影响文字造形的表现方式;例如,软笔字体适合应用在茶艺馆上。文字设计的题材来源有：公司中英文全名、中英文字首、文字标志……等,字形则包括万象,设计的字形、篆刻的字形、传统的字形。最后，要注意字体与书面的配合,来营造版面的所氛,将名牌塑造成另一种新视觉语言。
Photoshop制作金属质感文字效果
本教程的实例中主要应用到的图层样式包括：投影、内阴影、外发光、内发光、斜面和浮雕、光泽和渐变叠加制作而完成。希望大家喜欢！ 先看效果图：效果图 制作过程： 1、打开Photoshop CS4软件，执行菜单：“文件”／“新建”（快捷键Ctrl+N），弹出的新建对话框，名称：制作金属质感文字效果，宽度：1300像素，高度：576像素，分辨率：72像素／英寸，颜色模式：RGB颜色、8位，背景内容：白色，设置完毕后单击确定按钮，如图1所示。图1 2、单击工具箱中的横排文字工具 ，输入IROM MAYA，然后在工具选项栏上设置字体：Army，大小：212.56点，颜色：白色，设置消除锯齿的方法：锐利，如图2所示。图2 3、双单击文字图层进入到图层样式，分别勾选投影、内阴影、外发光、内发光、斜面和浮雕、光泽、渐变叠加复选项。设置内阴影混合模式：柔光，点击色标处，阴影颜色设置为白色，不透明度：70%，角度：120，距离：5像素，扩展：0%，大小：5像素，然后点击确定按钮，如图3所示。图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 全部选择 提示：你可先修改部分代码，再按运行]