一、文件規(guī)范
文件命名統(tǒng)一用小寫的英文字母形导，數(shù)字和下劃線組合环疼，不得包含漢字《涓空格和特殊字符
二炫隶、圖片命名
圖片的名稱分為頭尾兩部分，用下劃線隔開阎曹，頭部表示此圖片的大類性質(zhì)
三煞檩、javascript命名
eg:廣告條：ad.js
可以用-隔開來命名
四斟湃、css書寫規(guī)范
css樣式可細分為3類：
a:樣式為設計師自定義的新css樣式桐早，影響被使用本樣本式的區(qū)域，用于完成網(wǎng)頁中局部的樣式設定友存，樣式名“.”+“相應樣式效果的單詞或縮寫”,例：.shadow
b：義html樣式為設計師重新定義自己已有的html標簽樣式屡立，影響全部的被設定標簽樣式膨俐，用于同一網(wǎng)頁中某一標簽的樣式定義焚刺，樣式名“html標簽”,例：hr{color:#0094ff}
c:態(tài)樣式為設計師對鏈接不同狀態(tài)設定的特殊樣式乳愉，影響被使用本樣式區(qū)域中的鏈接，該樣式寫法有2中：a.anv:link nav.a:link,第一種是修飾a標簽中捕虽，第二種可以修飾所有包含a標簽的其他標簽
五：常用規(guī)范命名
一些常用的css 命名
頁頭：header
登錄條：loginbar
標志：logo
側(cè)欄：sidebar
廣告：banner
導航：nav
子導航：subnav
菜單：menu
子菜單：submenu
搜索：search
滾動：scroll
頁面主體：main
內(nèi)容：content
標簽頁：tab
文章列表：list
提示信息：msg
小技巧：tips
欄目標題：title
加入：joinus
指南：guild
服務：service
熱點：hot
新聞：news
下載：download
注冊：regsiter
狀態(tài)：status
按鈕：btn
投票：vote
合作伙伴：partner
友情鏈接：friendlink
頁腳：footer
版權：copyright
CSS ID 的命名
外 套： wrap
主導航： mainnav
子導航： subnav
頁 腳： footer
整個頁面： content
頁 眉： header
頁 腳： footer
商 標： label
標 題： title
主導航： mainbav（globalnav）
頂導航： topnav
邊導航： sidebar
左導航： leftsidebar
右導航： rightsidebar
旗 志： logo
標 語： banner
菜單內(nèi)容1： menu1content
菜單容量： menucontainer
子菜單： submenu
邊導航圖標：sidebarIcon
注釋： note
面包屑： breadcrumb(即頁面所處位置導航提示）
容器： container
內(nèi)容： content
搜索： search
登陸： Login
功能區(qū)： shop(如購物車泄私，收銀臺)
當前的 current
在編輯樣式表時可用的注釋可這樣寫
<-- Footer -->
內(nèi)容區(qū)
<-- End Footer -->
樣式文件命名
主要的 master.css
布局晌端，版面 layout.css
專欄 columns.css
文字 font.css
打印樣式 print.css
主題 themes.css
網(wǎng)站常用中英文對照表
網(wǎng)站導航 Site Map
公司簡介 Profile or Company Profile or Company
公司設備 Equipment Equipment
公司榮譽 Glories Glories
企業(yè)文化 Culture Culture
產(chǎn)品展示 Product Product
資質(zhì)認證 Quality Certification
企業(yè)規(guī)模 Scale Scale
營銷網(wǎng)絡 Sales Network
組織機構 organization organization
合作加盟 Join In Cooperation
技術力量 Technology Technology
經(jīng)理致辭 Manager s oration
發(fā)展歷程 Development History
工程案例 Engineering Projects
業(yè)務范圍 Business Scope
分支機構 Branches
供求信息 Supply & Demand
經(jīng)營理念 Operation Principle
產(chǎn)品銷售 Sales Sales
聯(lián)系我們 Contact Us Contact Us
信息發(fā)布 Information Information
返回首頁 Homepage Homepage
產(chǎn)品定購 order order
分類瀏覽 Browse By Category
電子商務 E-business
公司實力 Strength Strength
版權所有 Copy Right
友情連結(jié) Hot Link
應用領域 Application Fields
人力資源 Human Resource Hr
領導致辭 Leader`s oration
企業(yè)資質(zhì) Enterprise Qualification
行業(yè)新聞 Trade News
行業(yè)動態(tài) Trends
客戶留言 Customer Message
客戶服務 Customer Service
新聞動態(tài) News & Trends
公司名稱 Company Name
銷售熱線 Sales Hot-Line
聯(lián)系人 Contact Person
您的要求 Your Requirements
建設中 In Construction
證書 Certificate Certificate
地址 ADD Add
郵編 Postal Code Zipcode
電話 TEL Tel
傳真 FAX Fax
產(chǎn)品名稱 Product Name
產(chǎn)品說明 Description Description
價格 Price
品牌 Brand
規(guī)格 Specification
尺寸 Size
生產(chǎn)廠家 Manufacuturer Manufacturer
型號 Model
產(chǎn)品標號 Item No.
技術指標 Technique Data
產(chǎn)品描述 Description
產(chǎn)地 Production Place
銷售信息 Sales Information
用途 Application
論壇 Forum
在線訂購 On-line order
招商 Enterprise-establishing
招標 Bid Inviting
綜述 General
業(yè)績 Achievements
招聘 Join Us
求賢納士 Join Us
大事 Great Event
動態(tài) Trends
服務 Service
投資 Investment
行業(yè) Industry
規(guī)劃 Programming
環(huán)境 Environment
發(fā)送 Delivery
提交 Submit
重寫 Reset
登錄 Enter
注冊 Login
社區(qū) Community
業(yè)務介紹 Business Introduction
在線調(diào)查 Online Inquiry Inquiry
下載中心 Download
會員登陸 Member Entrance
意見反饋 Feedback
常見問題 FAQ
中心概況 General Profile
教育培訓 Education & Training
游樂園 Amusement Park
在線交流 Online Communication
專題報道 Special Report
CSS編寫順序
[color=Blue]樣式表的屬性編寫技巧
顯示屬性
display
list-style
position
float
clear
自身屬性
width
height
margin
padding
border
background
文本屬性
color
font
text-decoration
text-align
vertical-align
whitewhite-space
other text
content
[color=Red]注：這樣編寫可以提高樣式的執(zhí)行效率觉既，雖說小的變動乳幸，對于大型網(wǎng)站是有很大幫助的哦！
六瓶埋、基本樣式
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:12px; }
ul, ol { list-style:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }
七：網(wǎng)頁制作細節(jié)
a:網(wǎng)頁顯示字符集
簡體中文<meta http-wquiv="Content" Content=text/html; charset=gb2312">
繁體中文<meta http-wquiv="Content" Content=text/html; charset=utf-8">
英語<meta http-wquiv="Content" Content=text/html; charset=utf-8">
網(wǎng)頁制作作者信息<meta name="author" content="webmaster@makerowm.com">
網(wǎng)站簡介<meta name="descrlption" content="xxxxxxxxxxx" >
索搜關鍵字<meta name="keywords" content="xxxxxxxxxxx" >
禁止瀏覽器沖本地機的緩存中調(diào)閱網(wǎng)頁內(nèi)容
<meta http-equiv="pragma" content="no-cache">
用來防止別人在框架里面調(diào)用你的頁面
<meta http-equiv="window-target" content="_top">
設定網(wǎng)頁的到期時間，一旦網(wǎng)頁過期晕粪，必須到服務器上重新調(diào)閱
<meta http-equiv="expires" content="web,26 Feb 1997 08:21:57 GMT">
自動跳轉(zhuǎn)
<meta http-equiv="Refresh" content="5,URL=http://www.taobao.com">
頁面不會有緩存
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache,must-revalidate">
<meta http-equiv="expires" content="0">
