線上工具 - 開發工具

CSS 是可以用來控制網頁排版的一種語法，多數的網頁開發工具，均有內建的 CSS 編排功能來協助排版，即便是沒有，也可以利用記事本寫出。想要讓自己寫出的 CSS 語法更容易閱讀，在傳輸的過程中檔案能更小，以便加快網頁的呈現速度時，可以來利用 CleanCss 網站所提供的 CSS Formatter and Optimiser 這個可將 CSS 語法格式化與最佳化的線上工具，只需將寫好的 CSS 語法複製並貼上，便能取得經過格式化與最佳化的 CSS語法。

資料庫對企業在資訊化的應用扮演著相當重要的角色，從免費的 My SQL、SQLite 到須付費的 Access、MS SQL、Oracle 資料庫應有盡有，這些關聯式的資料庫其共同的特色就是都支援 SQL（Structured Query Language）語法，且前端所應用的軟體開發語言也幾乎都支援 SQL 語言的呼叫與執行，因此要開發資料庫應用程式，便要會下基本的 SQL 語句(Create、Drop、Alter、Select、Insert、Delete、Update......，可參考 w3schools)，與整合語句像是Trigger、View、Stored Procedure 以及 Function 的等等的應用。想要學習 SQL 語法，現在不用大費周章去安裝資料庫來練習了，透過 SQLFiddle.com 這個網站便可以來練習 SQL基本語法，且提供 My SQL、MS SQL 2008 及 2010、SQLite、Oracle 11g R2 等多版本可供選擇。

在網頁想要呈現顏色漸層的效果，為了避免各大瀏覽器版本所支援的 CSS 的問題，通常會使用圖片來解決，若是要使用 CSS 樣式表來呈現，則可以試試這個由微軟做的漸層色 CSS 代碼產生器，支援從各角度的漸層，適用 Firefox、IE、Chrome(10,11+)、Safari、Opera 等主流瀏覽器，簡單好用。

製作網頁的時候，難免都會需要使用到彈出視窗的功能，而在彈出視窗時還希望能夠置於螢幕的中央，關閉網址列、左右滾動軸、狀態列......等等，想要做出這樣的功能，可以使用 JQuery 或是使用 Javascript，若不想因為這樣的功能就需加載 JQuery 的函式庫，可以來試試 Gaijin PopUp Window Generator 這個線上瀏覽器彈出視窗產生器，只需填入所要的參數，便能產生彈出視窗的 Javascript 程式碼。

想要在網頁上呈現一個按鈕元件，為避免瀏覽器相容性問題，通常就會使用文字或背景圖片來呈現，而利用 CSS3 可以幫助網頁即使不用圖片亦能達到類似圖片的效果甚至更多，CSS3 Button Generator 是一個 CSS3 按鈕線上產生器，內建多種樣板，選中喜歡的樣板，稍微修改下便能應用到網頁中，相當方便。

對初學者來說要使用 CSS 樣式表來美化網頁時，若遇到不熟悉的語法，其實都可以到 w3schools 來查詢語法與範例，當想要試著自己實作，也可以利用 CssTypeSet 這個網頁式的應用服務來產生文字的樣式表，使用方式就像是使用文書編輯器般的簡單，輕鬆做出文字樣式表。

透過 HTML 的 <a> 標籤來產生連結，多數會使用文字或是使用圖片，但如果想利用 CSS 樣式表做來調整，甚至是產生一個按鈕的樣式，對初學者來說還是有點門檻，尤其是還要兼容不同廠牌的瀏覽器，更增初學難度。

常在網頁上可以看到這樣 Chtouch^TM 或是 log₁₀n²的圖示或符號，為了要顯示這樣的樣式，很多人會利用圖形來製作或是插入特殊符號，這樣其實相當麻煩，其實可以利用 HTML 的 sup 與 sub 兩個 Tag 便可以達到上、下標字。

想要改變按鈕的外觀，在以前我們可能都會使用圖片來代替，現在也可以來試試 CSS-TRICKS 網站所提供的「按鈕 CSS 線上產生器」，只需透過幾個步驟，就能讓按鈕產生圓角框、漸層顏色，另外，亦提供自訂按鈕各個部份的顏色，相當方便，幫助你快速的將網頁內的按鈕套用所產生的 CSS 樣式。

想要將 HTML 標記語言轉成 JavaScript 來輸出，語法很簡單，難卻難在單、雙引號對字串組成，觀念不清楚或是一時混淆，總也要忙上一段時間，若有這個困擾或是想學習單、雙引號的應用，可以透過 HTML to JavaScript Converter 這個免費的線上服務來取得協助，快速的入門。

對於初學寫程式的時候，常會參考別人的 Source Code 來增加自己的技巧，若取得的程式碼很亂，不易閱讀，可以複製貼到 Hilite.me 這個線上免費的程式碼重新格式排版的應用服務，常用的程式語言 C#、VB、PHP、SQL、Java...等等均可支援，亦可為程式碼加入行數編碼，方便討論與尋找。

想要製作不透過圖片又可應用在網頁上的純 CSS 按鈕，對很多人來說可能是件難事，若是有這個需求，可以來試試 i2style 這個樣式豐富的純 CSS 按鈕產生器，簡單好用，支援中文輸入，可自訂按鈕大小、陰影、背景、文字顏色與大小、圓角...等，製作好的按鈕，除了產生 CSS 語法，還將 HTML Code 都附上，讓你方便後續的應用。