close
Blogtrottr
♣梅問題‧教學網【Minwt】♣
Photoshop教學|影像後製精修|商品攝影|美食攝影 |網頁設計教學 
《Sublime Text外掛》Emmet&HTML Boilerplate二隻外掛，讓你快速產生HTML5網頁範本
May 16th 2014, 01:30, by admin

梅問題-網設工具－《Sublime Text》二隻外套件讓你快速產生HTML5網頁範本
　　Sublime Text應該是目前許多網頁設計師，必備的網頁編輯器之一，除了擁有許多的外掛套件外，再來就是可橫跨平台，同時還有提示詞與高亮的原始碼，讓在編輯網頁更加的方便，但Sublime Text不像Dreamweaver，建立一個新檔案後，就可自動產生基本的HTML架構，因此就得自已手動打，其實現在不用這麼麻煩啦!現在只要安裝二隻外掛套件後，就可快速的產生HTML5的網頁範本啦!至於怎麼用，現在就一塊來看看吧!
自動產生HTML5網頁外掛1－Emmet：
Step1
開啟Sublime Text後，按ctrl(command)+shift+p，並輸入Install Package。
梅問題-網設工具－《Sublime Text》二隻外套件讓你快速產生HTML5網頁範本
Step2
接著輸入emmet。
梅問題-網設工具－《Sublime Text》二隻外套件讓你快速產生HTML5網頁範本
Step3
這樣就安裝完畢了。
梅問題-網設工具－《Sublime Text》二隻外套件讓你快速產生HTML5網頁範本
Step4
接著開啟新檔案，並點右下的文字，將模式切換成HTML。
梅問題-網設工具－《Sublime Text》二隻外套件讓你快速產生HTML5網頁範本
Step5
再對著頁面輸入，html:5 或　!　。
梅問題-網設工具－《Sublime Text》二隻外套件讓你快速產生HTML5網頁範本
Step6
接著再按鍵盤上的Tab鍵，就會自動產生出HTML5的網頁範本啦!
梅問題-網設工具－《Sublime Text》二隻外套件讓你快速產生HTML5網頁範本
自動產生HTML5網頁外掛2－HTML Boilerplate：
Step7
重覆步驟1，並輸入HTML Boilerplate。
梅問題-網設工具－《Sublime Text》二隻外套件讓你快速產生HTML5網頁範本
Step8
一樣開新檔案，將右下切換成HTML模式，並於畫面輸入htmlboiler。
梅問題-網設工具－《Sublime Text》二隻外套件讓你快速產生HTML5網頁範本
Step9
再按Tab鍵，一樣的除了產生HTML5的網頁範本外，還加入了Viewport以及GoogleAnalytics的碼。
梅問題-網設工具－《Sublime Text》二隻外套件讓你快速產生HTML5網頁範本
引用網址： ※如有發現掉圖或檔案無法下載，請由回應區留言告知，將會盡速處理！謝謝。
※本站採用CC授權請勿全文轉貼本站文章，歡迎「部份引用」與介紹，並註明出處，謝謝。

This entry passed through the Full-Text RSS service — if this is your content and you're reading it on someone else's site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers.
You are receiving this email because you subscribed to this feed at blogtrottr.com.

If you no longer wish to receive these emails, you can unsubscribe from this feed, or manage all your subscriptions
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 qhhybnwxggadn 的頭像
    qhhybnwxggadn

    線上遊戲排行榜2013/2014,進擊的巨人線上看,candy crush saga外掛,正妹寫真三圍

    qhhybnwxggadn 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄