资源描述:
《规范Web页面设计和排版.doc》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、Web页面设计和排版XXXX信息技术公司文档状态:文档编号:规范-web页面设计和排版[]Draft[√]Released[]Modifing编撰:编撰日期:2006-5-21保密级别:机密文档版本:2.0.0版本历史日期版本说明作者2006-04-081.0.0初稿2006-04-301.0.0咨询公司审计通过,正式发布2006-05-212.0.0增加系统集成项目过程目录1.引言41.1目的41.2适用范围42.规范描述42.1基础42.2主要技术52.2.1使用层叠样式表52.2.2使用表格控制布局6Web页面设计和排版
2、规范1.引言1.1目的为了使各系统Web程序具有统一的排版风格,开发过程中减少出错,避免重复性工作发生,便于项目组成员信息交流,有利于系统维护,特制定此规范,此规范需要前台组成员共同遵守,协同改进。1.2适用范围本规范适用与公司所有软件类B/S结构项目。本规范在执行过程当中,如果出现冲突或不足的地方,将及时修改并更新为新的版本;但是在新的版本出现之前,必须执行旧的版本的约定。2.规范描述2.1基础文字使用css样式表指定文字的样式;字体一般为宋体,默认大小12px;标题为黑体;文本左对齐,数字右对齐,长度一致的文字居中;标题居
3、中;若文字在表格中,居左或居右时在文字前或后增加一个空格。图片一般我们把有较为复杂颜色变化的小块优化为jpeg,而把那种只有单纯色块的卡通画式的小块优化为gif。表格表格嵌套层次要尽量少,应该尽量避免将所有元素嵌套在一个表格里。原因:浏览器在读取网页html原代码时,是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格,必须等大表格读完,才能将子表格一起显示出来。超链接链接文本的颜色最好用约定俗成的:未访问的,蓝色;点击过的,紫色或栗色。用户页面深度不能超过三层。显示尺寸一般分辨率在800x600的情况下,页面
4、的显示尺寸为:780x428个象素;分辨率在640x480的情况下,页面的显示尺寸为:620X311个象素;分辨率在1024X768的情况下,页面的显示尺寸为:1007x600。2.2主要技术2.2.1使用层叠样式表2.2.1.1CSS的作用1.将格式与结构分离HTML只定义了网页的结构和各个标记的功能,而让浏览器自己决定网页中的各个元素对象应该以何种样式风格显示出来。 CSS通过将定义结构的部分与定义格式的部分分离便得网页制作者能够对Web页面的布局施加更多的控制——HTML仍可以保持简单明了的原貌,CSS代码独立出来
5、从另一角度控制页面的外观。2.更容易控制页面的布局HTML标记虽然可以调整字号、生成表格边距、改变颜色等,但不能精确地控制行间距和字间距。然而,CSS却使的这些成为了现实。3.可以制作出体积更小、下载速度现快的网页CSS是像HTML那样形式的文本。它不需要图像,不需要执行程序,不需要插件。这样可以减少表格标记及其它加大HTML体积的代码,减少图像用量,从而减小了文件尺寸。4.可以更快更容易地维护和更新网页利用CSS可以使站点上所有的网页都指向一个单一的CSS文件,只要修改CSS文件中某一行,那么整个站点都会随之发生变动。2.2
6、.1.2CSS与HTML文档的四种结合方式1.在HTML文档头部嵌入样式表单将CSS与HTML文档结合在一起的比较常用的方法就是嵌入样式表单——即在
┄头部标记的内嵌样式双标记