[b]樣式文件命名[/b]
[quote]主要的 master.css
布局,版面 layout.css
專欄 columns.css
文字 font.css
打印樣式 print.css
主題 themes.css [/quote]
[b]CSS ID 的命名[/b]
登錄條:loginbar
標志:logo
側欄:sidebar
廣告:banner
導航:nav
子導航:subnav
菜單:menu
子菜單:submenu
搜索:search
滾動:scroll
頁面主體:main
內容:content
標簽頁:tab
文章列表:list
提示信息:msg
小技巧:tips
加入:joinus
指南:guild
服務:service
熱點:hot
新聞:news
下載:download
注冊:regsiter
狀態:status
按鈕:btn
投票:vote
合作伙伴:partner
頁腳:footer
版權:copyright
外 套: wrap
主導航: mainnav
子導航: subnav
頁 腳: footer
整個頁面: content
頁 腳: footer
商 標: label
主導航: mainbav(globalnav)
頂導航: topnav
邊導航: sidebar
左導航: leftsidebar
右導航: rightsidebar
旗 志: logo
標 語: banner
菜單內容1: menu1content
菜單容量: menucontainer
子菜單: submenu
邊導航圖標:sidebarIcon
注釋: note
面包屑: breadcrumb(即頁面所處位置導航提示)
容器: container
內容: content
搜索: search
登陸: Login
功能區: shop(如購物車,收銀臺)
當前的 current[/quote]
[b]網站常用中英文對照表[/b]
[quote]網站導航 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
中國企業網技術支持 Powered By Ce.Net.Cn
社區 Community
業務介紹 Business Introduction
在線調查 Online Inquiry Inquiry
下載中心 Download
會員登陸 Member Entrance
意見反饋 Feedback
常見問題 FAQ
中心概況 General Profile
教育培訓 Education & Training
游樂園 Amusement Park
在線交流 Online Communication
專題報道 Special Report[/quote]
常用類的命名應盡量以常見英文單詞為準,做到通俗易懂,并在適當的地方加以注釋。對于二級類/ID命名,則采用組合書寫的模式,后一個單詞的首 字母應大寫:諸如“搜索框”則應命名為“searchInput”、“搜索圖標”命名這“searchIcon”、“搜索按鈕”命名為 “searchBtn”……
1. 選擇DOCTYPE:
XHTML 1.0 提供了三種DTD聲明可供選擇:
過渡的(Transitional):要求非常寬松的DTD,它允許你繼續使用HTML4.01的標識(但是要符合xhtml的寫法)。完整代碼如下:
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
“>
嚴格的(Strict):要求嚴格的DTD,你不能使用任何表現層的標識和屬性,例如。完整代碼如下:
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
“>
框架的(Frameset):專門針對框架頁面設計使用的DTD,如果你的頁面中包含有框架,需要采用這種DTD。完整代碼如下:
http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd
“>
理想情況當然是嚴格的DTD,但對于我們大多數剛接觸web標準的設計師來說,過渡的DTD(XHTML 1.0 Transitional)是目前理想選擇(包括本站,使用的也是過渡型DTD)。因為這種DTD還允許我們使用表現層的標識、元素和屬性,也比較容易通 過W3C的代碼校驗。
2. 指定語言及字符集:
為文檔指定語言:
http://www.w3.org/1999/xhtml
” lang=”en”>
為了被瀏覽器正確解釋和通過W3C代碼校驗,所有的XHTML文檔都必須聲明它們所使用的編碼語言;如:
常用的語言定義:
標準的XML文檔語言定義:
針對老版本的瀏覽器的語言定義:
為提高字符集,建議采用“utf-8”。
3. 調用樣式表:
外部樣式表調用:
在符合web標準的設計中,推薦使用外部調用法,可以不修改頁面只修改.css文件而改變頁面的樣式。如果所有頁面都調用同一個樣式表文件,那么改一個樣式表文件,可以改變所有文件的樣式。
4、選用恰當的元素:
根據文檔的結構來選擇HTML元素,而不是根據HTML元素的樣式來選擇。例如,使用P元素來包含文字段落,而不是為了換行。如果在創建文檔時找不到適當的元素,則可以考慮使用通用的div 或者是span;
避免過渡使用div和span。少量、適當的使用div和span元素可以使文檔的結構更加清晰合理并且易于使用樣式;
盡可能少地使用標簽和結構嵌套,這樣不但可以使文檔結構清晰,同時也可以保持文件的小巧,在提高用戶下載速度的同時,也易于瀏覽器對文檔的解釋及呈視;
5、派生選擇器:
可以使用派生選擇器給一個元素里的子元素定義樣式,在簡化命名的同時也使結構更加的清晰化,如:
.mainMenu ul li {background:url(images/bg.gif;)
6、輔助圖片用背影圖處理:
這里的”輔助圖片”是指那些不是作為頁面要表達的內容的一部分,而僅僅用于修飾、間隔、提醒的圖片。將其做背影圖處理,可以在不改動頁面的情況下通過CSS樣式來進行改動,如:
#logo {background:url(images/logo.jpg) #FEFEFE no-repeat right bottom;
7、結構與樣式分離:
在頁面里只寫入文檔的結構,而將樣式寫于css文件中,通過外部調用CSS樣式表來實現結構與樣式的分離。
8、文檔的結構化書寫:
頁面CSS文檔都應采用結構化的書寫方式,邏輯清晰易于閱讀。如:
#mainMenu
width:100%;
height:30px;
background:url(images/mainMenu_bg.jpg) repeat-x;
#mainMenu ul li
float:left;
line-height:30px;
margin-right:1px;
cursor:pointer;
命名參考(來源網絡)
常用的CSS命名規則:
內容:content/container
尾:footer
導航:nav
側欄:sidebar
欄目:column
頁面外圍控制整體布局寬度:wrapper
左右中:left right center
命名全部使用小寫字母,如果需要多個單詞,單詞間使用“-”分隔,比如user-list
常用代碼結構:
div:主要用于布局,分割頁面的結構
span:沒有特殊的意義,可以用作排版的輔助,
(4.23)
天幻網六周年天幻網六周年天幻網六周年天幻網六h1-h6:標題
h1-h6 根據重要性依次遞減
h1位最重要的標題
label:為了使你的表單更有親和力而且還能輔助表單排版的好東西,
例如:
fieldset & legend:fildset套在表單外,legend用于描述表單內容。
例如:
dl,dt,dd:當頁面中出現第一行為類似標題/簡述,然后下面為詳細描述的內容時應該使用該標簽,
C #content
S #subcol
M #maincol
X #xcol
這是縱向布局的XHTML結構,c-smx表示網頁有三個縱欄, c-sm表示有兩個縱欄, c-mx表示有兩個縱欄其中一個是附屬的, c-m表示一個縱欄。
其中在三縱欄的布局需要分為兩層 第一層是#subcol與#main第二層是#main中的#maincol與#xcol。
自定義命名:
比如:是重要的新聞高亮顯示(像紅色)
.red{color:red
.important-news{color:red
CSS命名規范
DIV CSS名稱 說明
網站公用相關
Container div #container 容器
Main or global navigation div #mainNav 主導航
Menu #menu 菜單
Sub Menu #submenu 子菜單
Left or right side columns #sidebarA, #sidebarB 左邊欄或右邊欄
Main div #main 頁面主體
Content div #content 內容部分
The main content area #contentMain 主要內容區域
Footer div #footer 頁腳部分
Tag #tag 標簽
Message #msg #message 提示信息
Tips #tips 小技巧
Vote #vote 投票
Summary #summary 摘要
Sub-navigation list #subNav 二級導航
Search input #searchInput 搜索輸入框
Search output #searchOutput 搜索輸出和搜索結果相似
Search #search 搜索
Search results #searchResults 搜索結果
Copyright information #copyright 版權信息
brand #branding 商標
branding-logo #brandingLogo LOGO
Copyright information etc. #siteinfoLegal 法律聲明
Designer or other credits #siteinfoCredits 信譽
Join us #joinus 加入我們
Partnership opportunities #partner 合作伙伴
Services #service 服務
Regsiter #regsiter 注冊
Status #status 狀態
9、鼠標手勢:
在XHTML標準中,hand只被IE識別,當需要將鼠標手勢轉換為“手形”時,則將“hand”換為“pointer”,即“cursor:pointer;”
企業網站常用英語
網站是指在因特網上根據一定的`規則,使用HTML(標準通用標記語言)等工具制作的用于展示特定內容相關網頁的集合。下面是我整理的企業網站常用英語相關內容。
企業網站常用英語1
網站導航 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
應用領域 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
尺寸 size
生產廠家 manufacuturer manufacturer
型號 model
產品標號 item no.
企業網站常用英語2
網站導航 Site Map
常見問題 FAQ
中心概況 General Profile
教育培訓 Education & Training
游樂園 Amusement Park
在線交流 Online Communication
專題報道 Special Report
公司簡介 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
尺寸 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
中國企業網技術支持 Powered By Ce.Net.Cn
社區 Community
業務介紹 Business Introduction
在線調查 Online Inquiry Inquiry
下載中心 Download
會員登陸 Member Entrance
意見反饋 Feedback
;
honor,單詞,主要用作為名詞、動詞,作名詞時譯為“榮譽;信用;頭銜”。
field of honor n.戰場,決斗場
guard of honor n.儀隊,儀仗隊
honor system n. 榮譽制度
guest of honor n. 主賓
maid of honor n. 1.女,女儐相
matron of honor n. (已婚的)首席女儐相,主要伴娘
point of honor n. 有關個人名譽之事, 面子問題
word of honor【法】 諾言
Enterprise honor 企業榮譽 ; 聯系我們 ; 企業聲譽 ; 公司榮譽
Honor hold 榮耀堡 ; 榮譽堡 ; 光榮堡 ; 光彩堡
Our Honor 醫院榮譽 ; 我們的榮譽 ; 公司榮譽 ; 機構榮譽
HONOR STUDENT 榮譽學生 ; 福見真紀 ; 三好學生 ; 榮譽生
Honor certificates 獲獎證書
Hospital honor 醫院榮譽 ; 診療設備 ; 尖端設備 ; 榮譽資質
Secret Honor 秘密的榮譽 ; 秘密的榮耀
Christophe Honor 奧諾雷 ; 克里斯多夫何內 ; 歐諾黑 ; 克里斯托弗·奧諾雷
honor class 榮譽班 ; 榮譽課程