网页美工制作规范

1，    允许全文检索的页面，为了使Internet 上的搜索引擎能够有效检索，在频道的首页的html的<head></head>之间应该加入Keywords 和Description 元标记，制作页面是不要忘记添加客户网站的关键字。尤其是通用网址的页面，一定要加关键字～！这样便于推广～！
范例：
<meta name="DESCRIPTION" content="提供域名注册,服务器主机空间,网站设计制作建设,电子商务系统开发,软件开发等">
<meta name="keywords" content="商家注册电脑查询,二手市场电子商务,boys,sex,star,today,news">

2，    制作网站时，遇到页面有统一的头部文件和尾部文件。一定要做成单一的top头文件和bottom尾文件，然后再嵌套在页面中。这样修改方便。嵌套代码：
1.<!--#include file=”conn.asp”--> (推荐使用)
2.<iframe border=0 frameborder=0 framespacing=0 marginheight=0  marginwidth=0 name=news_title noResize scrolling=no  src="*****.asp" width="200" height="150" vspace="0" ></iframe>（使用时修改蓝色部分即可）

3.   统一使用外挂式样式表～！相关代码： <link href="css.css" rel="stylesheet" type="text/css"> 
要注意a:link a:visited a:hover a:actived 的排列顺序要和原有的一致。
重定义的最先，伪类其次，自定义最后。
为了保证不同浏览器上字号保持一致，字号建议用点数pt和像素px来定义，pt一般使用中文宋体的9pt和11pt，px一般使用中文宋体12px 和14.7px 这是经过优化的字号，黑体字或者宋体字加粗时，一般选用11pt和14.7px 的字号比较合适。

4．一个网页要尽量避免用整个一张大表格
所有的内容都嵌套在这个大表格之内，因为浏览器在解释页面的元素时，是以表格为单位逐一显示，如果一张网页是嵌套在一个大表格之内，那么很可能造成的后果就是，当浏览者敲入网址，他要先面对一片空白很长时间，然后所有的网页内容同时出现。如果必须这样做，请使用 <tbody>标记，以便能够使这个大表格分块显示。
表格的嵌套尽量控制在三层以内
5．Width 和height 的写法也有统一的规范，一般情况下只有一列的表格，width 写在<table> 的标签内，只有一行的表格，height 写在 <table> 的标签内，多行多列的表格，width 和height 写在第一行或者第一列的 <td> 标签内。总之遵循一条原则：不出现多于一个的控制同一个单元格大小的height 和width, 保证任何一个width 和height 都是有效的，也就是你改动代码中任何一个width 和height 的数值，都应该在浏览器中看到变化。做到这一条不容易，需要较长时间的练习和思考。

◆布局：
1、    别轻易让文字居中和使用粗体或斜体字符。除了视感混乱之外，很多流览器不能很好地显示斜体字，也不能补偿由于字母倾斜引起的空白变化。
2、    不要在每一页使用风格不同的图标。
3、    在img行加alt标记。这样就会让使用基于文本的流览器的读者除了看到 [IMAGE] 以外还能看到别的一些东西，使用图形流览器的读者在图像未能成功载入之时也会看到一些东西，而你也能让自己的html文件相当整洁。
4、    不要让什么东西看起来象是一个按钮却不起按钮的作用。

◆网页色彩搭配的技巧 　
1.用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将 色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。 
2.用两种色彩。先选定一种色彩，然后选择它的对比色(在photoshop里按ctrl+shift+I)。我的主页用蓝色和黄色就是这样确定的。整个页面色彩丰富但不花稍。 
3.用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。确定色彩的方法各人不同，我是在photoshop里按前景色方框，在跳出的拾色器窗中选择"自定义"，然后在"色库"中选就可以了:) 
4.用黑色和一种彩色。比如大红的字体配黑色的边框感觉很"跳"。 
在网页配色中，忌讳的是： 
1.不要将所有颜色都用到，尽量控制在三种色彩以内。 
2.背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容 
◆ 闪烁让人头痛
　　通过使用标识可以吸引访问者对你的主页特殊部分的注意，但这也让你的访问者头痛。如果你想使访问者再次光顾你的网站，就少用此方法。 
◆    动画点缀
网页上的动画最多只用一个
“空白万岁”
　　注意留空白。不要用图像、文本和不必要的动画GIFs来充斥网页，即使有足够的空间，在设计时也应该避免使用。

赞 (0)

相关推荐

  • China.com网站开发规范第1/2页

    1数据库使用规范  1.1服务器上有关数据库的一切操作只能由服务器管理人员进行.  1.2程序中访问数据库时使用统一的用户.统一的连接文件访问数据库.  1.3原则上每一个频道只能建一个库,库名与各频道的英文名称相一致,库中再包含若干表.比较大的.重点的栏目可以考虑单独建库,库名与栏目的英文名称相一致.  1.4命名:  (1) 数据库.表.字段.索引.视图等一系列与数据库相关的名称必须全部使用与内容相关的英文单词命名(尽量避免使用汉语拼音),对于一个单词难以表达的,可以考虑用多个单词加下划线(

  • 讲的非常不错的PHP编码规范第1/3页

    注:这是从PHPCMS开发文档里看到编码规范,虽名为PHPCMS的开发规范,但我觉得所有的PHP编程都该如此.写了那么多PHP,很多编码对照这规范都感觉欠缺很多,今后一定要对照纠正. Phpcms 编码规范 1. 引言-. 2 2. 适用范围-. 2 3. 标准化的重要性和好处-. 3 4. PHP编码规范与原则-. 3 4.1. 代码标记- 3 4.2. 注释- 3 4.3. 书写规则- 4 4.3.1. 缩进- 4 4.3.2. 大括号{}.if和switch. 4 4.3.3. 运算符.小

  • js 编写规范

    在一个项目中大量使用js,工程项目与网站开发有一些不一样,在我接触的工程项目中普遍使用js 不够多,大部分客户端可做事,交给了服务端,而且在使用js时不够规范,很容易造成代码难以阅读.内存泄漏问题,不注意js 输写方式.而在网站开发中(尤其一些大网站,js输出的非常漂亮.完美无论使用jquery,还是prototype 框架,还是不用框架,都有自己良好一套东东可用) js输写最好还是可以面向对象方式 用类方向进行包装 js输写两种方式 闭包 原型 闭包:(借用的一个例子) 复制代码 代码如下:

  • JavaScript 开发中规范性的一点感想

    可谓一劳永逸,不要重复造轮子:) 1.常用的方法统一放置 例如:在用户注册时,时常需要判断文本框中字符是否是汉字.英文.数字或邮箱地址等等.何不把这些方法统一放在一个脚本中,取名叫做utility.js呢? 复制代码 代码如下: //待需要时另存为一个js function isNull(obj) { if (!obj || obj.length==0 || obj=="") { parent.MyAlert("标注名不能为空!",alertImg); return

  • JavaScript 开发规范要求(图文并茂)

    JavaScript 开发规范要求(图文并茂)

    本人在开发工作中就曾与不按规范来开发的同事合作过,与他合作就不能用"愉快"来形容了.现在本人撰写此文的目的除了与大家分享一点点经验外,更多的是希望对未来的合作伙伴能够起到一定的借鉴作用.当然,如果我说的有不科学的地方还希望各路前辈多多指教.下面分条目列出各种规范要求,这些要求都是针对同事编码毛病提出来的,好些行业约定的其它规范可能不会再提及. 1.保证代码压缩后不出错 对于大型的JavaScript项目,一般会在产品发布时对项目包含的所有JavaScript文件进行压缩处理,比如可以利

  • html页面head区域的编码书写规范

    今天我们简单的介绍一下head区域主要放置了内容.这里就不强调css和javascript了,这两者是大家所熟知的. head区一般必须加入的标识有: 公司版权注释 <!--- the site is designed by MrJin 03/2001 ---> 网页显示字符集 简体中文: <meta http-equiv="content-type" content="text/html; charset=gb2312"> 繁体中文: &l

  • C#书写规范

    C#书写规范  一.命名  对于理解应用程序的逻辑流,命名方案是最有影响力的一种帮助.名称应该说明"什么"而不是"如何".通过避免使用公开基础实现(它们会发生改变)的名称,可以保留简化复杂性的抽象层.例如,可以使用 GetNextStudent(),而不是 GetNextArrayElement().  命名原则是:  选择正确名称时的困难可能表明需要进一步分析或定义项的目的.使名称足够长以便有一定的意义,并且足够短以避免冗长.唯一名称在编程上仅用于将各项区分开.表

  • css 命名规范

    页头:header 登录条:loginbar 标志:logo 侧栏:sidebar 广告:banner 导航:nav 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 滚动:scroll 页面主体:main 内容:content 标签页:tab 文章列表:list 提示信息:msg 小技巧:tips 栏目标题:title 加入:joinus 指南:guild 服务:service 热点:hot 新闻:news 下载:download 注册:regsiter 状态:

  • DIV+CSS 英文命名规范

    1.CSS ID 的命名 外 套: wrap 主导航: mainnav 子导航: subnav 页 脚: footet 整个页面: content 页 眉: header 页 脚: footer 商 标: label 标 题: title 主导航: mainbav(globalnav) 顶导航: topnav 边导航: sidebar 左导航: leftsidebar 右导航: rightsidebar 旗 志: logo 标 语: banner 菜单内容1: menu1 content 菜单容

  • 第6天:XHTML代码规范

    在开始正式内容制作之前,我们必须先了解一下web标准有关代码的规范.了解这些规范可以帮助你少走弯路,尽快通过代码校验. 1.所有的标记都必须要有一个相应的结束标记 以前在HTML中,你可以打开许多标签,例如<p>和<li>而不一定写对应的</p>和</li>来关闭它们.但在XHTML中这是不合法的.XHTML要求有严谨的结构,所有标签必须关闭.如果是单独不成对的标签,在标签最后加一个"/"来关闭它.例如: <br /><

随机推荐