<< 今天的shanti | 回blog首頁 | 紫色線條 >>

2005年10月3日

改版的好工具

最近好像有不少人在進行改版的大工程
為了不讓大家的眼睛看到脫窗 來介紹個編輯CSS的好工具^^

不曉得大家是使用哪個網路瀏覽器呢?
在我用過Mozilla Firefox之後 立刻被它的方便及擴充性深深吸引
現在不管是上班用的電腦或是家裡的電腦我都以它為主要瀏覽器來使用
要使用我將要介紹的工具的話 必需要使用Firefox就是了
因為它是Mozilla的擴充套件

下載最新版本的Firefox中文版(version1.0.7)
DOWNLOAD

下載Web Developer(原文版)
DOWNLOAD

看看其他Mozilla的擴充套件 here

超級簡單地介紹一下怎麼用(如何編輯CSS)

安裝好Web Developer之後 先把所有的Firefox的視窗關掉
再重新啟動一次 然後點選Firefox的選單之中的"表示"
選擇"工具列"後 裡面就有"Web Developer"可以選擇
點選之後Web Developer的工具列就會顯示出來

webdeveloper.gif如左圖 工具列之中有個CSS的選擇 打開選單後選擇Edit CSS
在視窗的左邊就會出現現在看的網頁的CSS的內容
我們可以直接修改CSS 結果會立刻反映在右邊的視窗裡 但是並不會影響到真正的網頁的CSS
只要把畫面轉到同一個視窗的其他的標籤(tag)後 或是按下重新整理的話
CSS就會恢復原來的設定
像我一樣不懂得CSS的人也可以很快就上手喔!
即使看不懂某行是改哪裡的話 只要把數字改得超級大
右邊的視窗立刻就會反映出來 馬上就可以知道是修改哪個部份的了~
真的十分方便喔!

另外使用這個軟體的話 也很容易就可以偷"學"別家的CSS技巧
不過請一定要記得!! 別人的東西可以學或是模仿
但是不可以不發一聲地就帶回家
尤其是圖案的URL也會顯示出來 希望大家不要直接連結或是偷存在自己的電腦裡喔!
每個人都是花盡心思去設計有自己風格的版面 要學就學語法就好了
設計的部份要自己來喔^^

Posted by at 樂多Roodo! │16:31 │回應(8) │引用(0) │Happy Blogging
樂多分類：網路/3C 共同主題：讓Blog更有自己的風格 工具：加入樂多書籤│編輯本文
Ads by Roodo! 

引用URL

http://cgi.blog.roodo.com/trackback/550669
回應文章
謝謝分享
找時間來試用看看
Posted by desserty at 2005年10月4日 10:12
希望妳也覺得好用喔^^
Posted by 肉鬆 at 2005年10月4日 13:18
好棒的功能！
試用過的確是好東西！
這下子學CSS又多個利器！
謝謝您的教學！
Posted by 阿米巴 at 2005年10月22日 09:20
to 阿米巴
謝謝你^^ 希望對你有幫助喔!
Posted by 肉鬆 at 2005年10月23日 15:59
感謝您...又發現好東西了...讓我這個生手好好的來研究一下吧！
Posted by 珍珍 at 2005年10月26日 16:50
to 珍珍
好好研究喔! 試過幾次就可以上手了^^ 加油~
Posted by 肉鬆 at 2005年10月26日 17:03
回家再好好研究~
也想來自己設計一個頁面,
tks
Posted by rebecca at 2005年10月27日 09:30
to rebecca
^^
自己研究版面很好玩喔~
在沒有用這個工具時 還要買書研究我就很提不起勁
但是用了這個工具可以直接在網路上check 真的很方便呢^^
Posted by 肉鬆 at 2005年10月27日 11:21


回最上方