2022年网站建设目录规范 .pdf

《2022年网站建设目录规范 .pdf》由会员分享，可在线阅读，更多相关《2022年网站建设目录规范 .pdf（13页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。

1、网站建设实施规范网站建设实施规范试行 （以下简称规范）目的是从整体上规范网站建设过程中的统一性和可扩展性， 方便于团队中更好的协作及设计者以后的维护。请注意规范中的用词，以确定哪些是“必须”哪些是“参考”。此规范为试行版，内容在不断完善更新中。如果你有什么意见和建议，或发现内容有什么错误请积极指正，我们将及时改进修正。网站建设基本流程规范网站建设（或者升级改版）应包含下列基本流程：1、制定网站规划方案：包括网站预期目标、行业竞争状况分析、网站栏目结构、用户行为分析及内容规划、网页模版设计、网站服务器技术选型、网站运营维护规范等基本内容；2、网站技术开发、网站模板制作；3、网站测试；4、网站内容

2、发布；5、网站维护及管理。网站优化规范网站优化的最终目的是为用户获取有价值信息提供方便，网站优化包括三个方面：对用户获取信息优化、搜索引擎优化、网站维护优化。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 13 页 - - - - - - - - - 1、网站栏目结构合理，栏目设置不要过于复杂；2、网站导航清晰且全站统一，通过任何一个网页可以逐级返回上一级栏目直到首页；3、网页布局设计合理，网站设计符合用户浏览习惯；4、重要文字信息尽可能出现在网页靠前位置；5、字体清晰，

3、 CSS风格协调一致；6、最多 3 次点击可到达产品详细内容页面；7、通过网站任何一个网页不超过3 次点击可达到站内其他任何一个网页；8、遵照搜索引擎为管理员提供的网站优化指南，通过网站结构和内容等基本要素的优化为搜索引擎检索信息提供方便，不采用任何被搜索引擎视为垃圾信息的方法和欺骗搜索引擎的方式（如堆积关键词、用户不可见文本、页面跳转、复制网页等等） ；9、网站首页、栏目首页及产品内容页面均有一定的文字信息量；10、每个网页有独立的、可概括说明该网页核心内容的网页标题（而不是全站或者一个栏目共用一个网页标题） ；11、每个网页有独立的、与该网页内容相关的META标签设计（包括descript

4、ion和 keywords） ；12、每个网页有独立的URL ；13、产品内容页面 URL尽可能简短且体现出产品属性；14、产品/ 企业新闻详细内容页面是独立网页不是弹出窗口；15、对于产品品种多的企业网站，要有合理的产品分页方式；16、网站内容保持适当的更新周期。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 13 页 - - - - - - - - - 网站建设实施规范一、网站建设尺寸规范1、页面标准按 800*600 分辨率全屏制作，每个页面的宽度为778象素；页面

5、标准按1024*768 分辨率全屏制作，每个页面的宽度为1004 象素；1024*768 分辨率，建议宽度使用960 像素。2、全尺寸 Banner 统一规格为 47070px，半尺寸 banner 为 234*60px，小 banner 为 88*31px ；部分 banner 可根椐实际情况设置尺寸；3、Logo统一为 160*70px；4、每个非首页静态页面含图片字节不超过80K，全尺寸banner 不超过20K ；二、网站建设目录规范遵从原则：以最少的层次提供最清晰简便的访问结构；以最少的字母达到最容易理解的意义。1、 目录以代表此目录文件内容含义的英文单词命名，目录名若为单个单词，均

6、须小写，目录名若大于等于两个单词，从第二个单词起的每个单词的首字母大写，其余字母小写。2、网 站 根 目录 ： 只 允 许存 放 网 站缺 省 命 名文 件 索 引 文件 （ 如default.shtml）一个，以及其它必备的文件（如golas.asa,Web.config ） 。3、 网站根目录下开设images 子目录，用以存放不同栏目的页面都要用到的公共图片，例如网站标识、导航栏图片、按钮等。每个目录下私有图片名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 13 页

7、 - - - - - - - - - 存放于各自独立 images 目录。4、 在网站根目录下开设Templates 目录，用以存放各栏目的模板文件；Templates 中另建与网站根目录下对应的栏目目录，存放不同栏目对应的模板文件，每个目录中默认文件：content.htm , list.htm 分别是内容页的模板、列表页的模板，其他需要用到的模板根据实际用处按规定命名，在文件命名规则中详细阐述。5、 在网站根目录下开设styles 、scripts目录，分别存放样式表文件与客户端脚本文件。6、 在网站根目录下开设upload 子目录，用以存放网站后台上传的文件；根据实际需要建立downlo

8、ad 目录，用以存放提供给浏览者下载的文件。7、 在网站根目录下开设include目录，存放公用的包含文件（如top.htm 、head.htm、foot.htm ） 。8、在网站根目录下开设plus 目录，存放所有网站建设中用到的服务器端的程序文件（如 search.asp 、function.asp） 。9、每个语言版本存放于独立的目录。已有版本语言设置为：简体中文 gb 繁体中文 big5 英 语 en 韩 语 kr 日 语 jp 俄 语 ru 10、在网站根目录下按照栏目结构，为每个主要功能(主菜单 )建立一个名师资料总结 - - -精品资料欢迎下载 - - - - - - - - -

9、 - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 13 页 - - - - - - - - - 相应的独立目录。目录名为此栏目的英文翻译（例如：关于我们 aboutus信息反馈 feedback产 品 product） ，根据需要在每一个栏目目录中开设images 子目录，用以放置此栏目专用图片。( 例如： aboutusimages ； productimages)。总结：所有的 js 文件存放在根目录下下的scripts目录；所有的 CSS文件存放在根目录下的styles目录；所有的程序存放在根目录下的plus 目录；所有公用的包含文件存放在根

10、目录下的include目录；所有的模板文件存放在根目录下的Templates 目录；所有的公用的图片文件存放在根目录下的images 目录；所有的上传文件存放在根目录下的upload 目录；所有的提供给浏览者下在的文件存放在根目录下的download 目录；如果建设中的网站为多语言版本的，根据其语言版本存放于独立的目录，目录命名规则以国家英文简码为准；三、网站建设文字，标点规范1、非正文页面每页内容尽量在1000 字以内网页的文字必须采用样式定义，以避免由于显示器的差异造成页面差异；2 、文章正文内容， CSS样式设置应该有交互性，可以让访问者自已调整文字的大小及行距等；（以适应不同访问者访问

11、，增加网站的友好性。）默认为：字号用点数 pt 和像素 px 来定义，pt 一般使用中文宋体的9pt 和 11pt，名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页，共 13 页 - - - - - - - - - px 一般使用中文宋体12px 和 14， 黑体字或者宋体字加粗时， 一般选用 11pt和14.7px ； 行 距 建 议 用 百 分 比 来 定 义 ， 常 用 的 两 个 行 距 的 值 是line-height:120%/150%. 3 、中文版中正文默认使用

12、宋体；4 、英文版中正文默认使用Arial字体；5 、中文段首要空2 个汉字的位置，西文段首不空；6 、西文中一定要用西文半角标点符号，西文中不得使用全角符号 （请注意空格） ；7 、外文版内不能出现别国语言字符，必需出现的，应把内容做成图片。四、网站建设导航规范1、每一个页面都因该出现的固定信息：内容包括：主页，网站介绍，站点视图，联系方式，反馈，搜索工具，常见问题解答，实际内容栏目(包括相关站点链接、新闻页) ；2、每页必须有导航条， 格式例：首页-频道名称 -栏目名称 -文章标题；菜单名称要统一：标题栏目前后一致；3、栏目如果采用图标 , 图片的 ALT属性要写本图片或按钮的名称，以避免

13、图像表达不清或图像无法下载。4、无任何链接内容的不做成按钮的形式。5、每个页面底端都需要加注版权声明 ，要根据不同的语言版本调用。标注方法：中文版中英文；英文版中英文；法文版中法文；日文版中日文；韩文版中韩文； （标注内容需用图片，防止访问者字符编码不全显示不正常）；名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页，共 13 页 - - - - - - - - - 6、网站文字链接的颜色在点击前和点击后要有区别。让访问者知道哪些内容是看过的，哪些内容还未访问；五、网站建设文件命

14、名规范遵从原则：以最少的字母达到最容易理解的意义。文件的名称全部用小写英文字母、数字、下划线的组合， 其中不得包含汉字、空格和特殊字符；命名原则的指导思想：一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义; 二是当我们在文件夹中使用按名称排序时能够排列在一起，以便查找、修改、替换、计算负载量等等操作；1、网站主页，各栏目主页的名称一定要用“default.扩展名”命名；2、文件以代表此文件内容含义的英文单词命名，文件名为单个单词，均须小写，文件名大于等于两个单词，从第二个单词起的每个单词的首字母大写，其余字母小写。如aboutLeftMenu.htm 3、图片的命名原则遵循以下

15、几条规范：1) 图片名称为首、尾两部分，尾部分第一个字母大写以作区分。2) 首部分表示图片大类性质。如广告（banner） 、标志（ logo ） 、菜单（menu ） 、按钮（ button ） 、标题图片（ title）等。有 onmouse效果的图片，两张分别在原有文件名后加_on 和_off命名。( 可进一步完善此规范，并把一系列命名规则整理成条款列出) 3) 尾部分表示图片的具体含义。4) 图片文件命名举例如下： menuAboutUs.gif 、 menuNews.gif、 logo.gif、bannerYahoo.gif 、bannerSina.gif、buttonSearch.

16、gif 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 7 页，共 13 页 - - - - - - - - - 六、网站建设文件格式规范1、图片的使用以 JPG及 GIF 为主，颜色较丰富变化较多的图片使用JPG文件，其他则建议使用GIF 文件；2、静态网页及被调用和包含的网页文件均以.htm 为扩展名七、网站建设文件存放规范这部分内容与网站目录规范基本相同，1、如果建设中的网站为多语言版本的，文版主文件夹必须用英文简码命名。如：韩文版的所有内容都必须放到kr 文件夹中。其他的子文

17、件夹或文件要和中文版的名字一一对应；2、各页面所用的图片要放到相应的images 文件夹中；子栏目页面用到的图片放到栏目目录的images 文件夹中；3、站点中所使用到的JavaScript文件都存放在根目录下的scripts目录中；4、站点中所使用的样式表文件都放到根目录下的styles目录中，原则上是每个栏目都要有自己的样式表文件，并有一个公用的样式表文件，但在具体使用中可以根据站点规模的大小灵活操作；5、所有的程序及应用文件都放在站点根目录下的plus 目录中；6、所有公用的包含文件和被调用的文件都放在include目录中，每个栏目私有的包含及调用文件可放各自的栏目目录中；名师资料总结

18、- - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 8 页，共 13 页 - - - - - - - - - 7、站点中使用的模板文件都放在站点根目录下的Templates 目录中，并按照其所属栏目分别放在对应的目录中，Templates 目录中的目录结构应该与站点中的主栏目结构一致，保证目录的对应；8、通过网站后台上传的文件均放在站点根目录的upload 目录中，并设置目录权限为不可执行脚本；9、所有提供给浏览者下载的文件存放在根目录下的download 目录中，如果这个目录中的文件可以通过后台上传

19、，要设置目录权限为不可执行脚本；八、网站链接结构规范遵从原则：用最少的链接，使浏览最有效率1、首页与一级页面间，使用星状链接结构2、一级页面与二级页面间，使用树状链接结构4、 超过三级页面，在页面显眼位置，设置导航，回到首页或相关栏目。九、 HTML 书写规范head 区代码规范1、 版权注释 2、 网页显示字符集简体中文： 繁体中文：名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 9 页，共 13 页 - - - - - - - - - 英 语： ,3、 制作者信息 4、 网站简介

20、 5、 搜索关键字 6、网页的 css 规范 7、 内容页标题内容标题 - 栏目名称 - 网站名称 列表栏目页标题栏目名称 - 网站名称 8、所有的 javascript调用尽量采取外部调用 可选加入标签1、 设定网页的到期时间。一旦网页过期，必须到服务器上重新调阅。 2、 禁止浏览器从本地机的缓存中调阅页面内容。 3、防止其它网站在框架里调用本站页面。 4、自动跳转。 5、网页搜索机器人向导，告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。用以保护需点数才能浏览的页面。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精

21、心整理 - - - - - - - 第 10 页，共 13 页 - - - - - - - - - CONTENT的参数有 all,none,index,noindex,follow,nofollow。默认是 all 。6、 收藏夹图标 程序代码规范程序注释规范数据库使用规范附一、 当网站注重百度优化时，网站中的路径尽量全部采用相对路径。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 11 页，共 13 页 - - - - - - - - - 因为在目前搜索引擎中百度对绝对路径比较排

22、斥。附二、 CSS样式表命名规则样式命名登录条 :loginBar 标志:logo 侧栏:sideBar 广告:banner 导航:nav 子导航 :subNav 菜单:menu 子菜单 :subMenu 搜索:search 滚动:scroll 页面主体 :main 内容:content 标签页 :tab 文章列表 :list 提示信息 :msg 小技巧 :tips 栏目标题 :title 友情链接 :friendLink 页脚:footer 加入:joinus 指南:guild 服务:service 热点:hot 新闻:news 下载:download 注册:regsiter 状态:stat

23、us 按钮:btn 投票:vote 合作伙伴 :partner 版权:copyRight CSSID的命名外套:wrap 主导航 :mainNav 子导航 :subnav 页脚:footer 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 12 页，共 13 页 - - - - - - - - - 整个页面 :content 页眉:header 页脚:footer 商标:label 标题:title 主导航 :mainNav(globalNav) 顶导航 :topnav 边导航 :s

24、idebar 左导航 :leftsideBar 右导航 :rightsideBar 旗志:logo 标语:banner 菜单内容 1:menu1Content 菜单容量 :menuContainer 子菜单 :submenu 边导航图标 :sidebarIcon 注释:note 面包屑 :breadCrumb( 即页面所处位置导航提示 ) 容器:container 内容:content 搜索:search 登陆:login 功能区 :shop( 如购物车，收银台 ) 当前的 current 样式文件命名主要的 :master.css 布局版面 :layout.css 专栏:columns.css 文字:font.css 打印样式 :print.css 主题:themes.css 注释的写法/* Footer */ 内容区/* End Footer */ 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 13 页，共 13 页 - - - - - - - - -