一、文件規范
文件命名統一用小寫的英文字母,數字和下劃線組合,不得包含漢字。空格和特殊字符
二、圖片命名
圖片的名稱分為頭尾兩部分,用下劃線隔開,頭部表示此圖片的大類性質
三、javascript命名
eg:廣告條:ad.js
可以用-隔開來命名
四、css書寫規范
css樣式可細分為3類:
a:樣式為設計師自定義的新css樣式,影響被使用本樣本式的區域,用于完成網頁中局部的樣式設定,樣式名“.”+“相應樣式效果的單詞或縮寫”,例:.shadow
b:義html樣式為設計師重新定義自己已有的html標簽樣式,影響全部的被設定標簽樣式,用于同一網頁中某一標簽的樣式定義,樣式名“html標簽”,例:hr{color:#0094ff}
c:態樣式為設計師對鏈接不同狀態設定的特殊樣式,影響被使用本樣式區域中的鏈接,該樣式寫法有2中:a.anv:link
nav.a:link
,第一種是修飾a標簽中,第二種可以修飾所有包含a標簽的其他標簽
五:常用規范命名
一些常用的css 命名
頁頭:header
登錄條:loginbar
標志:logo
側欄:sidebar
廣告:banner
導航:nav
子導航:subnav
菜單:menu
子菜單:submenu
搜索:search
滾動:scroll
頁面主體:main
內容:content
標簽頁:tab
文章列表:list
提示信息:msg
小技巧:tips
欄目標題:title
加入:joinus
指南:guild
服務:service
熱點:hot
新聞:news
下載:download
注冊:regsiter
狀態: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
菜單內容1: menu1content
菜單容量: menucontainer
子菜單: submenu
邊導航圖標:sidebarIcon
注釋: note
面包屑: breadcrumb(即頁面所處位置導航提示)
容器: container
內容: content
搜索: search
登陸: Login
功能區: shop(如購物車,收銀臺)
當前的 current
在編輯樣式表時可用的注釋可這樣寫
<-- Footer -->
內容區
<-- End Footer -->
樣式文件命名
主要的 master.css
布局,版面 layout.css
專欄 columns.css
文字 font.css
打印樣式 print.css
主題 themes.css
網站常用中英文對照表
網站導航 Site Map
公司簡介 Profile or Company Profile or Company
公司設備 Equipment Equipment
公司榮譽 Glories Glories
企業文化 Culture Culture
產品展示 Product Product
資質認證 Quality Certification
企業規模 Scale Scale
營銷網絡 Sales Network
組織機構 organization organization
合作加盟 Join In Cooperation
技術力量 Technology Technology
經理致辭 Manager s oration
發展歷程 Development History
工程案例 Engineering Projects
業務范圍 Business Scope
分支機構 Branches
供求信息 Supply & Demand
經營理念 Operation Principle
產品銷售 Sales Sales
聯系我們 Contact Us Contact Us
信息發布 Information Information
返回首頁 Homepage Homepage
產品定購 order order
分類瀏覽 Browse By Category
電子商務 E-business
公司實力 Strength Strength
版權所有 Copy Right
友情連結 Hot Link
應用領域 Application Fields
人力資源 Human Resource Hr
領導致辭 Leader`s oration
企業資質 Enterprise Qualification
行業新聞 Trade News
行業動態 Trends
客戶留言 Customer Message
客戶服務 Customer Service
新聞動態 News & Trends
公司名稱 Company Name
銷售熱線 Sales Hot-Line
聯系人 Contact Person
您的要求 Your Requirements
建設中 In Construction
證書 Certificate Certificate
地址 ADD Add
郵編 Postal Code Zipcode
電話 TEL Tel
傳真 FAX Fax
產品名稱 Product Name
產品說明 Description Description
價格 Price
品牌 Brand
規格 Specification
尺寸 Size
生產廠家 Manufacuturer Manufacturer
型號 Model
產品標號 Item No.
技術指標 Technique Data
產品描述 Description
產地 Production Place
銷售信息 Sales Information
用途 Application
論壇 Forum
在線訂購 On-line order
招商 Enterprise-establishing
招標 Bid Inviting
綜述 General
業績 Achievements
招聘 Join Us
求賢納士 Join Us
大事 Great Event
動態 Trends
服務 Service
投資 Investment
行業 Industry
規劃 Programming
環境 Environment
發送 Delivery
提交 Submit
重寫 Reset
登錄 Enter
注冊 Login
社區 Community
業務介紹 Business Introduction
在線調查 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]注:這樣編寫可以提高樣式的執行效率,雖說小的變動,對于大型網站是有很大幫助的哦!
六、基本樣式
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; }
七:網頁制作細節
a:網頁顯示字符集
簡體中文<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">
網頁制作作者信息<meta name="author" content="webmaster@makerowm.com">
網站簡介<meta name="descrlption" content="xxxxxxxxxxx" >
索搜關鍵字<meta name="keywords" content="xxxxxxxxxxx" >
禁止瀏覽器沖本地機的緩存中調閱網頁內容
<meta http-equiv="pragma" content="no-cache">
用來防止別人在框架里面調用你的頁面
<meta http-equiv="window-target" content="_top">
設定網頁的到期時間,一旦網頁過期,必須到服務器上重新調閱
<meta http-equiv="expires" content="web,26 Feb 1997 08:21:57 GMT">
自動跳轉
<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">