`
wdanping
  • 浏览: 23599 次
  • 性别: Icon_minigender_2
  • 来自: 上海
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

网页命名规范

阅读更多
命名规范

文件命名的原则:以最少的字母达到最容易理解的意义。
一般文件及目录命名规范:
每一个目录中应该包含一个缺省的html 文件,文件名统一用index.htm
文件名称统一用小写的英文字母、数字和下划线的组合
尽量按单词的英语翻译为名称。例如:feedback(信息反馈),aboutus(关于我们)
多个同类型文件使用英文字母加数字命名,字母和数字之间用_分隔。例如:news_01.htm。注意,数字位数与文件个数成正比,不够的用0补齐。例如共有200条新闻,其中第18条命名为news_018.htm

图片的命名规范 :
名称分为头尾两两部分,用下划线隔开。 
头部分表示此图片的大类性质。例如: 放置在页面顶部的广告、装饰图案等长方形的图片我们取名:banner ;标志性的图片我们取名为:logo ;在页面上位置不固定并且带有链接的小图片我们取名为button ;在页面上某一个位置连续出现,性质相同的链接栏目的图片我们取名:menu ;装饰用的照片我们取名:pic ;不带链接表示标题的图片我们取名:title 依照此原则类推。

尾部分用来表示图片的具体含义,用英文字母表示。例如:banner_sohu.gif banner_sina.gif menu_aboutus.gif menu_job.gif title_news.gif logo_police.gif logo_national.gif pic_people.jpg pic_hill.jpg.
有onmouse效果的图片,两张分别在原有文件名后加"_on"和"_off"命名。

其它文件命名规范
js的命名原则以功能的英语单词为名。例如:广告条的js文件名为:ad.js
所有的CGI文件后缀为cgi。所有CGI程序的配置文件为config.cgi
分享到:
评论

相关推荐

    Web网页设计命名规范

    Web网页设计命名规范 Web网页设计命名规范是Web程序员在设计和开发过程中需要遵循的一套命名规范,旨在提高代码的可读性、维护性和重用性。本规范涵盖了Web UI设计命名、交互行为命名、Photoshop图层结构规范等多个...

    网页设计制作命名 规范

    网页设计制作命名 规范 1. Container(整体) “container“ 就是将页面中的所有元素包在一起的部分,这部分还可以命名为: “wrapper“, “wrap“, “page“. 2. Header(头部) “header” 是网站页面的头部区域,一般...

    网页布局命名规范

    简单的对于一些网页布局的命名规范,参考就好。

    网页设计中常用的CSS命名规则整理

    ### 网页设计中常用的CSS命名规则整理 在网页设计与开发过程中,合理的CSS命名规则不仅能够提高代码的可读性和可维护性,还能帮助团队成员更好地协作。本文将根据给定文件中的内容,详细介绍网页设计中常用的CSS...

    Web网页设计命名规范.doc

    本文将详细介绍Web网页设计命名规范中的一些重要概念和规则。 一、网站设计及基本框架结构 在网站设计中,基本框架结构是非常重要的。一个网站的基本框架结构通常包括Container、Header、Navbar、Menu、Main、...

    Web网页设计命名规范[定义].pdf

    Web网页设计命名规范 在Web网页设计中,命名规范是一项非常重要的工作。良好的命名规范可以提高代码的可读性和可维护性,使得开发和维护变得更加容易。下面是Web网页设计命名规范的详细介绍。 一、 Container、...

    HTML_CSS_JavaScript命名规范

    HTML、CSS和JavaScript是网页开发的三大核心技术,它们的命名规范对于代码的可读性、可维护性和团队协作至关重要。以下是对这些规范的详细说明: HTML命名规范: 1. DOCTYPE声明:每个HTML文档应以DOCTYPE声明开头...

    Web UI 设计命名规范讲解

    Web UI 设计命名规范是指在网页设计过程中,对于网页设计元素的命名规则和规范。本规范不仅涉及到 CSS、HTML、JavaScript 等编码语言的命名规范,也涉及到使用 PhotoShop 等设计工具进行网页设计过程中的命名规范。 ...

    web前端+css命名 规范

    在Web前端开发中,CSS(层叠样式表)命名规范是至关重要的,它不仅有助于代码的可读性和可维护性,还能提升团队协作的效率。本文将深入探讨CSS命名规范及其重要性,并结合HTML和CSS的基础知识,为前端开发者提供一份...

    网页前端设计规范(包含文件夹,CSS命名等)

    这份资源包涵盖了CSS命名规范和文件管理规范两个关键方面,旨在为前端开发者提供一个清晰、一致的工作指南。 首先,让我们详细探讨CSS命名规范。在前端开发中,CSS是样式和布局的主要工具,良好的命名习惯能大大...

    div命名+css命名大全

    DIV+CSS 命名规则是网页制作中的一种规范命名方式,可以改善优化功效特别是在团队合作时候可以提供合作制作效率。本文将对 DIV+CSS 命名规则进行详细的讲解,包括页眉、登录条、标志、侧栏、广告、导航、子导航、...

    C#命名规范(包括控件及其变量名、变量的命名规范)

    本文档将详细介绍C#中的命名规范,特别是针对ADO.NET、WinForm及WebForm控制的命名规则,并着重强调变量的命名规范。 #### 二、ADO.NET命名规范 ADO.NET是Microsoft为访问数据库而设计的一组对象模型,其命名规范...

    Web网页设计命名规范.pdf

    Web网页设计命名规范是指导设计和开发人员在创建网页时如何合理地命名HTML元素和CSS类名的规则。遵循命名规范可以提高代码的可读性、可维护性和团队协作效率。根据提供的文件内容,我们可以提取和总结出以下几个方面...

    C#控件命名规范

    ### C#控件命名规范详解 #### 一、概述 在软件开发中,良好的命名习惯对于提高代码可读性、维护性和团队协作至关重要。本文档详细介绍了一套针对C#控件的命名规范,旨在帮助开发者形成一致且易于理解的命名风格。 ...

    div+css命名规范

    在网页设计与开发过程中,合理的命名规范对于提高代码可读性、可维护性和团队协作效率至关重要。本文档将详细阐述一套适用于初学者的`div+css`命名规则,帮助开发者建立起良好的编码习惯。 #### 二、命名原则 1. *...

    Web UI 设计命名规范

    在网页设计中,良好的命名规范对于提升代码可读性、维护性和团队协作效率至关重要。本文主要探讨了Web UI设计中的命名规范,特别是针对网站的基本框架结构和命名策略。 首先,我们要理解网站的基本框架结构。一个...

    Web网页设计命名规范.txt

    Web网页设计命名规范.txt

    网页美工必备的知识-网页设计命名规范.doc

    网页设计命名规范是网页美工工作中至关重要的一个环节,它关乎到代码的可读性、团队协作的效率以及后期维护的便捷性。规范化的命名能帮助设计师更好地组织和管理设计元素,同时也方便开发者理解和实现设计意图。以下...

Global site tag (gtag.js) - Google Analytics