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

您的位置: 首頁 > 技術(shù)文檔 > 網(wǎng)頁制作 > Zen Coding:快速編寫HTML/CSS代碼
默認Web字體樣式 回到列表 表單驗證中時間起止判斷的遞歸處理
 Zen Coding:快速編寫HTML/CSS代碼

作者:vocal 時間: 2009-12-16 文檔類型:翻譯 來自:前端觀察

第 1 頁 Zen Coding:快速編寫HTML/CSS代碼 [1]
第 2 頁 Zen Coding:快速編寫HTML/CSS代碼 [2]
第 3 頁 Zen Coding:快速編寫HTML/CSS代碼 [3]
第 4 頁 Zen Coding:快速編寫HTML/CSS代碼 [4]
第 5 頁 Zen Coding:快速編寫HTML/CSS代碼 [5]

總結(jié)

很多嘗試過Zen Coding的人都說它改變了他們寫頁面的方式。當然還有很多事情要做,還有很多的編輯器需要被支持以及一些文檔要寫。請瀏覽現(xiàn)在的文檔 以及源代碼以尋找你的問題的答案。希望你喜歡Zen Coding!

附:Zen coding的具體用法

遺憾的是, 本文原作者并沒有說明zen coding的具體用法,神飛認為有必要做以下簡要的說明。這里就以Aptana/Eclipse和Dreamweaver為例,其它編輯器平臺暫不描述,如有疑問可以在評論中與前端觀察的網(wǎng)友交流。

Aptana/Eclipse

由于Aptana本身就是基于Eclipse的,所以,Zen Coding也是支持Eclipse的,只是需要一個EclipseMonkey插件的支持,Aptana已經(jīng)封裝了這個插件,所以如果你使用Aptana,下面的第一步可以跳過。

  1. 通過更新網(wǎng)站安裝EclipseMonkey: http://download.eclipse.org/technology/dash/update(如果你使用Aptana,可跳過這一步)
  2. 在你的當前工作去創(chuàng)建一個頂級的項目,給它命名,比如,就叫zencoding
  3. 在新創(chuàng)建的項目中創(chuàng)建scripts文件夾
  4. 解壓縮下載的ZIP插件包到該文件夾。項目結(jié)構(gòu)看起來就像這樣:

  5. 安裝之后,Aptana的菜單欄中的“腳本(Script)”菜單中將會出現(xiàn)Zen coding相關(guān)子菜單

注意事項:

  • Aptana版的官方插件是基于MAC機的,如果你用的是Windows,需要手動更改快捷鍵(在每個文件頭部的注釋片段中更改)
  • 官方的文件編碼有點兒亂,修改官方js的時候,請注意編碼問題,修改不當會造成相關(guān)功能的丟失;

DreamWeaver

好消息是,現(xiàn)在已經(jīng)有了Zen coding for DreamWeaver插件,壞消息是,該插件支持的功能很少,只支持展開縮寫功能。而且默認的快捷鍵是無效的。只能在“命令”菜單中點擊操作。另外,沒有測試該插件是不是只支持CS4版本。不過比較好的是,作者將本插件的源碼也放出了,你可以自定義一個Dreamweaver的插件。

事實上,官方的DW插件在Windows下有點兒bug,就是會出現(xiàn)空白的行,我簡單的修正了下,重新編譯了個包,在本機測試沒問題,感興趣的童鞋可以下載嘗試:http://www.boxcn.net/shared/c71z7x7sfe

原作者介紹:

Sergey Chikuyonok是一位俄羅斯的前端開發(fā)工程師和作者,他在優(yōu)化方面有很大的熱情:從圖片、JavaScript效果到工作流程和節(jié)省時間的編碼。訪問他的主頁他的Twitter。

本文鏈接:http://www.95time.cn/tech/web/2009/7272.asp 

出處:前端觀察
責任編輯:bluehearts

上一頁 Zen Coding:快速編寫HTML/CSS代碼 [4] 下一頁

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

作者文章 更多作者文章
極簡主義網(wǎng)站設計:寓豐富于簡單
CSS陰影詳解
CSS Sprites(CSS雪碧):要還是不要?
行動召喚按鈕在網(wǎng)頁中的實例與實踐
純CSS圖片預加載
關(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
>> 分頁 首頁 前頁 后頁 尾頁 頁次:5/51個記錄/頁 轉(zhuǎn)到 頁 共5個記錄

藍色理想版權(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