CSS

想要在網頁上面利用 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...等等的語法產生器，透過參數的調整，就能取得該效果的相對應的語法，讓你馬上就能套用到網頁內，這對於還不熟或初學者來說，可說是最佳好幫手。

HTML 這種標記式語言雖不複雜也不難學，但對一個初學者而言，要學的東西還真是不少，其中網頁常見的 Table tag 其製作說容易也容易，但如果太複雜，還是需要一些時間的調整，Tables Generator 這個線上的表格產生器，可產生 LaTeX Tables、HTML Tables、Text Tables、Markdown Tables、MediaWiki Tables 等各類型的表格，全部視覺化的操作，馬上可預覽效果，雖不一定能全部套用，但產生後再去修改所提供的 HTML 與 CSS 框架樣式語法，也絕對比你從頭自己來的快，另外，如果有 CSV 檔案，也可直接匯入成表格。

寫好的 HTML 及 CSS 通常必須存檔，然後由瀏覽器去執行，這一來一回的動作可能要經過無數次，相當浪費時間，HTML.cafe 是個線上 HTML 編輯器，所敲進去的 HTML 及 CSS 語法，會即時反應在呈現欄中，免去存檔後，再到瀏覽器執行的過程，這對初學者或是需要測試 HTML 語法或是 CSS 排版效果絕對是個好幫手。

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

圖示的表達會比文字描述更乾淨俐落，就像 line 會將一些輸入的詞語轉成圖示來表示一樣，而在網頁中如果要使用圖示表達像是鈴鐺、電子郵件或是分享按鈕，傳統的做法可以使用圖片，也可以使用 SVG 向量圖檔，然而最簡便的方式還是使用圖示字型。
Google、Font Awesome 均有提供可免費運用到網頁內的圖示字型，而 IcoFont 也是如此的應用，其提供超過 2100個圖示，透過 CSS 的引用，使用者就可以使用 Markup、Hex 或是 HTML Entity 語法來成呈現圖示，另外，每個圖示亦提供 SVG 向量圖型下載，讓應用更為全面。

對架設網站，寫 Android、Apple App 的初學者而言，實在很難在各方面做到面面俱到，以架設一個網站而言，除了要懂 HTML、CSS、JavaScript、Database 及一個程式語言像是 ASP.Net 或是 PHP 等，甚至也還要有基本的網路運用概念，然後加上美工，負擔不小，因此，有些工作我們可以交給線上工具來完成，像是各類應用程式要使用的 ICON，而 Iconpie 這個網站，就是一個可以協助使用者快速產生適用於 Web、Android 及 Apple App 各種圖示尺寸的免費工具，用戶僅需要上傳要做成圖示的圖片( png/gif/ jpg )就幫你產生，快速又方便。

微軟的 Internet Explorer 9.0 網路瀏覽器正式版推出，提供了 GPU 硬體加速機制，全新的 JavaScript 引擎，也全面改善軟體運作效能，讓 IE 9.0 在瀏覽網頁時，擁有高流暢度與網頁的展示速度，不但軟體啟動速度更快，操作介面也改得更簡潔、好操作，且在網址列除了原本可以打網址、開網頁之外，還可以直接當搜尋引擎使用；在安全性的加強方面也加入反制隱私權洩密的「追蹤保護」、「ActiveX 篩選」與更完善的附加元件管理功能…等；IE9 支持最新的 HTML5、CSS3、SVG 和 DOM L2&L3...等；不過這麼多、這麼好的功能只能應用在 Windows 2008 Server、Vista 或 Windows 7 的作業系統上，似乎可惜了些。

Google 所推出的 Chrome 網際網路瀏覽器是很多人喜愛使用的瀏覽器，不過瀏覽某些網站尤其是企業行號所架設的網站時，通常會看到有網頁排版亂掉，原因在於這些網站當初就是以 IE 瀏覽器為主開發，完成後也欠缺維護人員，未能更新過時的 HTML 或 CSS 語法，若要能夠在 Chrome 瀏覽器也能看到正確的網頁排版時，可以安裝 IE Tab 這個 Chrome 瀏覽器擴充功能，讓你直接就可以在 Chrome 瀏覽器中開啟微軟的 IE 瀏覽器，免去需要開啟 2種瀏覽器又拖慢電腦回應速度。

有做過網站的人一定都有相同的經驗，那就是寫好的網頁在IE6的版本顯示正常，為什麼到IE7的時候，樣式(CSS)卻不是在IE6的樣子，所以為了保持網頁在IE各個版本中能顯示正常，便在作業系統裡裝了IE各個版本，方便網頁製作時的測試與調整，而這款 IETester 的出現就是為了解決上述的問題，雖然沒有修正的功能，但是至少讓我們在測試在IE版本不同間，節省很多時間。

圖片想要在網頁上呈現，多數的作法都是直接使用 HTML 語法的 <img> Tag 來實現，而 img2css 這個網站，卻可以將圖片全部轉成 CSS 語法，再透過 <div> 的 style 屬性來呈現，完全不需要靠原始圖檔，就能在網頁上完整的呈現該圖片，當然，越是複雜的圖檔，產生的 CSS 語法就越多。

Instagram 是個圖片與影片分享社群網站，其中最讓人喜愛的便是圖片的濾鏡效果，有了濾鏡的色彩協助，它可以快速的讓圖片變得更有質感，手機內建的相機功能也有提供濾鏡功能，拍完照片，就能選取包裝好的濾鏡來套用，如果是在網頁要呈現多種濾鏡效果，可以來使用 Instagram.css 網站所提供的純 CSS 濾鏡效果，使用方式很簡單，只要套用不同 CSS 名稱，就能更換濾鏡，該套純 CSS 濾鏡效果支援 Chrome (18+)、Microsoft Edge (13+)、Firefox (35+)、Safari (6+)、Opera (15+) 等瀏覽器。