网页美工制作规范_CSS/HTML

1，    允许全文检索的页面，为了使Internet 上的搜索引擎能够有效检索，在频道的首页的html的

之间应该加入Keywords 和Description 元标记，制作页面是不要忘记添加客户网站的关键字。尤其是通用网址的页面，一定要加关键字～！这样便于推广～！
范例：



2，    制作网站时，遇到页面有统一的头部文件和尾部文件。一定要做成单一的top头文件和bottom尾文件，然后再嵌套在页面中。这样修改方便。嵌套代码：
1. (推荐使用)
2.（使用时修改蓝色部分即可）

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

4．一个网页要尽量避免用整个一张大表格
所有的内容都嵌套在这个大表格之内，因为浏览器在解释页面的元素时，是以表格为单位逐一显示，如果一张网页是嵌套在一个大表格之内，那么很可能造成的后果就是，当浏览者敲入网址，他要先面对一片空白很长时间，然后所有的网页内容同时出现。如果必须这样做，请使用 标记，以便能够使这个大表格分块显示。
表格的嵌套尽量控制在三层以内
5．Width 和height 的写法也有统一的规范，一般情况下只有一列的表格，width 写在 的标签内，只有一行的表格，height 写在  的标签内，多行多列的表格，width 和height 写在第一行或者第一列的 

 标签内。总之遵循一条原则：不出现多于一个的控制同一个单元格大小的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. Le contraste entre l'arrière-plan et le texte précédent doit être aussi grand que possible (n'utilisez jamais de motifs compliqués comme arrière-plan) afin de mettre en valeur le contenu principal du texte
◆ Le clignotement donne des maux de tête aux gens
Par en utilisant des logos, vous pouvez attirer des visiteurs vers une section spéciale de votre page d’accueil, mais cela crée également un casse-tête pour vos visiteurs. Si vous souhaitez fidéliser les visiteurs sur votre site, utilisez cette méthode avec parcimonie.
◆ Embellissement de l'animation
Utilisez une seule animation au maximum
« Longue vie au vide »
Attention à laisser un espace vide. N'encombrez pas votre page Web d'images, de texte et de GIF animés inutiles. Même s'il y a suffisamment d'espace, évitez-les lors de la conception.