网站文件夹结构以及命名规则
- 格式:doc
- 大小:34.00 KB
- 文档页数:4
关于文件名的命名规则在计算机领域中,文件名是用来标识和区分不同文件的重要信息,它的命名规则对于文件的管理和查找起着至关重要的作用。
本文将介绍一些常用的文件名命名规则,以帮助读者更好地进行文件管理和组织。
一、文件名长度限制在大多数操作系统中,文件名长度有一定的限制。
例如,在Windows系统中,文件名的长度限制为255个字符;在Linux系统中,文件名的长度限制为255个字符,但实际上建议不要超过100个字符。
因此,在给文件命名时,应注意文件名的长度不要超过操作系统的限制。
二、文件名的字符限制在文件名中,存在一些特殊字符是不允许使用的,因为它们在操作系统中具有特殊的含义或功能。
这些特殊字符包括:/\:*?"<>|等。
因此,在给文件命名时,应避免使用这些特殊字符,以免引起命名冲突或导致文件无法正常使用。
三、文件名的可读性为了方便文件的管理和查找,文件名应具备一定的可读性。
通常情况下,使用人类可读的单词或短语作为文件名会更加直观和易于理解。
同时,为了增加文件名的可读性,可以使用适当的分隔符来区分不同的单词或短语,如下划线(_)或连字符(-)等。
四、文件名的描述性为了更好地表达文件的内容或用途,文件名应具备一定的描述性。
即通过文件名就能清楚地了解到文件的大致内容或用途。
例如,对于文档类文件,可以在文件名中包含文件的主题或关键字;对于图片类文件,可以在文件名中包含图片的拍摄地点或时间等。
五、文件名的唯一性为了避免文件名冲突,文件名应具备唯一性。
即不同的文件应有不同的文件名,以免因文件名重复而导致文件的混淆或覆盖。
为了保证文件名的唯一性,可以在文件名中加入一些唯一标识符,如时间戳、文件版本号等。
六、文件名的大小写在某些操作系统中,文件名是区分大小写的,而在其他操作系统中,文件名是不区分大小写的。
因此,在给文件命名时,应考虑操作系统的特性,以免因文件名的大小写不一致而导致文件的无法正常使用。
windows文件夹命名规则在Windows系统中,文件夹的命名规则遵循一些基本的规范,这有助于组织和管理文件,确保文件夹的易读性和一致性。
下面是关于Windows 文件夹命名规则的详细信息:1. 长度限制:Windows文件夹的名称最长不能超过255个字符。
这包括文件夹名称本身以及路径中的所有字符。
超过这个限制可能导致文件夹无法创建或无法正常访问。
2.非法字符:文件夹名称不能包含一些非法字符,包括:-\/:*?"<>-空格和点号(.)不能用于名称的开头或结尾-名称不能以.结尾-名称不能以空格开头- 名称不能以reserverd系统保留的单词开头,如 CON、PRN、AUX、NUL等3. 大小写敏感:Windows文件夹命名是大小写不敏感的,这意味着"FOLDER"和"folder"被视为同一个名称。
然而,在显示文件夹名称时,Windows会始终使用名称的原始大小写。
4. 专有名词:避免使用系统保留的专有名词作为文件夹名称。
这些专有名词包括操作系统的关键词、系统文件夹名称和一些常用的文件名,如Windows、Program Files、Documents等。
5.有意义的名称:为了确保文件夹名称的易读性和一致性,建议使用有意义的名称。
选择描述性的词汇或短语,以便更好地了解文件夹内容。
6. 使用适当的分隔符:分隔符在文件夹名称中可能起到不同的作用。
正斜杠(/)和反斜杠(\)在Windows中用于表示路径分隔符,因此不应用于文件夹名称。
另一方面,破折号(-)、下划线(_)和空格可以用作分隔符,以提高文件夹名称的可读性。
7.避免使用过多的特殊字符:过多的特殊字符可能会导致文件夹名称的可读性降低,并且在一些情况下可能会引起一些问题。
尽量避免在文件夹名称中包含过多的特殊字符。
8.简洁明了:尽量保持文件夹名称简洁明了,并简短描述文件夹的内容。
过长或过于复杂的名称可能会造成混淆和错误。
第三讲文件和文件夹的命名规则、隐藏与显示一、文件和文件夹的命名规则1、名字中不能超过255个字符,一个汉字相当于2个字符2、名字中不能出现下列半角字符:/ | \ < : > ? “ “ * 等3、名字不区分大小写字母4、文件名最后一个句点前的字符称为主文件名,后面的字符称为扩展名。
常见的扩展名如下:文本文档、记事本:.txtWord 文档: 97~2003版本.doc,2007以上版本.docxExcel 电子表格:97~2003版本.xls,2007以上版本.xlsxPowerPoint 幻灯片:97~2003版本.ppt,2007以上版本.pptx矢量图:.dwg,.wmf,.eps,.swf 位图:.jpg,.bmp,.png,.psd,.gif,.tiff 音频:.mp3,.wav,.wma,.midi,.ape,.flac,.wavpack,.tta,.tac 可执行文件:.exe,.com视频:.mpeg,.mp4, .avi,.mov,.wmv,.rmvb,.rm,.flv,.asf 压缩文件:.rar,.zip5、一个文件夹中不能有同名的文件或文件夹,主文件名和扩展名全相同即为同名。
6、文件夹通常无扩展名,文件夹.exe 为文件夹木马病毒,一般通过U盘传播,请下载“.exe文件夹木马病毒专杀”杀毒7、补充:文件和文件夹的重命名1)不连续单击两次2)右键→重命名3)组织→重命名二、隐藏和显示文件或文件夹1、隐藏文件或文件夹选择要隐藏的文件或文件夹,右单击(或单击组织)→属性→常规→勾选“隐藏”→确定2、显示隐藏的文件或文件夹点“工具”→文件夹选项(或点“组织”→文件夹和搜索选项)→查看→在高级设置框中选择“显示隐藏的文件、文件夹和驱动器”→确定。
在显示出来的隐藏文件或文件夹上右单击→属性→常规→去掉“隐藏”前的对勾→确定。
1。
文件名的命名规则文件名的命名规则是指在计算机系统中给文件命名时所遵循的一些规范和约定。
合理的文件命名规则可以帮助用户更好地管理和组织文件,提高文件的可读性和可维护性。
下面将介绍一些常见的文件命名规则和最佳实践。
1. 使用有意义的文件名。
文件名应该能够准确地描述文件的内容,避免使用无意义的字符或数字作为文件名。
例如,一个存储关于公司财务报表的文件可以命名为“财务报表2021.xlsx”,这样的文件名能够清晰地表达文件的内容。
2. 避免使用特殊字符和空格。
在文件名中应该避免使用特殊字符和空格,因为这些字符在不同的操作系统和文件系统中可能会引起问题。
建议使用字母、数字、下划线和连字符来命名文件。
3. 使用恰当的文件扩展名。
文件扩展名是文件名的一部分,用来表示文件的类型。
例如,.txt表示文本文件,.docx表示Word文档,.jpg表示图片文件等。
在命名文件时应该根据文件的实际类型使用恰当的文件扩展名。
4. 区分大小写。
在一些操作系统中,文件名是区分大小写的,因此在命名文件时需要注意大小写。
建议在命名文件时统一使用小写字母,这样可以避免因大小写不一致而导致的问题。
5. 限制文件名的长度。
不同的操作系统和文件系统对文件名长度都有一定的限制,通常在255个字符以内。
在命名文件时应该尽量控制文件名的长度,以避免超出系统的限制。
6. 使用日期和版本号。
在一些情况下,可以在文件名中加入日期和版本号来区分不同版本的文件。
例如,“财务报表2021_v1.xlsx”表示2021年的财务报表的第一个版本。
这样可以方便用户对不同版本的文件进行管理和区分。
7. 遵循组织的命名规范。
在一些组织或团队中,可能会有统一的文件命名规范和约定,例如使用特定的前缀或后缀来表示文件的属性。
在这种情况下,用户应该遵循组织的命名规范来命名文件。
总之,合理的文件命名规则可以帮助用户更好地管理和组织文件,提高文件的可读性和可维护性。
用户在命名文件时应该遵循上述的最佳实践,并根据实际情况灵活运用,以便更好地利用文件管理系统。
文件夹英文命名规则
文件夹的英文命名规则通常包括以下几点:
1. 使用简洁明了的名称,文件夹名称应当简洁明了,能够清晰地表达其内容或功能。
2. 避免使用特殊字符,文件夹名称应当避免使用特殊字符,如斜杠(/)、反斜杠(\)、问号(?)、星号()等,以免引起文件路径错误或不兼容。
3. 不要使用保留字符,避免使用操作系统中被保留的特殊字符作为文件夹名称,例如 Windows 中的 CON、PRN、AUX、NUL、COM1 等。
4. 使用连字符或下划线,如果需要在文件夹名称中使用多个单词,可以选择使用连字符(-)或下划线(_)进行连接,以增加可读性。
5. 区分大小写,在一些操作系统中,文件夹名称是区分大小写的,因此在命名时需要注意大小写的使用,以免造成混淆。
总的来说,文件夹的英文命名规则主要是要简洁明了、避免特殊字符和保留字符、使用适当的连接符号,并注意大小写的使用。
希望这些信息能够帮助到您。
Web UI 设计命名规范Web UI 设计命名规范 (1)一.网站设计及基本框架结构: (2)二.需要注意的几点: (2)一.网站设计及基本框架结构:1. Container“container“ 就是将页面中的所有元素包在一起的部分,这部分还可以命名为: “wrapper“, “wrap“, “page“.2. Header“header” 是网站页面的头部区域,一般来讲,它包含网站的logo和一些其他元素。
这部分还可以命名为:“page-header” (或 pageHeader).3. Navbar“navbar“等同于横向的导航栏,是最典型的网页元素。
这部分还可以命名为:“nav”, “navigation”, “nav-wrapper”.4. Menu“Menu”区域包含一般的链接和菜单,这部分还可以命名为: “subNav “, “links“,“sidebar-main”.5. Main“Main”是网站的主要区域,如果是博客的话它将包含的日志。
这部分还可以命名为: “content“, “main-content” (或“mainContent”)。
6. Sidebar“Sidebar” 部分可以包含网站的次要内容,比如最近更新内容列表、关于网站的介绍或广告元素等…这部分还可以命名为: “subNav “, “side-panel“, “secondary-content“.7. Footer“Footer”包含网站的一些附加信息,这部分还可以命名为: “copyright“.二.需要注意的几点:1.尽量考虑为元素命名其本身的作用或”用意”,达到语义化。
不要使用表面形式的命名.如:red/left/big等。
2.组合命名规则:[元素类型]-[元素作用/内容]如:搜索按钮: btn-search登录表单:form-login新闻列表:list-news3.涉及到交互行为的元素命名:凡涉及交互行为的元素通常会有正常、悬停、点击和已浏览等不同样式,命名可参考以下规则:鼠标悬停::hover 点击:click 已浏览:visited如:搜索按钮: btn-search、btn-search-hover、btn-search-visited推荐网页制作规范01 命名规范文件命名的原则:以最少的字母达到最容易理解的意义。
如何规范文件及文件夹命名文件和文件夹的命名规则文件夹规范命名的意义1、沟通的需要让接收方一眼明白文件的主题。
这一点特别是在给同事发邮件的时候显得特别重要,对方可以在不下载文件并打开文件就能够知道文件大概内容,节约对方时间。
2、索引的需要方便快速检索到所需要的文件。
windows电脑自带的搜索工具以及市面上常用的检索软件(如Everything)都是基于文件的名称,无法检索到文件里面内容(macOS可以)。
为了能够使用上述工具快速定位到所需的文件,规范的文件命名就显得尤为重要了。
3、回溯的需要区分版本并随时回溯到以前的版本错误示范:XX终稿、XX终稿最终版、XX终稿最终绝不修改版文件和文件夹的命名的方式1、文件命名命名结构:项目命名词(或项目编号)+文件命名词+文件作者+日期+版本号.文件后缀例如:2016年公司部门工作总结_营销部_大鹏_20170101_V1.0.doc 文件名称由五部分组成:第一部分为阐述文件主题,观其名知大意;第二部分为文件所属类别,如在单位工作的写工作部分、学生人群可写班级等;第三部分为文件创建者;第四部分为当前文件的日期;第五部分为文件阶段标识,用于版本管理。
2、文件夹命名该图片由注册用户"扁扁小迷妹"提供,版权声明反馈命名结构:文件夹名称+开始日期+结束日期例如:Prj_PC PIS Project_20170101_第二个下划线后为空,等待工作结束后添加结束日期即可。
文件夹的命名由三部分组成:第一部分为项目名称;第二部分为项目开始日期;第三部分为项目结束日期。
3、思想指导下的文件命名为了更好的整理自己的文件,可增加了几个特殊的符号,用于标识不同状态的文件:1、!(叹号)——标注重要的文件或者文件夹2、#(井号)——标注等待处理的文件或者文件夹3、@(@号)——标注正在处理的文件或者文件夹对那些处理完毕的文件,应该放在合适的文件夹当中,因此不作特殊符号的标注。
文件夹命名管理方法-概述说明以及解释1.引言1.1 概述文件夹命名管理方法是指在电脑或互联网环境中,对文件夹进行规范的命名和管理的一种方法。
在信息化时代,我们经常会面对大量的文件和文档,如果没有良好的文件夹命名管理方法,会导致文件的管理混乱、查找困难等问题。
因此,合理的文件夹命名管理方法对于提高工作效率和整理文件非常重要。
在文件夹命名的过程中,需要遵循一些基本的原则和规范。
首先,文件夹的命名应该简洁明了,能够快速表达文件夹内所存储的内容。
其次,命名应该具有一定的层次性,可以根据文件的分类和层级进行命名,方便文件的归类和检索。
另外,命名应该避免使用特殊字符和空格,以免引起一些不必要的问题。
最后,命名应该具有一定的可扩展性和适应性,能够应对未来可能发生的变化和添加。
为了更好地管理文件夹,还需要遵循一些常用的文件夹命名规范。
首先,可以使用简短的描述词语对文件夹进行命名,例如使用“工作”、“学习”、“个人”等词语。
其次,可以在命名中加入时间信息,方便对文件根据时间进行排序和查找。
另外,可以在命名中加入项目、部门或者用户信息,以便于多人协同工作和共享文件。
此外,还可以使用数字、字母、下划线等符号进行命名,提高命名的灵活性和可读性。
总之,文件夹命名管理方法是一个重要的文件管理技巧,通过合理的命名和规范的管理,可以提高工作效率和文件整理的便利性。
我们应该遵循一些基本的原则和规范来进行文件夹命名,以便于更好地管理和检索文件。
随着信息化时代的发展,我们需要不断学习和掌握更多的文件夹命名管理方法,以适应工作和学习的需求。
希望通过本文的介绍,读者能够更好地了解文件夹命名管理方法,并在实际应用中得到有效的运用。
1.2文章结构1.2 文章结构文章的结构是指文章的组织和布局方式,为读者提供了一个清晰的脉络和逻辑关系,使读者更容易理解文章的内容。
在本文中,我们将按照以下几个方面展开讨论文件夹命名管理方法。
首先,我们将介绍文件夹命名的概念和背景。
文件夹命名规则如下:
1、文件名长度规定
任何一个文件名最多可使用255个英文字符,如果使用中文字符则不能超过127个汉字。
2、可用字符规定
原则上可以利用键盘输入的英文字母、符号、空格、中文等均可以作为合法字符,但是冒号、左斜杠、问号、星号、引号、左尖括号、右尖括号、竖线不能用在文件命名中。
3、如果空格用在文件名的第一个字符,则忽略不计。
4、英文文件名大小写规定
如果使用英文文件名,则大小写不做区分,但系统可显示用户输入的大小写字符。
文件夹是一种用于归类放置文件,打印纸等文档的容器类文具。
一般在文具店可以购买到。
通常学生和办公室需要用到文件夹。
一般的文件夹只是将纸夹起来方便携带,有一些会有两个环,需要钉孔才能使用。
普通计算机文件夹是用来协助人们管理计算机文件的,每一个文件夹对应一块磁盘空间,它提供了指向对应空间的地址,它没有扩展名,也就不像文件的格式用扩展名来标识。
但它有几种类型,如:文档、图片、相册、音乐、音乐集等等。
文件命名的5种规则文件命名是指对文件的命名方式和规则,它是文件管理的一个重要环节,可以提高文件的组织性和可读性。
以下是五种常见的文件命名规则:1.有意义的命名:2.使用字母、数字和下划线:文件名可以包含字母、数字和下划线,但不建议使用其他特殊字符。
文件名应尽量简洁明了,使用有意义的单词并采用驼峰命名法(例如,“SalesReport_2024_Q1.xlsx”)。
命名时应注意遵守操作系统对于文件名长度和字符的限制。
3.使用日期和版本号:在文件名中添加日期和版本号可以方便对文件进行分类和管理。
例如,“ProjectProposal_2024-10-01_v1.0.docx”表示该文件是一个名为“ProjectProposal”的项目提案,创建于2024年10月1日,版本号为1.0。
这样的命名方式可以帮助用户快速找到最新版本的文件。
4.避免过长的文件名:文件名应尽量简短,避免过长的命名,以提高文件的可读性和易用性。
超过一定长度的文件名可能会导致文件在一些操作系统或应用程序中无法打开或保存,同时也会增加用户记忆和输入的负担。
推荐的文件名长度范围为3到255个字符。
5.统一命名规范:在团队合作中,为了保持文件的一致性和规范性,可以制定并遵守统一的命名规范。
例如,规定所有报告文件以“报告”结尾,所有会议纪要文件以“会议纪要”开头等。
统一的命名规范可以减少混乱和错误,提高文件的组织性和可读性。
总结一下,文件命名的五种规则包括有意义的命名、使用字母、数字和下划线、使用日期和版本号、避免过长的文件名和统一命名规范。
这些规则可以帮助用户更好地管理和组织文件,提高文件的可读性和易用性。
java文件夹命名规则Java文件夹命名规则在Java开发中,文件夹的命名规则是非常重要的。
一个良好的命名规则可以使代码结构清晰,易于维护和阅读。
本文将介绍一些常用的Java文件夹命名规则,帮助开发者更好地组织和管理代码。
1. 源代码文件夹(src)在Java开发中,通常将源代码存放在一个名为src的文件夹中。
这个文件夹下的子文件夹可以按照不同的模块或功能进行划分,以便更好地管理代码。
例如,可以创建一个名为com.example.project 的文件夹来存放项目的源代码。
2. 测试代码文件夹(test)为了保证代码的质量和可靠性,开发者通常会编写一些测试代码来验证程序的正确性。
这些测试代码可以存放在一个名为test的文件夹中。
与源代码文件夹类似,测试代码文件夹也可以按照不同的模块或功能进行划分。
3. 配置文件夹(config)Java应用程序通常需要一些配置文件来指定程序的行为和参数。
这些配置文件可以存放在一个名为config的文件夹中。
开发者可以根据需要创建不同的配置文件,例如数据库配置文件、日志配置文件等。
4. 文档文件夹(doc)为了方便其他开发者理解和使用代码,开发者通常会编写一些文档来说明代码的结构和功能。
这些文档可以存放在一个名为doc的文件夹中。
开发者可以使用Markdown、HTML等格式来编写文档,并将其放在文档文件夹中。
5. 资源文件夹(res)Java应用程序通常需要一些资源文件,例如图片、音频、视频等。
这些资源文件可以存放在一个名为res的文件夹中。
开发者可以根据资源类型创建不同的子文件夹,以便更好地组织和管理资源文件。
6. 工具类文件夹(util)在Java开发中,常常会编写一些工具类来实现一些通用的功能,例如日期处理、字符串处理等。
这些工具类可以存放在一个名为util 的文件夹中。
开发者可以根据功能将工具类进行分类,以便更好地管理和复用。
7. 配置模板文件夹(template)有时候,开发者需要创建一些配置模板,这些模板可以用于生成相应的配置文件。
vue 项目文件命名规则
在Vue项目中,文件命名规则通常遵循以下约定:
1. 组件文件命名:组件文件名应该全部使用小写字母,多个单词之间使用连字符(-)进行分隔。
基本命名模式是“父组件名-子组件名.vue”。
如果一个
组件只有一个文件,则可以直接使用组件名.vue作为文件名。
例如,一个文章列表组件可以被命名为``,一个文章详情组件可以被命名为``。
2. 页面文件命名:页面文件名应该全部使用小写字母,多个单词之间使用连字符(-)进行分隔。
页面的基本命名模式是“页面名称.vue”,例如首页可以被命名为``。
3. 文件夹命名:文件夹命名可以使用大写字母开头PascalBase风格,例如`Components`、`Views`等。
4. 文件内组件命名:在单个文件中,组件的命名应该使用PascalBase风格,例如``、``等。
5. 图片命名:图片文件名应该全部使用小写字母,多个单词之间使用连字符(-)进行分隔。
例如,一个名为``的图片可以被用于头像。
6. 路由文件命名:路由文件名通常以大写字母开头,例如``或``。
7. 状态管理文件命名:状态管理相关的文件命名可以根据具体的状态管理模式(如Redux、Vuex等)进行约定。
通常以状态管理模式名称作为前缀,例如``或``。
这些是常见的Vue项目文件命名规则,旨在提高代码的可读性和可维护性。
在实际开发中,也可以根据项目的具体情况和团队约定进行适当的调整。
文件的命名规则文件的命名规则是指在计算机系统中对文件进行命名时所遵循的一系列规定和约定。
良好的文件命名规则能够帮助用户更好地管理和组织文件,提高工作效率。
在不同的操作系统和软件中,文件命名规则可能会有所不同,但总体上都包括以下几个方面:1. 使用有意义的文件名。
良好的文件名应该能够准确地描述文件的内容,让用户一目了然。
避免使用过于简单或含糊不清的文件名,例如“文档1”、“报告2”等,这样的文件名会给文件管理带来困难。
2. 使用合法的字符。
文件名中应该只包含合法的字符,通常包括字母、数字、下划线和连字符等。
避免使用特殊字符或空格,这样可以确保文件在不同的操作系统和软件中都能够正常使用。
3. 区分大小写。
在一些操作系统中,文件名是区分大小写的,因此在命名文件时需要注意大小写的使用,避免出现同名但大小写不同的文件。
4. 保持简洁。
文件名应该尽量保持简洁,避免过长的文件名,这样可以方便文件的查找和管理。
可以使用缩写或简化的方式来命名文件,但要确保不影响文件的识别和理解。
5. 使用日期和版本号。
对于需要经常更新的文件,可以在文件名中加入日期和版本号,以便区分不同版本的文件。
这样可以避免混淆和错误的使用旧版本的文件。
6. 避免特殊符号。
在文件命名中应该避免使用特殊符号,如@、#、$等,因为这些符号在不同的操作系统和软件中可能会引起问题。
7. 遵循规范。
在使用特定软件或操作系统时,应该遵循其文件命名规范,以确保文件能够正常使用和管理。
总的来说,良好的文件命名规则能够帮助用户更好地管理和组织文件,提高工作效率。
遵循文件命名规则可以让文件更易于识别和查找,减少混乱和错误的发生。
因此,无论是个人用户还是企业用户,在命名文件时都应该注意遵循文件命名规则,以便更好地管理和利用文件。
文件命名的5种规则
1、使用简洁的单词和短语:文件名最好用单词和短语表示其内容,应该尽可能限制每个文件名的长度,也不要使用过长的句子作为文件名。
2、避免使用空格和特殊字符:空格和特殊字符如星号(*),问号(?),它们会带来一些操作上的麻烦,有时这些特殊符号在操作系统等中会被忽略,造成无法打开文件的情况。
3、不要使用过于宽泛的术语:如果采用过于宽泛的名词,而不是更具体的名词来命名文件,可能会导致文件无法被找到或者被识别。
4、避免命名文件时使用大小写:操作系统(尤其是Unix操作系统)会将大小写作为不同的文件,有些软件对文件名大小写也有要求,比如说大小写可能会造成脚本文件运行失败的情况。
5、使用日期格式:在文件名中使用时间格式可以帮助我们更容易识别文件,比如例如备份文件需要使用日期来区分,这样可以很方便的区分出新备份的文件。
第一部分:目录、文件、CSS命名方式
文件夹与文件名称、CSS样式命名、程序中的一些控件等等:
名称全部用小写英文字母、数字、下划线的组合,其中不得包含汉字、空格和特殊字符;目录名应以英文、拼音为主(不到万不得已不要以拼音作为目录名称,经验证明,用拼音命名的目录往往连一个月后的自己都看不懂)。
尽量用一些大家都能看懂的词汇。
使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义。
而且当我们在文件夹中使用“按名称排例”的命令时,同一种大类的文件能够排列在一起,以便我们查找、修改、替换、计算负载量等等操作。
例如:images(图形文件),flash(Flash文件)等。
命名方式:(性质_描素_位置_分类_数量)项相结合,采用简写、组合的方式形成通用规则。
例如:
news (性质)
news_title (性质_描素)
news_title_top (性质_描素_位置)
news_title_top_01 (性质_描素_位置_数量)
news_title_top_a_01 (性质_描素_位置_分类_数量)
news_title_top_b_01 (性质_描素_位置_分类_数量)
常用目录名:
data(数据库) images(图片) install (安装) templets (模版) include (包含) admin (后台) rss (定阅) media (媒体) config (配置) Script (脚本) Language (语言) style (样式)等……
常用CSS名:
页面外围控制整体布局宽度:wrapper头:header内容:content/container页面主体:main侧栏:sidebar尾:footer等……
更多命名查看: /post/41.html
第二部分:结构(XHTML)
网站的前端结构与表现分离,达到95%以上。
正式上线后的网页代码结构要清晰、明朗,容易阅读,布局与结构的镶套尽量控制在4-5层以内,严格遵循w3c的xhtml1.0 Transtitonal。
并遵循以下原则:
1. DDT类型:XHTML 1.0 Transitional
2. 编码:utf-8
3. 元标记必须项:
<meta name="keywords" content="" /> 该页面的关键词概况
<meta name="description" content="" /> 该页面的简要描述
<meta name="robots" content="all" />
具体内容根据SEO要求设置
4. Html代码中的所有标签遵循XHTML 1.0的书写规范,包括:
a) 标签全部使用小写;
b) 标签全部闭合;
c) 所有属性必须有值而且用双引号;
d) 把所有<和&特殊符号用编码表示;
e) 所有的标签必须合理嵌套;
f) 注释中不要使用-------- 如这样写是错误的:<!-- 注释------------注释-->;
5. 标签有语意:
a) 布局排版用<div>;
b) 标题用<h1>——<h6>;
c) 段落用<p>;无序列表用<ul>,有序列表用<ol>;
6. 放弃不被IE支持的标签,如<abbr;放弃不被w3c推荐的html4标签,如:<center><font><b>等等;
7. title的合理应用:<a>标签必须用title;<img>必须赋予alt值;<div>可以用title 说明;
8. 根据网站的结构,对HTML进行模块化,比如:信息页面的头部尾部的通用文件,功能页面的头部尾部的通用文件,分页文件,可以模块化的信息列表模块。
9. JS:页面中的JS处理成外部文件,不能在页面中使用大量JS脚本,同时注意js 文件调用的位置,比如统计代码跟页面的加载没有任何关系,必须放在页面最底部;
10. 尽量不要使用框架;
11. 为表单添加<lable>标签;
12. 所有页面都需要定义背景颜色,系统默认值是可以被用户随意更改的
13. 图片采用gif, jpg,png压缩格式,以减小页面下载数据量,<img>标记要有width,height 属性
第三部分:表现(CSS)
1. CSS文件作为外部链接,在页面的<head>区链接调用,位置在元标记结束下一行,JS调用的上一行。
视情况可以在页面中书写内联样式<style></style>,用于定义此页面特殊的样式和覆盖CSS样式库中一定需要更改覆盖的样式,位置在外部链接样式表的下一行;
2. CSS文件视重要程度添加注释,方法为/* 注释*/ ;
3. CSS选择器命名书写规范:
#idname , .classname {
width: %或px\em;
height: %或px\em;
margin:
border:
padding:
---------------------------------------------------------容器长宽确定
background: #fff url() repeat left bottom fixed 1px 2px;
color:
"FONT-SIZE: 9.5pt;">宋体”, Arial, Helvetica,sans-serif;
font-size:
line-height:
---------------------------------------------------------容器内容格式
display:
visibility:
overflow:
position:
top:
right:
bottom:
left:
float:
clear:
---------------------------------------------------------容器布局
}
每一个属性结尾都必须写分号,其中有的值如果不需要,可以不写,大体上是这样的顺序,也符合思考的顺序。
4. 有几点注意事项:
a) "FONT-SIZE: 9.5pt;">必须以sans-serif字体做结尾;
b) 减少样式数量,尽量重复使用;
c) 必须清除float;
d) 单位:使用像素(px);
e) 颜色值:使用#RRGGBB格式
第四部分:UE指导原则
1. 网站LOGO的视觉统一,网站主体的视觉风格、文本颜色、链接颜色、修饰图片风格以及按钮和表单控件的视觉进行统一;
2. 为每一个页面设定一个最合适的标题<title>,使用户和搜索引擎一目了然知道页面的主题;
3. 为大部分页面加入元标记,即<meta>相关内容,描述页面属性;在最终页<link>加入具有亲和力的版权说明、免责声明、交互设计说明文档的链接地址;
4. 页面中必须有回到“首页”的链接——一般做法是将站点LOGO加上首页的链接,最好还是有回到首页的文字链接;
5. 如果网站栏目很多,要让用户知道所处的页面属于哪个栏目之下,以及很轻松的可以回到上一级栏目——标签是一种不错的方法;
6. 现在位置。
如果上一条原则处理的很好,“现在位置”可以去掉;
7. 搜索。
合理的放置搜索表单,最好在首屏,并且确保搜索结果的准确性;
表单设计原则:
1. 面向菜鸟和专业用户,填写项尽量精简,做简单的填写说明,仅放置与填写表单相关的链接,避免用户通过其他链接转移视线到别的地方,从而放弃填写表单
2. 清晰的验证——告诉用户为什么出现错误,并引导正确的填写;
3. 如果完成表单任务需要多个步骤,需要用图形或文字表明所需的步骤,以及当前正在进行的步骤——使用户知道离成功还有多远;
4. 如果可能,尽量先放置input、textaera等需要键盘输入的项,再放置下拉、单选、复选等键盘操作的项,紧接着是“提交”按钮——就是说,减少键盘操作被鼠标操作打断的次数;
5. 文本域允许更改内容的文本格式,比如加粗、字体大小、超链接、图片等等,而且,尽量让此内容与用户完成发布以后的内容格式相同;
6. 提供将表单保存为草稿的功能;
7. 设计符合习惯的表单。