网页html制作目录文件及CSS命名规范总结_个人日志_王虹力主页_我的联盟
最新晋级设计师
当前位置： >
网页html制作目录文件及CSS命名规范总结
发布于: 09:00 | 点击:673 | 评论:2
第一部分：目录、文件、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。
并遵循以下原则：
DDT类型：XHTML 1.0 Transitional
编码：utf-8
元标记必须项：
&meta name=&keywords& content=&& /& 该页面的关键词概况
&meta name=&description& content=&& /& 该页面的简要描述
&meta name=&robots& content=&all& /&
具体内容根据SEO要求设置
Html代码中的所有标签遵循XHTML 1.0的书写规范，包括：
标签全部使用小写；
标签全部闭合；
所有属性必须有值而且用双引号；
把所有&和&特殊符号用编码表示；
所有的标签必须合理嵌套；
注释中不要使用 --------
如这样写是错误的：&!-- 注释------------注释 --&；
标签有语意：
布局排版用&div&；
标题用&h1&――&h6&；
段落用&p&；无序列表用&ul&，有序列表用&ol&；
放弃不被IE支持的标签，如&abbr；放弃不被w3c推荐的html4标签，如：&center&&font&&b&等等；
title的合理应用：&a&标签必须用title；&img&必须赋予alt值；&div&可以用title说明；
根据网站的结构，对HTML进行模块化，比如：信息页面的头部尾部的通用文件，功能页面的头部尾部的通用文件，分页文件，可以模块化的信息列表模块。
JS：页面中的JS处理成外部文件，不能在页面中使用大量JS脚本，同时注意js文件调用的位置，比如统计代码跟页面的加载没有任何关系，必须放在页面最底部；
尽量不要使用框架；
为表单添加&lable&标签；
所有页面都需要定义背景颜色，系统默认值是可以被用户随意更改的
图片采用gif, jpg,png压缩格式，以减小页面下载数据量，&img&标记要有width,height属性
第三部分：表现（CSS）
CSS文件作为外部链接，在页面的&head&区链接调用，位置在元标记结束下一行，JS调用的上一行。视情况可以在页面中书写内联样式&style&&/style&，用于定义此页面特殊的样式和覆盖CSS样式库中一定需要更改覆盖的样式，位置在外部链接样式表的下一行；
CSS文件视重要程度添加注释，方法为 /* 注释 */ ；
CSS选择器命名书写规范：
#idname , .classname {
width: %或px\
height: %或px\
---------------------------------------------------------容器长宽确定
background: #fff url() repeat left bottom fixed 1px 2
&FONT-SIZE: 9.5&&宋体”, Arial, Helvetica,sans-
font-size:
line-height:
---------------------------------------------------------容器内容格式
visibility:
---------------------------------------------------------容器布局
每一个属性结尾都必须写分号，其中有的值如果不需要，可以不写，大体上是这样的顺序，也符合思考的顺序。
有几点注意事项：
&FONT-SIZE: 9.5&&必须以sans-serif字体做结尾；
减少样式数量，尽量重复使用；
必须清除float；
单位：使用像素（px）；
颜色值：使用#RRGGBB格式
第四部分：UE指导原则
网站LOGO的视觉统一，网站主体的视觉风格、文本颜色、链接颜色、修饰图片风格以及按钮和表单控件的视觉进行统一；
为每一个页面设定一个最合适的标题&title&，使用户和搜索引擎一目了然知道页面的主题；
为大部分页面加入元标记，即&meta&相关内容，描述页面属性；在最终页&link&加入具有亲和力的版权说明、免责声明、交互设计说明文档的链接地址；
页面中必须有回到“首页”的链接――一般做法是将站点LOGO加上首页的链接，最好还是有回到首页的文字链接；
如果网站栏目很多，要让用户知道所处的页面属于哪个栏目之下，以及很轻松的可以回到上一级栏目――标签是一种不错的方法；
现在位置。如果上一条原则处理的很好，“现在位置”可以去掉；
搜索。合理的放置搜索表单，最好在首屏，并且确保搜索结果的准确性；
表单设计原则:
面向菜鸟和专业用户，填写项尽量精简，做简单的填写说明，仅放置与填写表单相关的链接，避免用户通过其他链接转移视线到别的地方，从而放弃填写表单
清晰的验证――告诉用户为什么出现错误，并引导正确的填写；
如果完成表单任务需要多个步骤，需要用图形或文字表明所需的步骤，以及当前正在进行的步骤――使用户知道离成功还有多远；
如果可能，尽量先放置input、 textaera等需要键盘输入的项，再放置下拉、单选、复选等键盘操作的项，紧接着是“提交”按钮――就是说，减少键盘操作被鼠标操作打断的次数；
文本域允许更改内容的文本格式，比如加粗、字体大小、超链接、图片等等，而且，尽量让此内容与用户完成发布以后的内容格式相同；
提供将表单保存为草稿的功能；
设计符合习惯的表单。
Web 开发的分散性和交互性，决定了 Web 开发必须遵从一定的开发规范和技术约定，只有每个开发人员都按照一个共同的规范去设计、沟通、开发、测试、部署，才能保证整个开发团队协调一致的工作，从而提高开发工作效率，提升工程项目质量。本规范并不是一个一成不变的必须严格遵守的条文，特殊情况下要灵活运用，做一定的变通，仅供个人参考，如果有任何问题，请及时与我联系，布丁足迹，QQ: 我会及时更改。
发表你的评论扫扫二维码，随身浏览文档
手机或平板扫扫即可继续访问
网站目录、文件命名规范
举报该文档为侵权文档。
举报该文档含有违规或不良信息。
反馈该文档无法正常浏览。
举报该文档为重复文档。
推荐理由：
将文档分享至：
分享完整地址
文档地址：
粘贴到BBS或博客
flash地址：
支持嵌入FLASH地址的网站使用
html代码：
&embed src='/DocinViewer-.swf' width='100%' height='600' type=application/x-shockwave-flash ALLOWFULLSCREEN='true' ALLOWSCRIPTACCESS='always'&&/embed&
450px*300px480px*400px650px*490px
支持嵌入HTML代码的网站使用
您的内容已经提交成功
您所提交的内容需要审核后才能发布，请您等待！
3秒自动关闭窗口鲁大师粉丝
帖子7661&积分4843&威望630 &鲁币6321 &在线时间2884 小时&注册时间&最后登录&
QQ根目录users文件夹内个人QQ号命名文件夹内文件详解
kuer2010：随着版本升级，腾讯对文件名稍作改动。以下部分文件名引用QQ2008
在QQ的安装目录下以你的QQ号码为名字的文件夹里有几个关键文件，保存着你的QQ的一些信息，如果用好了它们，可以玩出一些有趣的花样，用来捉弄人也可以。
　　MsgEx.db文件：是你正常登陆过QQ后生成的，如果删除该文件QQ就会无法正常登陆!不过，如果用其他QQ号码文件夹下的同名文件覆盖它，则可以正常登陆。 （这个是消息记录，要备份消息记录就是这个东东）
　　ewh.db文件：同样是正常登陆后生成的文件，它用来管理密码。可以这样玩:如果删除该文件QQ或用其他QQ号码的同名文件取代它，无论怎样都会显示密码不正确。但是如果用注册向导来登陆，则可以修复密码正常登陆。
　　notes.db文件:是QQ的备忘录管理文件，可以这样玩:将其他QQ号码文件下的notes.db文件复制到自己的QQ号码文件夹下，然后使用你的QQ登陆，之后就可以看到被复制的QQ的备忘录管理。
　　User.db文件（适用于被盗用户找回好友）：是好友列表文件，可以这样使用：将其他QQ号码下的该文件复制到自己的QQ号码文件夹中，然后用的你的QQ正常登陆后，你的QQ好友就会消失，显示的是被复制的QQ的所有好友列表，可以看到对方的好友喽。要说明的是，复制后出现的好友名单，给他们发送消息的话，他们不会收到任何消息，因为他们只是一些镜像QQ好友，并非你真正的QQ好友。如果是用注册向导来登陆自己的QQ，则可以让自己的QQ好友名单再显示出来。
　　QQAVFile文件夹:如果正常登陆过QQ，就会有该文件夹，没有它就表示该QQ号码在电脑上没有正常登陆过。 （这个是QQ形象文件）
　　CustomFace文件夹：里面装着自定义表情。可以这样玩:熟悉操作系统的同志可以在这里对你的自定 义表情进行编辑和整理。（这个应该是很有用的）
　　CustomFaceRecv文件夹：里面装着所有曾收到的自定义表情。可以这样玩:可以用图片浏览器直接打开查看。有时想把原来看到的图再找出来，到这个文件夹里一定能找到。
Plugin插件管理文件夹目录：
pluginList.db 插件列表
Com.Tencent.Advertisement 广告
Com.Tencent.AudioVideo 语音视频
Com.Tencent.Bookmark QQ书签
Com.Tencent.CRM 企业好友
Com.Tencent.FileTransfer 文件传送
Com.Tencent.GameLife 游戏人生
Com.Tencent.Graffito 会员涂鸦表情
Com.Tencent.Mail QQ邮箱
Com.Tencent.Memo 网络备忘录
Com.Tencent.MMOG QQ网游
Com.Tencent.NetBar 网吧好友
Com.Tencent.NetDisk 网络硬盘、群共享
Com.Tencent.PaiPai 拍拍购物
Com.Tencent.PaiPaiGift 送礼许愿
Com.Tencent.PayCenter 我的钱包、财富通
Com.Tencent.QBar Q吧
Com.Tencent.QQGame QQ游戏
Com.Tencent.QQLive QQ直播
Com.Tencent.QQMusic QQ音乐
Com.Tencent.QQPet QQ宠物
Com.Tencent.QQRing 会员炫铃
Com.Tencent.QQShow QQ秀
Com.Tencent.QQVip 会员登录
Com.Tencent.QQVipMisc 会员选项菜单
Com.Tencent.QQWebsite QQ订阅、腾讯图书
Com.Tencent.Qzone QQ空间
Com.Tencent.RemoteHelp 远程协助
Com.Tencent.SNSApp 好友印象
Com.Tencent.SoBar 搜吧
Com.Tencent.Soso SOSO搜索
Com.Tencent.Stock 股市行情资讯
Com.Tencent.taotao 滔滔
Com.Tencent.Today 迷你首页
Com.Tencent.VAS 会员增值业务
Com.Tencent.TMMisc TM生活帮手
Com.Tencent.Weather 天气预报、地理位置
Com.Tencent.WenWen 问问
Com.Tencent.Winks 会员魔法表情
Com.Tencent.Wireless 无线QQ、手机短信
(127.31 KB)
帖子1475&积分1608&威望109 &鲁币3541 &在线时间339 小时&注册时间&最后登录&
近期上课，没空。
硬件求助天使
帖子992&积分1090&威望56 &鲁币1968 &在线时间127 小时&注册时间&最后登录&
还有不让删除啊ASP批量重命名函数，并将批量重命名的文件夹移动到新目录中，批量文件改名，可继续完善到你的ASP程序中。
&% @LANGUAGE = VBSCRIPT %&
&%Option Explicit%&
'批量重命名文件夹中的文件名，并将所有文件移动到新的文件夹；
Response.Write &&html&& & VbCrLf & &&head&& & VbCrLf
Response.Write &&title&批量文件改名&/title&& & VbCrLf
Response.Write &&/head&& & VbCrLf & &&body&& & VbCrLf
' 变量说明
Dim gbolGoProcedure
Dim strFromDir '源文件夹
Dim strTargetDir '新文件夹
Dim objRootFolder
Dim objFile
Dim strFileNameLen
Dim strPrevFileName
Dim strFileExt '文件扩展名
Dim strFileNameCount
Dim strNewFileName
Dim strRealCount '处理的文件数量
gbolGoProcedure = False
' 如果点击了开始按钮，进行以下处理
If (Request.Form(&GoButton&)) = & 开 始 & then
' 指定源文件夹、新文件夹
　strFromDir = &test&
　strTargetDir = &test1&
　' 将处理文件数量设置为0
　strRealCount = 0
　Set objFS = Server.CreateObject(&Scripting.FileSystemObject&)
　Set objRootFolder = objFS.GetFolder(strTargetDir)
　'文件名的具体设置，这里设置为100001，表明文件名将从100001
　'开始，逐步递增，可以根据需要设置；
　strFileNameCount = 100001
For each objFile in objRootFolder.Files
　'对于特定的文件，不进行处理，可以根据需要设置；
　If objFile.Name = &Thumbs.db& then strFileNameCount = StrFileNameCount - 1
　strFileNameCount = strFileNameCount + 1
Set objRootFolder = objFS.GetFolder(strFromDir)
For each objFile in objRootFolder.Files
　strFileNameLen = Len (objFile.Name)
　If Mid (objFile.Name,(strFileNameLen - 3),1) = &.& then
　　strFileExt = right(objFile.Name, 4)
　　strFileExt = right(objFile.Name, 5)
　strPrevFileName = objFile.Name
　strNewFileName = strFileNameCount & strFileExt
　objFile.Move strTargetDir & strNewFileName
　Response.Write &源文件: & &strFromDir&strPrevFileName & & & 移动并改名为: & &strTargetDir& strNewFileName & &&br&& & vbCrLF
　strFileNameCount = strFileNameCount + 1
　strRealCount = strRealCount + 1
　Response.Write &&p&&b&一共处理： & & (strRealCount) & & 个文件&/B&& & vbCrLf
　Set objRootFolder = Nothing
　Set objFS = Nothing
　gbolGoProcedure = True
If gbolGoProcedure Then
　Response.Write(&&p&&b&批量文件批量移动和改名&/b&&) & vbCrLf
　Response.Write(&&center&&br&&form method=&&post&& action=&&FileNameConverter.asp&& 　ID=form1 name=&&form1&&&&) & vbCrLf
　Response.Write(&&input type=&&SUBMIT&& value=&& 开 始 && ID=&&GoButton&& 　name=&&GoButton&&&&) & vbCrLf
　Response.Write(&&/form&&) & vbCrLf
　Response.Write(&&p&&b&点击按钮对文件进行批量移动和改名&/b&&/center&&) & VbCrLf
Response.Write &&/body&& & VbCrLf & &&/html&&
本类推荐文章
本类最新更新
最新源码下载