中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 技術(shù)文檔 > 網(wǎng)頁制作 > 設計師的框架
jQuery入門簡介 回到列表 firefox擴展插件制作方法
 設計師的框架

作者:第一速度 時間: 2007-10-12 文檔類型:翻譯 來自:藍色理想

第 1 頁 設計師的框架 [1]
第 2 頁 設計師的框架 [2]

什么是真正的益處?

框架的真正好處是能夠快速啟動工作,你可以創(chuàng)建一個新的(X)HMTL文件,引入你框架,你不用再處理重置padding 和 margins的事情,漂亮的排版,干凈的表單,整齊的布局,有效的widgets,等等。很明顯,很明顯,雖然,你一定要來定制外觀和感覺為每個站點。為實現(xiàn)這一目標,所有你需要做的是復寫,并添加到默認的風格是必要的。

很顯然,盡管你必須為每個網(wǎng)站定制外觀,為了完成這一任務,你所需要做的就是在默認的樣式上加幾行代碼。舉個例子,如果在你的框架里,為所有的 class屬性為“tabs”的UL標簽設置了基本的水平導航樣式,并且有一個灰色的邊框,你只需要幾行CSS代碼,就可以定制成你的網(wǎng)站所符合的外觀樣式。

ul.tabs li {
border: none;
background-image: url(’/images/tabs/ ?site-specific-tab-look.jpg’);
}

列表左浮動,并且將鏈接以塊的形式置于列表當中,鏈接也左浮動,字體居中,象煩人的廣告一樣的這些工作,框架以幫你完成,在你的網(wǎng)站設計工作中,只需集中精力處理特別的、有趣的網(wǎng)站細節(jié),而不是寫已經(jīng)寫過百萬次的CSS代碼。

如何構(gòu)建一個CSS框架?

構(gòu)建一個框架有幾種可能的方式,但最常見,可以說是最有用的,抽象通用的CSS放到一個獨立樣式表文件,該樣式表文件只包含整體的一個特有部分。例如,你可以,一個樣式處理排版,另一個處理大量重置。這種好的方法能使你選擇性引入你需要的樣式,在你框架里可能有六七個不同的樣式文件,但不需要其中的一兩個,只要不引入即可。我們團隊創(chuàng)建的框架包含5個樣式文件:

  • reset.css —處理重置
  • type.css —處理排版
  • grid.css —處理布局
  • widgets.css —處理小零件(widgets),如tab菜單、下拉菜單、以及“更多”按鈕
  • base.css —包含所有的其他樣式表文件,以便我們只需要在(X)HTML引用base.css即可使用整個CSS框架

然后,我們把框架存放在一個單獨的地方,使每一個站點都引入這個框架。當然,每一個網(wǎng)站也需要有特有樣式表,特有樣式對框架進行了必要的補充。

忠告

這種方法不錯,但也帶來新的問題:增加了每一個頁面的http鏈接數(shù)。對于大流量和中等流量的網(wǎng)站,每個頁面增加5個以上HTTP連接數(shù),系統(tǒng)管理員可能就麻煩大了。兩個可能解決辦法:

  1. 把所有樣式都放到一個文件里,而不是分成多個模塊。這里的問題是,失去了框架只包含特定文件的靈活性,而且維護也變得麻煩。
  2. 有一個服務器端程序,動態(tài)把多個單個文件處理成一個響應。我還沒看到這種做法,但如果做好了應該是很有效率的。以我上面框架為例,當請求(Request)base.css時候,而不是請求(Request)type.css , grids.css 等的時候,這一動態(tài)處理過程觸發(fā)。這樣一來,單個文件仍然可用,而在平臺版本上整個框架也有效的。

總之,我們目標不是盡可能的抽象,這點非常重要。相反,其目標是提供了一個快速啟動和更有效率的設計過程,這是絕對有可能去做過的。如果你過于的抽象,事情會變得混亂,太多的HTTP鏈接數(shù)會影響你網(wǎng)站的性能。記�。阂粋€好的框架不是把事情搞更難更復雜,而是一個簡單的從零的開始。

總結(jié)

我們web設計師往往經(jīng)常重復自己,就像我程序世界里的那些朋友,我們重置瀏覽器默認樣式、設計布局和導航菜單寫了一遍又一遍——幾乎每個項目�;ㄒ稽c時間整理CSS 框架,可以使你快速的啟動每一個網(wǎng)站項目,更輕松的維護網(wǎng)站,并幫助團隊里其他的設計師理解你作品。要注意的一點,這些益處的獲得必須以不影響網(wǎng)站的性能為前提。

經(jīng)典論壇討論
http://bbs.blueidea.com/thread-2771226-1-36.html

本文鏈接:http://m.95time.cn/tech/web/2007/4981.asp 

出處:藍色理想
責任編輯:moby

上一頁 設計師的框架 [1] 下一頁

◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論,我還想發(fā)表評論。

相關(guān)文章 更多相關(guān)鏈接
文字的減法
像聰明女孩穿衣服般設計網(wǎng)頁文字
網(wǎng)頁設計經(jīng)驗談
清除浮動的最優(yōu)方法
這將是一場革命
作者文章
原型的使用
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設計比賽 網(wǎng)頁制作 web標準 用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點最新 站點最新列表
周大�!熬�•自然”設計大賽開啟
國際體驗設計大會7月將在京舉行
中國國防科技信息中心標志征集
云計算如何讓安全問題可控
云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機會
阿里行云
云手機年終巨獻,送禮標配299起
阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機主題設計大賽
欄目最新 欄目最新列表
淺談JavaScript編程語言的編碼規(guī)范
如何在illustrator中繪制臺歷
Ps簡單繪制一個可愛的鉛筆圖標
數(shù)據(jù)同步算法研究
用ps作簡單的作品展示頁面
CSS定位機制之一:普通流
25個最佳最閃亮的Eclipse開發(fā)項目
Illustrator中制作針線縫制文字效果
Photoshop制作印刷凹凸字體
VS2010中創(chuàng)建自定義SQL Rule
>> 分頁 首頁 前頁 后頁 尾頁 頁次:2/21個記錄/頁 轉(zhuǎn)到 頁 共2個記錄

藍色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請不要盜鏈到本站,且不準打上各自站點的水印,亦不能抹去我站點水印。

特別注意:本站所提供的攝影照片,插畫,設計作品,如需使用,請與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請與我們聯(lián)系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯誤,請用報告錯誤,以利文檔及時修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內(nèi)容無關(guān)的廣告鏈接,違者封ID
請您注意:
·不良評論請用報告管理員,以利管理員及時刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項有關(guān)法律法規(guī)
·承擔一切因您的行為而直接或間接導致的民事或刑事法律責任
·本站評論管理人員有權(quán)保留或刪除其管轄評論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報告錯誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設計之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設計》
犀利開發(fā)—jQuery內(nèi)核詳解與實踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2