电力供求市场信息    
毕水兴能源通道
大云网 论文资料论文范文 正文

一种通用的网页设计规范

2013-12-12 09:32:19 电力信息化　 点击量： 评论 (0)
0引言作为B S架构办公自动化系统的主要角色，网页已经被越来越多地应用到实际工作中去，而基于网页的动态站点则成为重要的一种软件系统应用方式。我们在参考了众多的网页设计文档后发现，大多数的网页在设计时除
<meta http-equiv="content-type" content="text/html; charset=gb2312"> 
<meta name="author" content="富宇,李丹升"> 
其他meta 标 记 
<link rel="stylesheet" type="text/css" href="style/style.css"> 
样式表定义 
客户端Javascript 函数定义及初始化操作 
</head> 
<body bgcolor="#ffffff"> 
… … 
</body> 
为了保证网站能够与下一代的web 语言xml 标准兼容，所有的HTML 标签的属性都要用单引号或者双引号括起，即我们应该写 <a href=”url”> 而不 是 <a href=url>. 
 
2）允许全文检索的页面，为了使Internet 上的搜索引擎能够有效检索，在频道的首页的html的<head></head>之间应该加入Keywords 和Description 元标记，例如 ： 
<meta name=”keywords” content=”辽电,总经理,工作部”> 
<meta name=”description” content=”辽宁省电力有限公司, 总经理工作部”>
 
3）CSS 文件的格式样例代码 ： 
<style type="text/css"> 
<!— 
p { text-indent: 2em; } 
body { font-family: "宋体"; font-size: 9pt; color: #000000; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px} 
table { font-family: "宋体"; font-size: 9pt; line-height: 20px; color: #000000} 
a:link { font-size: 9pt; color: #FFFFFF; text-decoration: none} 
a:visited { font-size: 9pt; color: #99FFFF; text-decoration: none} 
a:hover { font-size: 9pt; color: #FF9900; text-decoration: none} 
a:active { font-size: 9pt; color: #FF9900; text-decoration: none} 
a.1:link { font-size: 9pt; color: #3366cc; text-decoration: none} 
a.1:visited { font-size: 9pt; color: #3366cc; text-decoration: none} 
a.1:hover { font-size: 9pt; color: #FF9900; text-decoration: none} 
a.1:active { font-size: 9pt; color: #FF9922; text-decoration: none} 
.blue { font-family: "宋体"; font-size: 10.5pt; line-height: 20px; color: #0099FF; letter-spacing: 5em} 
--> 
</style> 
　　这里尤其要注意的是a:link a:visited a:hover a:actived 的排列顺序一定要严格照上面的样例代码，否则或多或少会出问题。另外我们规定重定义的最先，伪类其次，自定义最后，便于自己和他人阅读！ 
　　为了保证不同浏览器上字号保持一致，字号建议用点数pt和像素px来定义，pt一般使用中文宋体的9pt和11pt，px一般使用中文宋体12px 和14.7px 这是经过优化的字号，黑体字或者宋体字加粗时，一般选用11pt和14.7px 的字号比较合适。 
在写 <table> 互相嵌套时，严格按照的规范，对于单独的一个<table>来说，
上一页 1 2 3 4 5 下一页
大云网官方微信售电那点事儿

责任编辑：和硕涵

免责声明：本文仅代表作者个人观点，与本站无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
分享到微博分享到微信
我要收藏
个赞
一种 通用 网页设计