jQuery

AjaxDaddy 是一個專門蒐集Ajax程式碼並將它寫成可在網頁中展示其效果的範例，讓想要使用這些Ajax程式碼的網站只要參考其範例就可以很輕易的就將它放到自己的網頁上。AjaxDaddy 網站內有非常明確的分類，包含有手風琴(accordion)、自動完成(autocomplete)、圖形(charts)、菜單(menu)、分頁(tabs)、提示(tooltip)...等20多個分類，想要在網站上添加一些Ajax效果的朋友，可以試試！

網站開發免不了都要使用到 JavaScript、CSS、SWF、images 等專屬前端網頁的開發應用，例如 JQuery 程式庫，若自己的網站流量夠大，當然可以將其下載到自己網站上來應用，若想節省自身網站的流量，也可以在網頁裡直接引用有提供 CDN 的網站上的程式庫，像是 Google CDN 或是 Microsoft runs their own CDN，若在前述兩個網站上找不到要應用的資源，可以到 CDNJS 網站上找找看，其穩定性與效能也還算不錯喔。

寫網頁時難免會有需要一些動畫效果，例如當滑鼠指標在按鈕、圖片、功能表上或離開時，或是希望做出具有專業水準個人檔案、新聞、產品卡時，如果是初學者想要從無到有，可能需要花費較長時間，要是可以參考別人已做出的效果，取得其程式碼再來修改成自己想要的效果，這樣才能事半功倍。littlesnippets 這個網站提供按鈕、圖片、Logo、News Card、Menu、Profile Card ....等各式各樣的 CSS + JQuery 效果，且每個都有效果展示，更提供 HTML、CSS、JQuery 完整的範例程式碼，用戶只需取得這些程式碼，稍加修改，就可以在自己網頁呈現，相當方便。

寫網頁程式，常常會為了排版或美工傷透腦筋，若有此困惱，可以到 freeCSStemplates 這個免費的 CSS 網頁模板下載網站來看看，只要在該網站上看到的模板，通通可以下載，且完全免費，下載任一模板解壓縮後會得到其模板內的 CSS、圖片，若有使用到像是 JavaScript 或是 JQuery 時，會一並附上，最後還有立刻可執行的 HTML 檔，只要使用瀏覽器開啟，該模板完全是可運作，當然，最終還是要做部分的修改，來符合自己網頁的功能。

想要在網頁上面利用 JQuery 來展示多張圖片，通常需要了解 JavaScript、JQuery、CSS 等多種語法，更快速的方法，可以去參考別人寫好的 Code 來依樣畫葫蘆，若還覺得麻煩，那就來使用 Hi Slider 這套可個人免費使用的 JQuery 相片展示產生器，多種展示模型框、相片間轉場效果、展示尺寸......均可讓你自行選擇，而且無廣告、水印，只要使用滑鼠便可輕鬆做出在具有高水準的相片展示網頁。

網頁要碰到的技術，基礎大概有 HTML、CSS、JavaScript 等程式語法，對初學者而言，最快的上手方式，當然就是多參考別人寫的語法，什麼樣的效果搭配什麼樣的語法，Free Online HTML Code Generator CSS Code Generator JavaScript Code Generator 這個網站在 HTML、CSS、JavaScript、JQuery 四種語言，提供網頁常用物件像是 table、dropdown、iFrame、textbox、radio button、button...等等的語法產生器，透過參數的調整，就能取得該效果的相對應的語法，讓你馬上就能套用到網頁內，這對於還不熟或初學者來說，可說是最佳好幫手。

jQuery 是一個相當簡潔的 JavaScript 程式庫, 簡化了原本在 JavaScript 對 HTML 網頁裡面的物件綁定、事件處理、動畫製作及處理 Ajax 互動的過程等，正因為寫得少，做得多的特性，就連在微軟的 Visual Studio 的網頁程式開發工具裡，也正式的支援 jQuery。jQuery 的(Plugins)外掛相當多，而由 WebDesignLedger 所選出的 2010 年 jQuery Plugins 的最佳 10 個 外掛，都是網頁裡常會用到的像是 Slideshow、Tooltip、Chart...等等，都是相當實用的 Plugins，若是有使用或想嘗試使用 jQuery Plugins 時，可以參考看看。

想學習程式開發最速成的方式就是邊做邊學，也許寫的當初根本不知道寫的這行程式碼有甚麼作用，但隨著時間累積，寫程式功力逐漸增加，也會成為一名程式設計的高手。微軟 MSDN 學習園地的「邊做邊學教學系列」是一系列以實例說明為主，佐以中文 Silverlight 教學影片為輔的系列課程，帶領您由入門開始，深入淺出介紹各式主題的基本知識，讓初學者能充分融會貫通，只要 20 分鐘，簡單輕鬆就能秀出讓人驚豔的成品。「邊做邊學教學系列」包含有 Marketplace for Mobile、雲端運算 (Windows Azure Platform)、Facebook、Web Application Toolkit、IIS Smooth Streaming、XBOX 遊戲開發、PHP 漫步在雲端、Windows Mobile Widget、PHP on Windows、Silverlight、Internet Explorer 8、jQuery 等系列課程。

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

如何在 Web 網頁內也可以使用像 Windows 應用程式內階層選單，將網頁內的功能進行歸類，方便使用者呢？方法很多，若是透過 ASP.net 可使用裡面的控制項元件，也可以使用 jQuery、JavaScript ，也可以使用 DHTML ...等，若是不想這麼麻煩，可以試試這套 Pure CSS Menu Maker 免費軟體，來產生純 CSS 樣式的下拉式選單。