页面制作规范0609.docVIP

网信页面制作规范 总 论 本规范针对网信开发设计人员，要求使用者具有一定的HTML、CSS基础知识，对原代码具有较强的控制能力。本规范的目的是为了开发出通用的、易于维护的高效率的WEB界面。 基本要求 1．网站目录命名规则 除非有特殊情况，目录、文件的名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符，否则在网页读取过程中会出现错误；目录的命名请尽量以英文为指导，不到万不得已不要以拼音作为目录名称，经验证明，用拼音命名的目录往往连一个月后的自己都看不懂。特别是团队合作建站，请特别注意统一命名规则。 2．在网站根目录中开设images、common、temp三个子目录，根据需要再开设media子目录，images目录中放网站不同栏目的页面都要用到的公共图片，例如公司的标志、banner条、菜单、按钮等等；common子目录中放css、js、php、include等公共文件；temp子目录放客户提供的各种文字图片等等原始资料；media子目录中放flash、avi、quick time等多媒体文件。当然，其中目录名字可以自己定义，例如放图片的用pic等，公共文件用com、inc、include等。（为了可以统一标准且容易看懂，不能自定义更改文件夹名称。） 3．在根目录中原则上应该按照首页的栏目结构，给每一个栏目开设一个目录，根据需要在每一个栏目的目录中开设一个images和media的子目录用以放置此栏目专有的图片和多媒体文件，如果这个栏目的内容特别多，又分出很多下级栏目，可以相应的再开设其他目录。 4．temp目录中的文件往往会比较多，建议以时间为名称开设目录，将客户陆续提供的资料归类整理，然后备份到本机，定期清空服务器上的temp目录。 5．doc子目录放客户提供的各种文字图片等等原始资料，杜绝非网站内容上网 脚本编写 为了协同合作及日后修改维护的方便，我们应该有一个脚本整体风格一致的概念，以便于其他协作者能够快速的理解你的文档脚本。也就是说一个月后和一个月前的你写的脚本风格保持一致，以及同一个工作组中不同的开发人员编写的脚本风格保持一致，因为我们不可能永远孤立的开发，你随时都有可能和三个月前的自己合作（你的客户要求改版），也经常要和工作室中不同的同事共同开发一个项目，还有可能被要求修改已经离职人员开发的脚本，当然自己也有可能会扔下一个项目给后来的同事。 1、(a)html文件的通用模板： html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8/ title无标题文档/title /head … … body /body /html (b)其他meta标记 link rel=stylesheet type=text/css href=style/style.css (c)客户端javas cript函数定义及初始化 /head body bgcolor=#ffffff … … /body 为了保证网站能够与下一代的web语言xml标准兼容，所有的HTML标签的属性都要单引号或者双引号括起，即我们应该写a href=url而不是a href=url。所有的标签都要有结束标记，如：br /,p/p等 2、关键字等META信息 允许全文检索的页面，为了使Internet上的搜索引擎能够有效检索，在网站首页及各频道首页的html的head/head之间应该加入Keywords和Description元标记，例如： meta name=”keywords” content=”最新技术” meta name=”des cription” content=”最新资源” 但仅使用在首页，其它页面并非必须。 3、CSS文件的格式样例代码： BODY {font-family: 宋体; font-size: 12px; color: #000000; margin-top: 0px;margin-right: 0px; argin-bottom: 0px; margin-left: 0px background-image: url([url]/images/bg01.gif[/url])} TABLE {font-family: 宋体; font-size: 12px; line-height: 21px; color: #000000;} TD {font-family: 宋体; font-size: 12px; color: #000000;} p {text-indent: 2em; text-align: justify} A:link {color: #FFFFFF; text-