當我們到了某個網站,想了解它的各部位元件的程式碼時,可以啟動CSSViewer這個工具,啟動的方法很簡單,就是到"工具"->"CSSViewer"點一下,它就會啟動,這時你的滑鼠游標移動到哪,它就會顯示該位置的元素及設定資訊,如下圖,那麼,我們只要記下來再配合"CTRL+F"組合鍵,就能輕易的修改程式碼。
2009年3月20日 星期五
Blogger網誌更換漂亮的佈景主題(5)修改小細節-CSSViewer
0 意見 凌晨1:36 張貼者: 余俊潁老師標籤: 修改版面, 部落格, blogger, Blogger Templates, CSS, CSSviewer, firefox
Blogger網誌更換漂亮的佈景主題(4)修改小細節-絕招
0 意見 凌晨1:27 張貼者: 余俊潁老師標籤: 修改版面, 部落格, blogger, Blogger Templates, CSS, firefox
Blogger網誌更換漂亮的佈景主題(3)修改小細節-好用的工具
0 意見 凌晨12:54 張貼者: 余俊潁老師標籤: 修改版面, 部落格, blogger, Blogger Templates, CSS, CSSviewer, firefox
一般我們的作業系統內建上網的工具是IE瀏覽器 ,這邊我們來使用一個不同的瀏覽器-FIREFOX,它的優點是有多的擴充元件可以下載,這讓我們在上網時非常方便,例如上大陸網站,就可以下載同步簡體 翻成繁體的套件,或者像我們要檢視網頁的程式碼就可以下載程式碼的檢視套件,這個可以擴充的特性使的它目前市佔率已經超過微軟的IE了!
可以到這
可以到這 http://www.moztw.org/
如果不知道要去什麼地方下載,可以在任何搜尋引擎輸入關鍵字"FIREFOX"也能輕鬆找到。
下載之後就安裝起來,安裝完你可以啟動用用看,還滿好用的瀏覽器。
接著,我們要替他安裝這次要用的擴充工具CSSviewer,這個工具可以幫助我們很多辨識出網頁版面上的物件是屬於哪個元件代碼,這樣我們在修改HTML的時候就不用找到頭昏眼花。
一樣,到搜尋引擎去搜尋"
CSSviewer"或者從這裡https://addons.mozilla.org/zh-TW/firefox/addon/2104
選擇"安裝到Forefox"。
選擇立即安裝。
重新啟動瀏覽器。
從工具列的"工具"有看見這個套件的話就完成了。
訂閱:
文章 (Atom)

