<![CDATA[EASEU BLOG - 平面理论]]> http://www.easeu.com/ zh-cn PBlog2 v2.4 EASEU BLOG http://www.easeu.com/images/logos.gif http://www.easeu.com/ EASEU BLOG http://www.easeu.com/article.asp?id=401 <![CDATA[名片设计的规格和要点跟注意事项]]> easeu#yahoo.cn(you) Tue,23 Jun 2009 20:29:12 +0800 http://www.easeu.com/default.asp?id=401
在网上浏览到一个关于名片设计的知识,转过来与大家分享一下,以便制作出更美更适合自己的名片:
名片设计虽小,但,是一个完整的画面,所以存在着画面的比例与均衡问题。
这里面包括两个方面：其一是名片设计的整体内容,包括方案、名片设计标志、色块的比例关系,
其二是边框线的比例关系。

下面介绍几种比例以供参考：
1、黄金比(黄金分割)黄金比是设计中应用较多的一种比例。名片设计黄金比矩形的宽与长的比例是1:1.618。日常生活中常见的明信片、名片设计纸卡、邮票和一些国家的国旗等,采用这个比例。黄金比是法国建筑师柯尔毕塞根据人体结构的比例与数学原理编制出来的。美国一位叫格列普斯的人,名片设计用5个不同比例的矩形在群众中进行民意测验,结果认可度最高的是黄金比矩形。

黄金比画法(1)

以正方形的一边为宽,求黄金矩形。其方法是：名片设计首先量取正方形一边的二分之一点,再以此为圆心,以点与其对角的连线为半径,画圆弧交到正方形底边的延长线上,引交点即为黄金矩形长边的端点。

黄金比画法(2)

名片设计是以正方形的一边为长,求黄金矩形。其方法是：名片设计首先量取正方形的一边的中点,从该点向其对角作连线,再以该中点为圆心,以正方形的二分之一为半径画弧,交到该中点到对角的连线上,再以对角为圆心名片设计,以圆弧与对角线的交点为半径画弧,交到正方形的对边上,此点作平行线所成的矩形即为黄金分割矩形。

2、费勃那齐数列这是一个近似黄金比的数列。也就是将黄金矩形的比值运用到连续排列的线群得出的间隔构成。它是一个较为优美的比例造型。这种数理的秩序活泼,对比明显,构成的图形富于变化,运用较为广泛。费勃那齐数列的求法是：数列相邻两项的数字之和,作为第三数值。如：数列从1开始,第一项为0+1,还是1。第三项是1+1=2,第四项是1+2=3,第五项是2+3=5……以此类推。

名片设计中的标志设计

一般情况下,名片设计的标志都由用户自己提供的单位已有标志。但有的时候标志也同名片设计一同设计。在一般的企事业中,领导者及普通职员 的名片设计都具有双重表象,一是单位集体的表象,二是名片设计持有人自我的表象。前者的形象主要代表是标志,可见在一张小小的名片设计中,标志是多么重要。在名片的素材中,标志造型是单纯的,小而统一,它具有在一瞬之间最容易识别的视觉效果,适合于印象、记忆和联想。这种特性是其在名片设计最容易引起注目和记忆的重要条件。

标志的设计思想应侧重考虑以下几点：

1、个性特征。力求表现独特的象征形式,易于辨认、清晰、夺目的艺术形象,有别于同行、同类的标志。

2、传递信息。标志的形象要即时达意,以表象传递内涵,起到媒介的作用。

3、以小见大、以小胜多。商标设计要做到洗练、准确、生动、一目了然,艺术形式更集中,更具代表性,这样才能使商标图案的主题深化。]]> http://www.easeu.com/article.asp?id=368 <![CDATA[很实用常用20种ps技术和photoshop技巧]]> easeu#yahoo.cn(you) Mon,05 Jan 2009 22:27:52 +0800 http://www.easeu.com/default.asp?id=368 色彩饱和度
1 打开图片,执行色像/饱和度（-40）降低饱和度。
2 新建一图层，将图层模式改为柔光，用画笔工具将需要润饰的部分画几下，这里可以利用色板方便的提取颜色
3 图片色彩过渡不够柔和，再执行一下滤镜下面的高斯模糊（+85）

简单处理照片爆光不足

1 打开图片，复制背景层，对背景层的模式改为滤色
2 对背景层的色阶进行调整

30秒搞定Plmm艺术照
1 打开图片，复制背景层两次
2 对复制背景层一进行高斯模糊（半径4~6），将复制背景层二的模式改为强光
3 新建一图层，添充图案（预先作好并定义的半灰半白的横条纹图案），设置混合模式为正片叠底

图象错位效果
1 打开图片，新建一图层，选择视图-标尺，选择移动工具，分别从上方和下方拖曳出两条蓝色标线（9格）
2 利用矩形选取工具，填充方格（1，9暗灰，5，7黑，3亮灰），以psd格式储存，然后关闭文件
3 执行滤镜-扭曲-置换，选择刚才储存的psd文件
备注（“置换滤镜”是利用置换图的颜色值使选区发生位移：白色（色调值=0）是最大负位移，即将要处理图象相应的象素向左和向上移动；黑色（色调值=255）是最大正位移，即把图象中相应的象素向右和向下移动；灰色（色调值=128）不产生位移）

照片底纹效果
1 打开图片，执行选择-全选，然后编辑-复制，建一新通道，编辑-粘贴将拷贝图象贴入新建通道中]
2 执行图象-调整-反像，回到RGB通道，编辑-清除，删除原图象
3 执行选择-载入选区，调用新通道，执行编辑-填充（所需颜色）

雾化效果
1 打开图片，新建图层一，设前景色/背景色（黑色/白色），执行滤镜-渲染-云彩，将图层添加图层蒙版
2 重复执行滤镜-渲染-云彩，图象-调整-亮度/对比度（80，0，图层一模式改为滤色）

人物插画效果
1 打开图片，复制背景层，执行图象-调整-通道混合器（灰色，+30，+60，+10，单色），执行滤镜-风格化-查找边缘，用色阶去掉杂点
2 将混合模式设为“叠加”，填充不透明度打到50%
3 背景层上加一个色阶调整图层，调整输出色阶（0，+155）形色主义
4 执行图象-调整-可选颜色，对色彩进行微调（红色，0，+100，+100，-75；黄色，0，-40，+100，-40）

利用颜色叠加给旧照片添加光色效果
1 打开图片，复制背景层，执行图象-调整-去色，调整亮度/对比度（-42，+18）
2 添加“颜色叠加”图层样式，混合模式改为“正片叠底”，点小色块，选择需要颜色（红色），再合并可见图层
3 添加滤镜-镜头光晕（亮度+100）
4 复制背景图层，再次添加 “颜色叠加”图层样式，混合模式改为“正片叠底”（黄色）

给照片添加蓝天
1 打开图片并复制一"背景副本".
2 再新建一图层并填充蓝色背景.
3 将混合模式改为“正片叠底”
4 在背景副本的图层上在复制一“背景副本2”
5 将“背景副本2”放在最上一层，并为其添加蒙版
6 选取“渐变工具”，由上而下拖动鼠标，天空变成选定的蓝色

处理朦胧艺术照
1.复制一个原图层(Ctrl+J).
2.对复制层使用高斯模糊滤镜(+4.0).
3.做色彩调整(+50,0,-64)
4.用边缘模糊的橡皮擦擦去需要清晰的部分.
5.适当运用图层混合模式.

打造朦胧中的鲜艳(风景，生态类)
1 打开图片，复制图层.
2 将副本层的图层模式该为“滤色”.
3 使用高斯模糊（+8.6 像素）.
4 调节色像/饱和度（Ctrl+U）(0,+12,0).
5 加些锐化，在降低透明度 .

给照片加个玻璃的效果
1 选取区域，按Ctrl+J
2 对剪切层进行高斯模糊（+3.1 像素）.
3 调整色彩平衡（-39，+29，+16）.
4 新建图层。选择玻璃的厚度区域进行渐变自定义添充（黑白灰色调，顺序是暗，高光，暗，高光），再按Ctrl+T对玻璃的厚度选区进行调整.
5 滤镜-扭曲-玻璃，选择喜欢的图案（扭曲度、平滑度为1，缩放50%）.

烧纸效果的旧照片--纯PS处理
1 打开一张图片，执行图象-调整-色相/饱和度（+1，-58，+1）.
2 图象-调整-变化（中间色调，加深黄色，加深红色，加亮）.
3 复制背景层，执行滤镜-纹理-颗粒（9，56，垂直）.
4 新建一图层，执行滤镜-渲染-云彩.
5 再执行图象-调整-亮度/对比度（+27，+100）.
6 用魔棒工具，选定图层一中的黑色选区.
7 关闭图层一的预览，点击复制背景层，将前景色改为暗棕色.
8 执行选择-修改-扩展（5像素），选择-羽化（5像素）
9 编辑-填充（前景色），选定图层一，用魔棒选取黑色选区
10 关闭背景层和图层一的预览，选定复制背景层，执行编辑-清除.
11 图象-画布大小，高度/宽度均增加一厘米，定位（中）.
12 打开背景层预览，选定背景层，填充前景色（浅棕色）.
13 选定复制背景层，执行图层-图层样式-投影.（正底叠片，不透明度45%，角度45，距离7，扩展2%，大小10）.
14 合并所有图层.

斑驳效果艺术相框另一制法
1 新建一个文件 按D键 填充背景为白色
2 接着，滤镜---渲染---云彩 .
3 CTRL+M 调整下曲线(黑白对比度强).
4 完成好后的效果再接着 滤镜-扭曲-玻璃(扭曲度7，平滑度3，纹理-画布，缩放50%).
6 新建一个图层，背景为黑色，另新建一图层，添充白色矩形.
7 在矩形所在的层上执行滤镜-扭曲-置换，选择默认的选项。然后找到刚保存的PSD文件进行置换即可.

PS渲染你的照片气氛（风景）
1 图象-调整-色阶（RGB +29，1.0，+234）.
2 执行色相/饱和度命令（全图 -14，+41，-1）.
3 继续执行色相/饱和度（红色，色相值降低，饱和度增加）.
4 继续执行色相/饱和度（黄色，-22，+45，-1）.
5 继续执行色相/饱和度（绿色，+15，0，0）.
6 调节亮度/对比度（亮度降低/对比度增加）.

简单轻松实现素描效果
1 打开图片，执行去色，调整亮度/对比度（亮度降低/对比度增加）.
2 复制背景层（Ctrl+J），选定背景层，执行滤镜-风格-查找边缘，再进行UXXXXX锐化，再将图层模式改为叠加.
3 新建一图层，填充白色，添加杂色，再进行动感模糊，将图层模式改为正片叠底.
4 用橡皮工具（不透明度改为15%），对高光部分擦拭.

笔触素描效果的绘制
1 打开一副图片，复制背景图层，选定复制图层1执行滤镜-模糊-高斯模糊（2.0像素）
2 再次复制背景图层，选定复制图层2，执行滤镜-素描-水彩画笔（20，60，80），将图层混合模式设为变暗.
3 再次复制背景图层，选定复制图层3，将前景色设为红色，执行滤镜-素描-便条纸（25，7，10），不透明度设为30%.
4 再次复制背景图层，选定复制图层4，将前景色设为黑色，前景色/背景色设为黑/白，执行滤镜-素描-影印（1，50），执行色阶调整（RGB,157,.0,159）,填充值30%.

用简单的方法做特别的照片
1 打开一副图片.
2 在通道中选蓝色通道，然后在蓝色通道执行滤镜-风格化-暴光过度，点回RGB通道即可.

黑客帝国特效
1.新建一个大小为500X300，RGB模式，白色背景的文件.
2.用文字输入工具随意输入一窜01代码，并按CTRL+T把它垂直旋转过来放，并多复制几个拉成不等大小，随意摆放几个。还有一种方法，是用滤镜，也可以达到很不错的效果。就是菜单-滤镜-纹理-颗粒，把强度和对比度都调至100，颗粒类型选择垂直就可以了.
3.把那些01代码的文字层和背景层全都合并起来，并把前景色设置为R：100、G：255、B：0左右的绿色，背景色设置为黑色.
4 选择菜单-滤镜-霓虹灯光效果，发光大小设置为10，发光亮度为15.
5.选择菜单-滤镜-风格化-照亮边缘，边缘宽度设置为1、亮度设置为20、平滑度设置为1左右.
6.选择菜单-图象-调整-亮度/对比度，将亮度调至-10，将对比度调至60左右

Ps“反转负冲”人像处理一例
“反转负冲”是在胶片拍摄中比较特殊的一种手法。就是用负片的冲洗工艺来冲洗反转片，这样会得到比较诡异而且有趣的色彩。如果用在MM人像照片上，则会令弥漫着一种前卫甚至颓颓的色彩.
1 打开图象，并让右边显示“通道面板”.
2 在通道控制面板选蓝色通道，进入“图象”菜单，选“应用图象”，选中“反相”，混合模式用“正片叠底”，不透明度为50％，确认.
3 在通道控制面板选绿色通道，进入“图象”菜单，选“应用图象”，选中“反相”，混合模式用“正片叠底”，不透明度为20％，确认.
4 在通道控制面板选红色通道，进入“图象”菜单，选“应用图象”， 混合模式用“颜色加深”，确认 .
5 在通道控制面板选蓝色通道，进入“图象”-“调整”菜单，选“色阶”（或者直接用快捷键“Ctrl＋L”调出） 在“输入色阶”三栏输入：25、0.75、150，确认.
6 在通道控制面板选绿色通道，进入“图象”-“调整”菜单，选“色阶”（或者直接用快捷键“Ctrl＋L”调出） 在“输入色阶”三栏输入：40、1.20、220，确认.
7 在通道控制面板选红色通道，进入“图象”-“调整”菜单，选“色阶”（或者直接用快捷键“Ctrl＋L”调出）在“输入色阶”三栏输入：50、1.30、255，确认.
8 在通道控制面板选全部RGB通道，进入“图象”-“调整”菜单，选“亮度/对比度” 调整对比度亮度－5，对比度＋20，确认.
9 在通道控制面板选全部RGB通道，进入“图象”-“调整”菜单，选“色相/饱和度”（或者直接用快捷键“Ctrl＋U”调出） 调整饱和度＋15，确认

哈哈。。可惜没有图片的转载的。]]> http://www.easeu.com/article.asp?id=274 <![CDATA[策划正确的配色方案]]> easeu#yahoo.cn(you) Fri,29 Jun 2007 11:47:10 +0800 http://www.easeu.com/default.asp?id=274
网页设计师策划一个网站需要经过反复多次的思考，而在决定网页配色方案时同样需要经过再三的思量。为了得到更好的策划意见，组织者既应该与合作人员反复进行集体讨论，还应该找一些风格类似的成功站点进行技术分析，一个大型站点是由几层甚至数十层的链接和上百上千种不同风格的网页所构成，所以在需要的时候应该绘制一个合理的层级图。　
　
如果在一个站点配色方案的策划中只凭设计师的感觉来决定最终的配色方案，则成功的机会就会很少，而且即使成功一次，也保证不了下一次同样能够成功。何况一个设计师好的建议在没有任何根据的情况下也不能说服团队中的其他合作成员。萝卜白菜各有所好，如果团队中的每一个成员都执意主张自己的观点，那么这个团队就会一事无成。　　当然，感觉是设计师的灵魂，没有感觉的设计师就如同一个没有灵魂的躯壳。但光凭感觉也不能够得到好的结果，如果说好的设计等于感觉加一个未知数，那么这个未知数应该就是可以说服其他人的科学合理的理论体系。















]]> http://www.easeu.com/article.asp?id=266 <![CDATA[让设计走的更远]]> easeu#yahoo.cn(you) Thu,14 Jun 2007 19:15:30 +0800 http://www.easeu.com/default.asp?id=266 设计是一种表现，对自己，对客户。
设计是一种追求，满足不了自己，就不要去满足客户。
设计是一种创造，所以要尊重自己，尊重客户。
也许都有创意枯竭的时候，也许迷茫总是在身边，这些都是一个阶段。每个人都有被客户，被自己折腾的时候。看问题，要乐观，做东西要积极。

把自己的追求放第一，如果说，自己都感觉不好设计，还给客户的话，那么，抱歉，你已经离设计很远了。

做设计的人，是痛苦的，每次都是一个挑战，如果你不能接受这种设计的痛苦，那么你可以走了，因为设计的快乐也不会降临你身边。

大家都不是艺术家，所有的人都是俗人，包括身上贴着艺术标签的人。所以和客户谈设计，就不要谈艺术。客户要的是商品，不是艺术品更不是那种自己去YY的艺术品。

多思考，多学习，多一些求真的心态。向客户求真，向自己去求真，那么设计会走的更远！！
]]> http://www.easeu.com/article.asp?id=214 <![CDATA[[网页配色]培养色感的一些经验分享]]> easeu#yahoo.cn(you) Mon,22 Jan 2007 12:31:10 +0800 http://www.easeu.com/default.asp?id=214
多看很重要

    许多人会很自然地去寻找网上有关于网站配色的理论性文章，这些文章层出不穷，理论性确实很强，但它却忽视了一点，就是很多的文章讲述得太术语化，一大堆的什么对比色，相关色，暖系，冷系，配色原则，而又缺乏一些例子，讲述色彩的文章，怎能只有白纸黑字，但当中也有不少的通俗易懂的，像经典论坛上艺术版的小毅版主的文章，推荐大家去看看！里面有网站的剖析，图文并茂，说颜色，并能告诉你怎样去思考。还有我不得不说的是网上流传的许多的配色表，不知道大家看了后有啥感受，应用得怎样，对于我来说确实没多大用处，可能我水平太菜了。我认为，网上的芸芸大师的作品，值得一看的优秀网站，就是一张张“活生生”的配色表，多看优秀作品是会有很大长进的！很自然的一个现象，如果你在论坛上发问，怎么提高自己的网页制作水平？大部分的人都说：多看网站啊！然后什么都不说，我确比较厚道，我也会告诉你去看，并告诉你，我是怎样看的。每次当我见到令我很感动的网站时，我会把他的色系拾取下来，并将布局简单记录下,这样做的好处是一方面既避免了抄袭，一方面也能做为一个积累，手头上的一份资料，将来肯定有用的时候，而且这样积累，自己的鉴赏水平和色感都能有一个提高！其实，除了看配色用色，还要看人家的网站布局，布局包括网站的内容设置，导航栏设置，位图的应用，不同类型的网站，是有不同的布局的，这个大家也知道，娱乐网站的布局与商业网站的布局肯定有分别，这个我不多说，还有的是看创意，看用户体验，简单地去操作一下，看人家的理念，总体的执行效果，它的网站，是否达到了它所要表达的意思！

    很多人有一个误区，就是“要看，就要看牛B的网站，这样才会有进步”这当然不错，但是我建议大家去看一些成长中的网页作品，虽然他做的不太好，但是从中也能学到东西，这跟在学校读书时老师叫你去看一些做错的题目一样的道理！还有就是多看与自己真实水平差不多的作品，从中你也能学到东西！另外一培养色感的一些经验分享点是，要多看国内的站，这很重要，许多人看老外的站，觉得很NB，其实如果形式上不变的话，换成中文的，是很难看的。看国内的站，主要是因为用的是汉字，中文，在排版上，布局上都遵循了自己特有的形态，如果你喜欢做E文的站，那多看国外的也无妨！所以，看老外的站，和看国内的站有小许差别，要懂得吸收不同的部分！文字应用，布局，国内的很多网站是很优秀的。

    我的另一个学习配色的一个很重要的途径就是：看优秀的标志设计。

    你会问，看logo，对做站有什么用处？我说，有用，至少对于我来说。判断一个优秀的标志作品主要有几方面：颜色的运用，整体造型，执行效果等。后两者不属于我这次要讨论的范围。我们不妨观察一下标志作品在颜色上的运用，并以此为借鉴，去学习学习！

    我看优秀标志作品的用意，就是从中感受颜色的组合，并为我的网站服务，从而锻炼自己的色感。优秀的logo在感观上是很取悦人的，其中最重要的方面是在色彩运用上，既然有过人之处，我们又何妨去学习学习呢？而且我觉得有几点，看标志作品的独有的好处：

    1．它是一个最简单的配色表。颜色大多数不过三种，这和符合设计网站的口味。
    2．永远不会有人说你抄袭，往往地，我们看人家优秀的站，既把颜色给收为自有，而且把人家的布局有意无意地用上，我们可以说是借鉴，但太多的借鉴就是抄袭，看标志作品，没有太多的信息给你去做站，它只可以给你以颜色上的参考。
    3．如果你有意去打造自己的个人网站那么为自己设计一个logo吧，logo用色和网站用色结为一体，给人以整体感观上整洁专业，这是很有理论根据的，一些文章都有提到这点，也算是一个网站设计的基本原则吧。多看优秀作品，不但给你灵感，也给你一定的设计原则，这和网站设计在一定程度上是相同的！

    关于标志色感，我也有单独拿出来训练，虽然很幼稚，我觉得是很有必要的！其实看标志用色，只是我感受色彩的其中一个例子，很多方法重在你发现，生活中有很多很多美好的色彩等待你去发掘，你可以在电影海报上看到，户外广告，摄影作品，建筑设计，电视广告上，等等…我们又是否错过了太多太多？只是没有这个心去感受生活，工作的忙，学习的忙，都不是一个借口，灵感真的源自生活！

]]> http://www.easeu.com/article.asp?id=145 <![CDATA[[网站理论]中国XXXX互联网建站规范试行 ]]> easeu#yahoo.cn(you) Fri,07 Jul 2006 16:12:54 +0800 http://www.easeu.com/default.asp?id=145 ---------------------------------------------------------------------------------------- 《中国XXXX互联网建站规范试行》（以下简称《规范》）目的是从整体上规范XXXX网站建设的统一性和可扩展性，方便于团队中更好的协作及设计者以后的维护。请注意《规范》中的用词，以确定哪些是“必须”哪些是“参考”。

此《规范》为试行版，内容在不断完善更新中。如果你有什么意见和建议，或发现内容有什么错误请积极指正，我们将及时改进修正。

一、尺寸规范
1、页面标准按800*600分辨率制作，每个页面的宽度为778象素；高度不超过 3屏（约1500象素）；
2、全尺寸Banner统一规格为470×70px，半尺寸banner为234*60px，小banner为88*31px ；部分banner可根椐实际情况设置尺寸；
3、Logo统一为160*70px；
4、每个非首页静态页面含图片字节不超过80K，全尺寸banner不超过20K ；

二、文字，标点规范
1、非文章正文页面每页内容尽量在1000字以内网页的文字必须采用样式定义，以避免由于显示器的差异造成页面差异；
2 、文章正文内容，CSS样式设置应该有交互性，可以让访问者自已调整文字的大小及行距等；（以适应不同访问者访问，增加网站的友好性。）默认为：字号用点数pt和像素px来定义，pt一般使用中文宋体的9pt和11pt，px一般使用中文宋体12px 和14，黑体字或者宋体字加粗时，一般选用11pt和14.7px；行距建议用百分比来定义，常用的两个行距的值是line-height:120%/150%.
3 、中文版中正文默认使用宋体；
4 、英文版中正文默认使用Arial字体；
5 、中文段首要空2个汉字的位置，西文段首不空；
6 、西文中一定要用西文半角标点符号，西文中不得使用全角符号（请注意空格）；
7 、外文版内不能出现别国语言字符，必需出现的，应把内容做成图片。

三. 导航规范
1、每一个页面都出现的固定信息：
内容包括：主页，网站介绍，站点视图，联系方式，反馈，搜索工具，常见问题解答，实际内容栏目(包括相关站点链接、新闻页)；
2、每页必须有导航条，格式例：首页->频道名称->栏目名称->文章标题；菜单名称要统一：标题栏目前后一致；
3、栏目如果采用图标, 图片的ALT属性要写本图片或按钮的名称，以避免图像表达不清或图像无法下载。
4、无任何链接内容的不做成按钮的形式。
5、每个页面底端都需要加注《版权声明》，要根据不同的语言版本调用。标注方法：中文版—中英文；英文版—中英文；法文版—中法文；日文版—中日文；韩文版—中韩文；（标注内容需用图片，防止访问者字符编码不全显示不正常）；
6、网站文字链接的颜色在点击前和点击后要有区别。让访问者知道哪些内容是看过的，哪些内容还未访问；

四．文件命名，文件格式及存放规范
1、网站主页，各栏目主页的名称一定要用“index.扩展名”命名；
2、文件夹、文件的名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；目录的命名请以英文或汉字的拼音命名；
3、命名原则的指导思想：
4、一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义，
5、二是当我们在文件夹中使用按名称排序时能够排列在一起，以便查找、修改、替换、计算负载量等等操作；
6、外文版主文件夹必须用英文命名。如：韩文版的所有内容都必须放到Korea文件夹中。其他的子文件夹或文件要和中文版的名字一一对应；
7、各页面所用的图片要放到相应的image文件夹中；一级页面用到的图片放到一级的image文件夹中，二级页面用到的图片放到二级的image文件夹中，依次类推；
8、设pub_img文件夹放在网站根目下存放公共图片，如网站的logo等公用图片；
9、图片的使用以JPG及GIF为主，颜色较多的图片使用JPG文件，否则使用GIF文件；
10、图片的命名原则遵循以下几条规范：名称分为头尾两部分，用下划线隔开，头部分表示此图片的大类性质，例如广告、标志、菜单、按钮等等，尾部分用来表示图片的具体含义；
11、网站中的路径全部采用相对路径。

五．网站风格及用色规范
1、同一频道、栏目的版式的界面风格需保持一致，充分考虑到网站的统一性，集团性。一切要以网站的整体风格为基准点，特殊网页除外；
2、设计页面前要仔细分析资料，理解其内涵，定位。使设计的页面可以突出内容，充分体现出专业性；
3、历史内容风格：颜色不宜过多，用色要注意；页面设计要大气，突出相符的文化特色。设计其页面时一定要体现出中国历史源远流长的特点。能体现出本网在历史方面的权威性；
4、非历史内容的风格：可以灵活设计，多用一些儿特效，要有吸引力，有自己的特色；
5、电子商务类栏目要做到具有现代气息，内容要实用；
6、娱乐类的栏目的制作要有娱乐气息，如游戏，音乐，影视栏目制作时，一定要有创意，有视觉冲突感，引吸访问者的目光； 使用颜色主色不可多于四种；图片要清晰，不能有明显得缺陷,变型或修改痕迹；
7、Banner的设计要服从于页面的特色。要突出标语，要突出本网站的内涵。

六．其它规范
1、 网页标题要与内容相符，频道以相应的频道名称命名，栏目以栏目名称命名，文章页以文章标题命名；
2、关键字及描述部分要严格满足网站搜索引擎的搜索要求，保证提前出现在查找记录中；
3、所有涉及历史内容以及独家专有的网站内容每个页面都要加密；
4、图片新闻中，每张大图片应加本站网址；
5、网页制作人员游览本网时，如发现链接错误时应及时更正；所有页面不可有空链.死链，如有已经规划但还未完成的链接,要求用一个"正在建设"的网页代替；
6、制作人员制作和修改旧页面时，应检查版权声明是否是新的版权，如不是应更参照中文首页的版权更新；
7、新闻频道内容应及时更新，过于陈旧的新闻要删除，或做其它处理，以勉让访问者感觉网站无人维护。如果及时性不强的新闻，发布日期可不显示。]]> http://www.easeu.com/article.asp?id=144 <![CDATA[[网站理论] 40种网页制作常用小技巧 ]]> easeu#yahoo.cn(you) Fri,07 Jul 2006 15:22:00 +0800 http://www.easeu.com/default.asp?id=144 <table border oncontextmenu=return(false)><td>no</table> 可用于Table

2. <body onselectstart="return false"> 取消选取、防止复制

3. onpaste="return false" 不准粘贴

4. oncopy="return false;" oncut="return false;" 防止复制

5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标

6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标

7. <input style="ime-mode:disabled"> 关闭输入法

8. 永远都会带着框架
<script language="JavaScript"><!--
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
// --></script>

9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT><!--
if (top.location != self.location)top.location=self.location;
// --></SCRIPT>

10. 网页将不能被另存为
<noscript><iframe src=*.html></iframe></noscript>

11. <input type=button value=查看网页源代码
onclick="window.location = "view-source:"+ """>

12.删除时确认
<a href="javascript:if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除&page=1"">删除</a>

13. 取得控件的绝对位置
//Javascript
<script language="Javascript">
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;
}
alert("top="+t+"/nleft="+l);
}
</script>

//VBScript
<script language="VBScript"><!--
function getIE()
dim t,l,a,b
set a=document.all.img1
t=document.all.img1.offsetTop
l=document.all.img1.offsetLeft
while a.tagName<>"BODY"
set a = a.offsetParent
t=t+a.offsetTop
l=l+a.offsetLeft
wend
msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"
end function
--></script>

14. 光标是停在文本框文字的最后
<script language="javascript">
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart("character",e.value.length);
r.collapse(true);
r.select();
}
</script>
<input type=text name=text1 value="123" onfocus="cc()">

15. 判断上一页的来源
javascript:
document.referrer

16. 最小化、最大化、关闭窗口
<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Minimize"></object>
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Maximize"></object>
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" VALUE="Close"></OBJECT>
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE

17.屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){
if(event.shiftKey)
alert("禁止按Shift键!"); //可以换成ALT　CTRL
}
document.onkeydown=look;
</script>

18. 网页不会被缓存
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者<META HTTP-EQUIV="expires" CONTENT="0">

19.怎样让表单没有凹凸感？
<input type=text style="border:1 solid #000000">
或
<input type=text style="border-left:none; border-right:none; border-top:none; border-bottom:

1 solid #000000"></textarea>

20.<div><span>&<layer>的区别？
<div>(division)用来定义大段的页面元素，会产生转行
<span>用来定义同一行内的元素，跟<div>的唯一区别是不产生转行
<layer>是ns的标记，ie不支持，相当于<div>

21.让弹出窗口总是在最上面:
<body onblur="this.focus();">

22.不要滚动条?
让竖条没有:
<body style="overflow:scroll;overflow-y:hidden">
</body>
让横条没有:
<body style="overflow:scroll;overflow-x:hidden">
</body>
两个都去掉？更简单了
<body scroll="no">
</body>

23.怎样去掉图片链接点击后，图片周围的虚线？
<a href="#" onFocus="this.blur()"><img src="logo.jpg" border=0></a>

24.电子邮件处理提交表单
<form name="form1" method="post" action="mailto:****@***.com" enctype="text/plain">
<input type=submit>
</form>

25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()

26.如何设定打开页面的大小
<body onload="top.resizeTo(300,200);">
打开页面的位置<body onload="top.moveBy(300,200);">

27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE>
body
{background-image:url(logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE>

28. 检查一段字符串是否全由数字组成
<script language="Javascript"><!--
function checkNum(str){return str.match(//D/)==null}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// --></script>

29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight

30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");

31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>

32. 日期减去天数等于第二个日期
<script language=Javascript>
function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")
}
cc("12/23/2002",2)
</script>

33. 选择了哪一个Radio
<HTML><script language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script><BODY>
<INPUT name="radio1" type="radio" value="style" checked>Style
<INPUT name="radio1" type="radio" value="barcode">Barcode
<INPUT type="button" value="check" onclick="checkme()">
</BODY></HTML>

34.脚本永不出错
<SCRIPT LANGUAGE="JavaScript">
<!-- Hide
function killErrors() {
return true;
}
window.onerror = killErrors;
// -->
</SCRIPT>

35.ENTER键可以让光标移到下一个输入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9">

36. 检测某个网站的链接速度：
把如下代码加入<body>区域中:
<script language=Javascript>
tim=1
setInterval("tim++",100)
b=1
var autourl=new Array()
autourl[1]="www.lastidea.net"
autourl[2]="javacool.3322.net"
autourl[3]="www.sina.com.cn"
autourl[4]="www.nuaa.edu.cn"
autourl[5]="www.cctv.com"
function butt(){
document.write("<form name=autof>")
for(var i=1;i<autourl.length;i++)
document.write("<input type=text name=txt"+i+" size=10 value=测试中……> =》<input type=text
name=url"+i+" size=40> =》<input type=button value=GO

onclick=window.open(this.form.url"+i+".value)><br>")
document.write("<input type=submit value=刷新></form>")
}
butt()
function auto(url){
document.forms[0]["url"+b].value=url
if(tim>200)
{document.forms[0]["txt"+b].value="链接超时"}
else
{document.forms[0]["txt"+b].value="时间"+tim/10+"秒"}
b++
}
function run(){for(var i=1;i<autourl.length;i++)document.write("<img src=http://"+autourl+"/"+Math.random()+" width=1 height=1

onerror=auto("http://"+autourl+"")>")}
run()</script>

37. 各种样式的光标
auto ：标准光标
default ：标准箭头
hand ：手形光标
wait ：等待光标
text ：I形光标
vertical-text ：水平I形光标
no-drop ：不可拖动光标
not-allowed ：无效光标
help ：?帮助光标
all-scroll ：三角方向标
move ：移动标
crosshair ：十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize

38.页面进入和退出的特效
进入页面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
推出页面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">  
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:
　　0 矩形缩小
　　1 矩形扩大
　　2 圆形缩小
　　3 圆形扩大
　　4 下到上刷新
　　5 上到下刷新
　　6 左到右刷新
　　7 右到左刷新
　　8 竖百叶窗
　　9 横百叶窗
　　10 错位横百叶窗
　　11 错位竖百叶窗
　　12 点扩散
　　13 左右到中间刷新
　　14 中间到左右刷新
　　15 中间到上下
　　16 上下到中间
　　17 右下到左上
　　18 右上到左下
　　19 左上到右下
　　20 左下到右上
　　21 横条
　　22 竖条
　　23 以上22种随机选择一种

39.在规定时间内跳转
<META http-equiv=V="REFRESH" content="5;URL=">

40.网页是否被检索
<meta name="ROBOTS" content="属性值">
　　其中属性值有以下一些:
　　属性值为"all": 文件将被检索，且页上链接可被查询；
　　属性值为"none": 文件不被检索，而且不查询页上的链接；
　　属性值为"index": 文件将被检索；
　　属性值为"follow": 查询页上的链接；
　　属性值为"noindex": 文件不检索，但可被查询链接；
　　属性值为"nofollow": 文件不被检索，但可查询页上的链接。]]> http://www.easeu.com/article.asp?id=140 <![CDATA[[网站理论]教你快速成长为一名厉害的网页设计师]]> easeu#yahoo.cn(you) Wed,05 Jul 2006 14:08:14 +0800 http://www.easeu.com/default.asp?id=140 　　自认为成长过程还算快，所以把本人的经历向大家介绍一下，给那些有志于此的朋友们一些参考意见。
循序渐进学知识先学一学HTML，找本自己能看懂的教材，浏览为主，不用记住所有的概念，只要记住使用原理就行了，这一阶段，估计三天就够了；然后用两天时间学CSS，方法同上；进而再花些时间了解一下javascript。
　　然后就可以用记事本尝试写几个网页，记住这时千万不要用那些可视化工具，比如FrontPage、Dreamweaver（那些以后再学）。 有一个提高自己“写网页”的捷径，就是上各大网站，把网页保存下来（什么？你说你不会保存网页？就是“文件→另存为”），然后打开保存下来的网页，点击右键→
查看源文件，看看人家的网页是怎么写的，然后模仿他们的写法，不断规范自己的代码。嘿嘿，这个方法不错吧。先好好模仿一下吧。

　　接下来该学一下Fireworks了。建议一开始就到网上找些实例教程，这些实例教程一般都介绍得很详细，跟着它一步一步做下来，每学会一个实例就掌握了几项操作，而且也有了自己的作品，很有成就感的，长期积累下来对自己的提高很有帮助。学Fireworks主要是学图片处理，比如加一些效果，还有很重要的就是切图，这对于初学者是很重要的。

　　这时还可以结合Dreamweaver进行学习，你就可以体会到Dreamweaver和Fireworks的
无缝集成了。利用这些工具多做几个网页，你就可以达到一定水平了。 要是想让你的网页多一些炫目的效果，建议你学一下Flash，难度并不大，而且要是前面的javascript基础打得好的话，学到Flash中ActionScript时，你会有一种似曾相识的感觉，因为这两种语法几乎是一模一样的。 到这时，相信你就可以真正领会到“网页三剑客”的威力了。

　　在实践中不断提高，要是每天能拿出两个小时来学习，完成以上这些学习估计只要20天就差不多了。要是天赋高的话（比如说像我这样的，呵呵)，那需要的时间就更少了。接下来该实习了，找个地方锻炼一下自己，比如可以去一些公司干干兼职，或是给自己的单位设计一下主页等。

　　最好是能进入一个正规的开发团队，你就会学会如何以团队合作的方式开发网站，特别是怎样和程序组合作，把页面与后台程序数据库配合起来。可能你会担心自己是新手，人家会嫌弃你，没关系，只要努力去找，总会有机会的。 我特别感谢我们学校的学生在线网站给了我一个机会。有一天正赶上应聘，我拿着自己做的两个Flash作品就去了，没想到面试还通过了，于是我就这样有了在专业开发团队中实践的机会，通过自己的不断努力以及向高手的不断提问，水平飞快提高，两三个月后，就可以独立完成一些站点了，当然只是静态的。在此，我想指出，千万不要不好意思，不会就问，高手们是很乐意回答你的，而且你能向他请教，这本来就是对他的一种肯定，他会很高兴的，呵呵。

　　到此，你就基本可以称作是一个“准Web Designer”了，不过要从根本上提高自己，最好去学学美术，这是当一个网页设计师的基本功。 笔者刚开始做网页纯粹是自娱自乐，但在这个过程中，我逐渐开始深深喜欢上了这项工作。这个学习过程是人生的一笔宝贵财富，至少我是这么认为的。]]> http://www.easeu.com/article.asp?id=130 <![CDATA[[网页理论]让我们设计的网页自适应客户端分辨率]]> easeu#yahoo.cn(you) Sun,02 Jul 2006 13:21:46 +0800 http://www.easeu.com/default.asp?id=130 　　第一种方法：做一个网页解决问题（长了点）
　　如果只是因为浏览者改变了浏览器的设置，或者因为浏览器不兼容，使自己精心制作的网页变得"面目全非"，那多令人沮丧！下面我们以网页爱好者的常用工具Dreamweaver（以下简称DW）为例，列出几个网页制作初学者较常见的网页布局问题以及解决方法，希望对初学者们有所帮助。

　　一、消除任意缩放浏览器窗口对网页的影响
　　一番辛苦做出来的网页，在全屏状态下浏览一切正常。但在改变浏览窗口大小之后，网页就变得"不堪入目"了，这是个很值得注意的问题。
　　问题的根源还得从网页的布局说起，在DW中，网页内容的定位一般是通过表格来实现的，解决表格的问题也就成功了大半。
　　大家应该注意到，在DW中表格属性面板的高宽设定选择上提供了两种不同类型：百分比和像素值。百分比的使用将会产生前面说到的那个毛病。这里所说的百分比是指表格的高或宽设置为上层标记所占区域高或宽的百分比，如在一个表格单元的宽度是600，在它里面嵌入了另外一个表格，表格宽度占表格单元的50%，则这个表格的宽度为300，依此类推，如果在一个表格不是嵌于另一个表格单元中，则其百分比是相对于当时窗口的宽度的。IE浏览器中，随便改动主页窗口的大小时，表格的内容也随之错位、变形，就是因为表格的百分比也要随着窗口的大小而改变成相应的百分比宽度。
　　自然，解决这个问题的办法就是将表格宽度设置成固定宽度（也就是像素值）。另外如果外层表格已做好固定宽度设置，内层表格也可以适当使用百分比设置。清楚这个原则以后，如果出现类似的问题大家也知道怎么解决。

　　二、让网页居中
　　说到了窗口大小就会顺着路子想到分辨率的问题，在800×600分辨率下制作的网页在1024×768分辨率的机器上打开，整个网页就会跑到左边；1024×768分辨率的网页在800×600分辨率的机器上有时也会变得"不堪入目"。两种分辨率各做一个吧？做起来费时，看起来也费劲。怎么办呢？
　　现在大多数网民都还在用800*600的分辨率，所以我们一般可以以此分辨率为主，要想让网页在1024*768时居中，只要在网页原代码的后紧加一句，前加一句就OK了。不过有几个问题这是要注意一下，第一个就是上面说到的百分比的问题，表格、单元格的宽度单位最好要使用像素单位，而不要用百分比。例如width=770。如果你的表格宽度设的是百分比，那么使用大于800×600的像素时，网页就会拉宽，这样网页可能会变形。在中加入leftmargin=0，即这种情况下，800×600支持的表格宽度为780像素时不会出现滚动条。还有一点要注意的是不能用DW中的层来定位。
　　
　三、定义固定大小的文字
　　大家都知道,在IE浏览器的功能设置中，有一个可以自由设置窗口内容字体大小的功能，这样由于不同访问者的设置习惯不同，呈现在他们面前的网页有时也会不不相同。比如你可能本来设计时用的是2号字体，结果由于用户对浏览器的额外设定，变的更大了，这时你的网页也可能变得"不堪入目"。虽然不是你的错，但客户是上帝。
　　如果使用了网页中的CSS样式表技术，就不会出现上述情况了。使用快捷键"Shift+F11"打开样式表"CSS
style"编辑器，在窗口中单击鼠标右键执行"New CSS
style..."命令新建一个样式表，然后在给出的列表中选择"类型"选项，定义文字属性参数（一般文字的大小选择12px较为适宜）。完成后选择网页编辑窗中的文本，单击新的样式表名称，可以看到选中的文本发生了变化。预览时试试定义的文本字体尺寸还会不会随浏览器的选择字体大小而改变。

　　四、让网页适应不同的浏览器
　　浏览器的格局现在是两分天下，一分是IE，另一分是NetScape，在国内Ie有绝对的占有率，在这种情况下我们设计的网页只要兼容它就行了，但NetScape在国外还是有很多人使用，毕竟它是浏览器的元老。
　　虽然没有办法做出让所有浏览器都兼容的网站，但只要注意以下几点，做出来的网页在各个浏览器都中能达到比较好的显示效果：
　　不要混合使用层和表格排版，如果是父子关系，如层中表格，不在此原则范围内。
　　内联式的 CSS 在 Netscape
Navigator 中经常会出现问题，使用链式或内嵌式。
　　有时需要在空层插入表格或者透明图片，以保证在 Netscape Navigator
里的效果。
　　对于只有几个像素宽度或高度的层，改用图片来实现。
　　避免使用 W3C 组织不推荐的排版属性，用 CSS 代替。
第二种方法：做两个适合不同分辨率的页面，一个是800×600，一个是1024×768，在800×600的页面中加入一下代码就可以实现跳转了：
　　解决分辨率问题在Dreamweaver中没有此项功能，我们只能手动加入一段Javascript代码。首先在change－ie.html或change－nc.html页面代码中的和中加入以下代码：
 然后再在内加入onLoad=〃redirectPage()〃
 最后，同样地，在和之间加入以下代码来显示网页的工作信息：

 〃);
 document.write(w＋〃×〃＋h);
 document.write(〃〃);
 document.write(〃正在进入页面转换,请稍候…〃);
 // －－>]]> http://www.easeu.com/article.asp?id=125 <![CDATA[[网站理论]漫谈网站开发规范]]> easeu#yahoo.cn(you) Fri,30 Jun 2006 20:54:35 +0800 http://www.easeu.com/default.asp?id=125
　　非常明显在Web项目开发中有前后台开发之分，前台开发主要是指非程序编程部分，主要职责是网站AI设计、界面设计、动画设计等。而后台开发主要是编程和网站运行平台搭建，其主要职责是设计网站数据库和网站功能模板的实现。下面的这些规范主要是从这2个方面来定制的，这些规范是我这几年学习工作中总结的一点小经验，本文档比较适合中小型网站或者Web项目的开发规范。

　　1.组建开发团队
　　在接手项目后的第一件事是组建团队。根据项目的大小团队可以有几十人，也有可以是只有几个人的小团队，在团队划分中应该含有6个角色，这6个角色是必须的，分别是项目经理，策划，美工，程序员，代码整合员，测试员。也许你的团队还没有6个人，没有关系一个人可以有多个角色，比如项目经理还可以有策划这个角色，如程序员还可以含有代码整合和测试这2个角色，如果你的项目够大人数够多那就分为6个组，每个组分工再来细分。下面简单介绍一下这6个角色的具体职责。

　　项目经理，项目总体设计，开发进度的定制和监控，定制相应的开发规范，负责各个环节的评审工作，协调各个成员(小组)之间开发。策划，提供详细的策划方案和需求分析。还包括后期网站推广方面的策划。美工，根据策划和需求设计网站AI，界面，Logo等。程序员，根据项目总体设计来设计数据库和功能模块的实现。代码整合员，负责将程序员的代码和界面融合到一起，代码整合员可以制作网站的相关页面，测试员，负责测试程序。

2.开发工具
　　Web开发工具主要分为3部分，第一部分是网站前台开发工具，第二部分是网站后台开发环境，第三部分是项目管理和辅助软件。下面分别简单介绍这三部分需要使用的软件。

　　网站前台开发主要是指Web界面设计。包括网站整体框架建立、常用图片、Flash动画设计等等，主要使用的相关软件是：Adobe Illustrator 、Adodb Photoshop、Dreamweaver MX、Flash MX等。

　　网站后台开发主要指网站动态程序开发、数据库建模，主要使用的相关软件是： PowerDesigner（数据库建模），PowerDesigner在数据库设计方面应用非常强大，用它可以快速创建数据库概念和物理模型，我最喜欢的还是它生成数据库Report的功能太方便了，设计数据库强烈推荐用它。Rational Rose（程序建模），如果你的项目功能模块不是特别复杂那就剩了它吧，这样会节省一些时间和开发的复杂度，不过我个人认为不管是大项目还是小项目都应该画画Rose图。

　　网站项目管理主要指对开发进度和代码版本的控制。开发进度用Microsoft Project来制定，代码版本控制采用Visual SourceSafe，当然还有其他的选择比如CVS和Rational ClearCase。网站测试采用VS.net的附带工具Microsoft Application Center Test，它可以进行并行、负载测试等。程序文档编写采用Word，如果你非常怀旧用WPS也可以。

　　3.网站开发流程
　　在项目开始实施之前应该有一个工作步骤也就是工作流程，在项目开发中最需要时间的是总体设计和系统测试，而程序编写代码所占的时间并不多，但有的团队就急于开发写代码，先把程序写出来再说，没有注重评审和测试这2个环节，结果造成返工，我在一家比较大的公司中都遇到多次这种情况。所以项目来了不要急于开工写代码，应该一步一步慢慢来，只有走的慢才能走得稳走得远。图1的开发流程比较好地体现开发的整个环节。

图 1


　　从图1可以看到2条主线，这2条主线分别是前台开发和后台开发。前后台开发在项目开发早期互相没有交叉，当然不是绝对没有，Web策划和需求分析都是互相有关系的，一个是网站表现形式和风格的策划另一个是网站功能的策划，它们是衣服和躯干的关系。到了开发后期就需要把界面和功能模块结合起来形成一个统一，也就即将发布的网站。

4．数据库开发
　　数据文件命名采用系统名+_+文件类型，比如系统名为kupage,则数据库文件命名为kupage_database.mdf，有的数据库文件有多个，比如SQL Server就有2个，一个是数据库文件，另一个是日志文件，那么他们的文件命名分别为kupage_database.mdf，kupage_log.log。文件名全部采用小写。

　　数据库表命名规范，表名长度不能超过30个字符，表名中含有单词全部采用单数形式，单词首写字母要大写，多个单词间不用任何连接符号。若库中有多个系统，表名采用系统名称+单词或多个单词，系统名是开发系统的缩写，系统名称全部采用小写英文字符,如bbsTitle,bbsForumType。若库中只含有一个系统，那么表名仅用一个单词或多个单词。单词选择能够概括表内容的一个或多个英文单词，如UserInfo,UserType。关连表命名规则为Re_表A_表B,Re是Relative的缩写，如：Re_User_ArticleType, Re_User_FormType。

　　数据库字段命名规范，数据库字段名全部采用小写英文单词，单词之间用”_”隔开，命名规则是表别名+单词，如：user_name,user_pwd。表别名规则，如果表名是一个单词，别名就取单词的前4 个字母；如果表名是两个单词，就各取两个单词的前两个字母组成4 个字母长的别名；如果表的名字由3 个单词组成，你不妨从头两个单词中各取一个然后从最后一个单词中再取出两个字母，结果还是组成4 字母长的别名。

　　视图名采用规则View_表A_表B_表C,View表示视图。这个视图由几个表产生就用”_”连接几个表的名，如果表过多可以将表名适当简化，但一定要列出所有表名。

　　存储过程命名规则P_表名_存取过程名(缩写)，比如P_User_Del，P_ArticleType_AddData。
　　SQL语句编写规则，关键字必须大写，其他书写按上述命名规则，比如：
　　Select user_id, user_name FROM User Where user_id = ‘tom’

5.文件夹文件名命名规范
　　文件夹命名一般采用英文，长度一般不超过20个字符，命名采用小写字母。除特殊情况才使用中文拼音，一些常见的文件夹命名如：images(存放图形文件)，flash（存放Flash文件），style(存放CSS文件)，scripts（存放Javascript脚本），inc(存放include文件)，link（存放友情链接）,media(存放多媒体文件)等。

　　文件名称统一用小写的英文字母、数字和下划线的组合。命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义，二是当我们在文件夹中使用“按名称排例”的命令时，同一种大类的文件能够排列在一起，以便我们查找、修改、替换、计算负载量等等操作 。

　　1、图片的命名原则名称分为头尾两部分，用下划线隔开，头部分表示此图片的大类性质例如广告、标志、菜单、按钮等等。
　　放置在页面顶部的广告、装饰图案等长方形的图片取名： banner
　　标志性的图片取名为： logo
　　在页面上位置不固定并且带有链接的小图片我们取名为 button
　　在页面上某一个位置连续出现，性质相同的链接栏目的图片我们取名： menu
　　装饰用的照片我们取名： pic
　　不带链接表示标题的图片我们取名： title
　　下面是几个范例： banner_sohu.gif 、banner_sina.gif、 menu_aboutus.gif 、menu_job.gif、 title_news.gif、 logo_police.gif、 logo_national.gif 、pic_people.jpg 。

　　2、动态语言文件命名规则性质_描述，描述可以有多个单词，用”_”隔开，性质一般是该页面得概要。
　　范例：register_form.asp，register_post.asp,topic_lock.asp

6.程序代码编程规范
一个良好的程序编码风格有利于系统的维护，代码也易于阅读查错。在此只讨论ASP的编程风格和约定。在ASP中所有变量是弱变量，无需定义就可以直接使用，而且代码不区分大小写。但其他语言一般这些都要定义的，为了养成良好的编程习惯，编写代码务必按照一下规则。

　　1、每个变量名必须定义，在ASP文件的最开始添加语句，强制定制每个变量。

　　2、出于易读和一致性的目的，在代码中使用以下变量命名约定。

　　3、程序代码需要有缩进，缩进采用键盘Tab键，不采用空格键。并且”＝”或者链接字符串时需要左右空一格，如下：
　　
　　4、函数过程编写的约定。函数或者过程命名采用动作+名词，每个函数需要给出相应的注释，函数功能，传入变量，以及作者和修改相关信息。如下面函数:
　　<%
　　'[功能] 返回一个参数的值
　　'[参数] strParameterName 参数名称
　　'[作者] icefire 2002/8/20 am
　　Function GetParameterValue(strParameterName)
　　　Dim objRS, strSQL, strParameterValue
　　　strSQL = "Select ParameterValue FROM damsParameters Where ParameterName = '" & 　　　strParameterName & "'"
　　　.
　　　.
　　　.
　　GetParameterValue = strParameterValue
　　Set objRS = Nothing
　　End Function

　　5、ASP内置对象区分大小写。如下代码片断
　　strUserName = Request.Form(“UserName”)
　　Set conn = Server.CreateObject("ADODB.Connection")

　　6、数据库连接一个库只能有一个数据库连接文件，创建数据库对象得原则是尽可能晚地打开数据库，尽可能早地关闭数据库。创建数据库对象调用统一地创建函数。如下：
　　Sub OpenConn(ByRef conn)
　　　Dim strDBPath, strDBConnection

　　　strDBPath = Server.MapPath("database/tax.mdb")
　　　strDBConnnection = "Driver={Microsoft Access Driver (*.mdb)}; DBQ=" & strDBPath
　　　Set conn = Server.CreateObject("ADODB.Connection")
　　　conn.Open strDBConnnection
　　End Sub

　　7、当一个对象不在使用时要释放对象资源，比如objFSO,objRS对象等。采用统一函数调用。函数如下：
　　Sub CloseObj(ByRef obj)
　　　If IsObject(obj) Then
　　　　obj.Close
　　　　Set obj = nothing
　　　End If
　　End Sub

　　8、时间全部以字符串的形式保存到数据库中，这样做能够是日期在不同的数据库中都能良好地保存，也方便数据库地迁移。时间用14位字符串保存，日期用8位字符串保存。

　　上面的观点仅供参考，可以根据网站项目的特殊性定制不同的规范，如果你觉得本文的某些观点有些欠缺或者不对，请到酷页的论坛和我讨论。]]>