線上工具 - 開發工具

資料庫對企業在資訊化的應用扮演著相當重要的角色，從免費的 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 都附上，讓你方便後續的應用。

不管是自己架站或是將網頁託管在免費的服務上，除了網站的內容品質外，應該還會相當關心網站的速度，尤其是現在有很多的免費服務外掛工具，像是排名、站長工具、人數統計...等等，雖說只在網頁上站了一小塊的地方，但有可能就其服務的網速過慢而拖垮整個網頁的加載速度。想要知道網頁的加載速度與網站的那些元素是效能的殺手，可以來試試 Pingdom 這個可測試網頁加載速度與分析網頁元素的例如圖片、CSS、JavaScript...等的個別速度，讓你輕易的就可以知道瓶頸進行調整，發揮應有效能，除此之外，Pingdom 還提供 DNS 品質檢測與 PING 及 Traceroute 等線上工具。