<< ．昨夜，我們一起嘶吼 | 回blog首頁 | ．王世堅跳乎伊爽 >>

2008年01月14日

．編輯Css的幾種方法

css的崛起對於網頁編輯人員應是一大進步，至少讓我脫離了用table定位圖片的地獄。不過在撰寫修改css時，您是否跟我一樣，老覺得Dreamweaver在css的配合上還是不夠直覺，甚至偶爾感到這軟體怎麼突然變得愚蠢！不過css當道是最近的事，跟軟體的完美搭配，我相信還要歷經幾次改版才能趨近使用者的需求。所以這次跟大家分享一下目前幾個比較直覺撰寫css的軟體：


▋CSSVista v0.15

  • 輸入網頁所在網址後，即可「所見即所得」的開始編輯css
  • 可以同時預覽在「IE、FF」下的顯示結果
  • 支援語法提示，讓撰寫更加迅速
  • 僅能編輯上載後的網頁，有點遺憾
  • 需先安裝Microsoft .NET Framework 2.0（已一併壓縮）

▋套件：Firebug v1.05（推薦！）
  • 需配合firefox瀏覽器安裝使用
  • 支援語法提示，讓撰寫更加迅速
  • 一樣是「所見即所得」的即時編輯預覽
  • 滑鼠指向選取的div區塊時，網頁上立即用色塊標示
  • 除了編輯css之外，也能即時編輯html、java原始碼

▋套件：Web Developer
  • 需配合firefox瀏覽器安裝使用
  • 一樣是「所見即所得」的即時預覽
  • 編輯css只是其中一個小功能，還有很多其他的網頁功能
▋套件：IE Developer Toolbar
  • 需配合Internet Explorer瀏覽器
  • 一樣是「所見即所得」的即時預覽
  • 功能應該差不多，但本人對微軟有偏見，故沒試用過


Posted by singleisland at 樂多Roodo! │01:07 │回應(4) │引用(0) │．CSS
樂多分類：藝術/設計 工具：編輯本文
Ads by Roodo! 

引用URL

http://cgi.blog.roodo.com/trackback/4976809
回應文章

喔！原來還有這樣的擴建套件，
來去研究一下啦～
說真的想要搞得東西還真是多，
網頁的世界真是廣闊啊！

你就是喜歡吸收這些新的想法，
才會無法在「規規矩矩的設計公司」上班啦～哈哈！
設計公司待久了就會忘記吸收，
因為每天都在做同樣的事情，
久了以後就很容易被後輩淘汰囉～呱！

anyway 還是要多少接觸一下css，
不過鴨王大多是研究到需要的部份後，
多一點點就好，
接下來就是去搞別的啦～呱哈！
感謝分享啦～
對了！ 之前你說的縮排我已經有嘗試出來啦！
隨便丟一個位置好像搞不太定，（我直接丟在全部的第一行）
要丟到.side 的裡面去才會顯現效果說～哈！
也許是我的版面比較不聽話吧！
Posted by duckking at 2008年01月16日 10:25

耶 之前在可樂那邊有看到
這次你整理的很詳細呢~XD
跑去載來用用了~
不過還是要稍微研究一下XD

另外用DISPLAY換行
整齊很多了~XD
感謝分享嚕~XD
Posted by 炘 at 2008年01月16日 12:05

ㄟ....我都隨便丟個位置ㄟ
妳該不會那語法放在別人的語法裡面吧？
ㄟ....就是css的開始跟結尾是用{}來表示
所以那行語法是獨立出來的，並非是要併入
好像越講越模糊～你可以直接預覽我的blog就可以發現
我是放的位置哩～這樣快些....
Posted by 509 to duckking at 2008年01月16日 17:54

ㄏ～不會啦～
我那時也是看可樂的blog才發現這點
然後寫信去問她的...
大家都幫來幫去，不然有些功能一輩子也不知道
firebug套件功能很強大，相對的也比較複雜
你可以試試看調整數值時，直接使用「方向鍵」的 ↑ ↓
很cool喔～微調時很方便～
Posted by 509 to 炘 at 2008年01月16日 18:01


回最上方