程式碼

常看到網站上有擺放計數器，來統計訪客數，不過若你還是還是使用傳統的數字來顯示時，可以改換試試這個這個由「flagcounter.com」網站所免費提供的計數器，Flag Counter 會依照訪客的來源 IP 來判斷是來自哪個地區，在顯示時，則以該國國旗來顯示所統計的訪客數，要使用 Flag Counter 相當簡單，無須註冊，只要調整好要顯示的樣式，複製所產生的程式碼，貼到網頁要顯示的位置即可。

Free JavaScript Editor 是一套同時具有 HTML 及 Javascript Intellisense 功能的免費網頁整合編輯器，以免費的網頁編輯器來說，是相當難得的，不過 Intellisense 的功能在 Free JavaScript Editor 的版本中只能使用 21天，這是唯一的限制，其他來說還是相當好用，在 Javascript 程式碼中，也內建了相當多實用型的程式碼，像是 Buttons and Links Effects、Dates and Clocks、Document Effects...等等，只要稍微編修改下就能應用，就算不拿來編輯網頁，用來參考這些實用性的 Javascript 程式碼及應用都相當值得。

要建立網頁內的點擊連結後，可以彈出新網頁頁面時，通常都是使用 HTML 內的 <a> 標籤並設定其屬性即可，但若是要做到較進階的功能，例如設定彈出頁面的外觀、大小或彈出時機，例如 Link Click、onMouseOver、onBlur、onError 或 onload...等等，使用 HTML 內的 <a> 標籤似乎比較難以達成，而需要靠 JavaScript。Free PopUp Maker 是一個可協助網頁在建立彈出新 URL 頁面時的 JavaScript 程式碼產生器，透過參數的選擇就可以將頁面的外觀、大小或彈出時機加以設定，並產生 JavaScript 程式碼，複製後貼到網頁內應用。

有些時候在瀏覽某些網頁時，瀏覽器的下方狀態欄內或是標題欄會展示一些靜態訊息或是動態的跑馬燈訊息，若對 JavaScript 不熟又想製作出類似的效果，這時候可以使用 Free StatusTitle Maker 這套免費的網頁瀏覽器狀態欄訊息產生器，只要輸入想要顯示的訊息，並選擇所要的效果，像是 Flashing Bar、Bubble Writing、Scroller Bar、TypeWriter Scroller、Slowly Coming Together、Decrypter、Ticker 、World Clock、WriteSlider 及 Word by Word...等效果，就可以產生 JavaScript 程式碼，複製該程式碼貼到網頁內就有相同的效果。

想讓自己的網頁擁有利用 E-Mail 轉寄好友的功能，若是要自己動手寫程式，可能需要花較長的時間，但相對的轉寄功能一定符合自己需求。若不想自己開發又想讓網頁文章擁有轉寄給好友的功能，那麼可以透過 Free Tell a Friend 網站所提供的服務，只要到該網站取得一串程式碼並貼在網頁中，就可以輕鬆擁有轉寄文章的功能，方便訪客將自己的好文章轉寄給其所有親朋好友。

對於 Google 服務的愛好者，相信絕對不只有一個 Google 帳戶，那麼對於有多個帳戶的用戶，Google 也貼心地推出多帳戶登入功能，免去登出登進的麻煩，不過 Google 多帳戶登入功能，並非所有的 Google 服務都支援，目前開放的有｢日曆｣、｢閱讀器｣、｢程式碼｣、｢Gmail｣、｢協作平台｣及｢語音服務｣等項。

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

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

不論是用戶還是站長，對網頁的載入速度應該只會要求更快更即時，但如果原因是出現在網路環境的延遲，有甚麼方法可以克服呢？instant.page 這個網站提供了一段免費且 Open Source (MIT license) 的 JavaScript 程式碼，讓網站擁有者，在網頁的原始碼 </body>之前加入即可的簡單方法，就能在用戶點擊之前預先加載頁面內的鏈結，使其達到後續網頁載入更快更即時的目的，至於它可以更快更即時的載入網頁原理，根據網站提供的說明是利用滑鼠停留在要點擊的鏈結 URL 上，到用戶真正按下去，這個中間的時間差來預先加載頁面，而這個時間平均超過 300毫秒( 0.3秒)，各位可以利用該網站所做的測試按鈕，進行測試，而至於網路速度對銷售型的網站影響又是如何呢？該網站也有提到說亞馬遜公司和其他人有發現 100毫秒的延遲會佔銷售額的 1％，可見得影響還是有的，想要讓用戶有更好的瀏覽體驗嗎？可以試試。

網頁有很多的功能或特效會使用 JavaScript 來實現，而 JavaScript 又是屬於在瀏覽器端的執行程式，因此，若在網頁上看到有不錯的功能或特效時，是可將其 JavaScript 程式碼抓下來研究的，不過抓下來後想要閱讀，可就沒那麼容易了，你可能會發覺到所有的程式碼，全部都擠成一段，即便是自己要來斷行，恐怕都很難或是要花很長的時間，因此，當碰到 JavaScript有壓縮(即將程式碼中空白、斷行全部去掉，以求得檔案最小化)時，可以透過 JavaScript Code Improver (JSCI)來幫你重新編排程式碼，讓他變得具有可讀性、易讀性。

想寫網頁程式，透過網頁編輯器等的輔助工具，應該能加快產能，KompoZer 是一套免費的網頁、CSS 編輯器，除了基本的 HTML 程式碼編輯、版面預覽、多分頁編輯模式，可同時開啟、編輯多個網頁內容等功能外，並可透過網站管理，將編輯好的網頁，方便發佈到自己的網站裡，簡單好用，且編輯好馬上就能看到效果。若能搭配使用 Free JavaScript Editor 實用的 HTML 及 JavaScript 整合編輯器，具 Intellisense 功能、Free Colored ScrollBars 瀏覽器彩色滾動條(ScrollBar) CSS 及 JavaScript 特效產生器 或 JavaScript Collector 1.1.0.4 - 蒐集超過200個JaveScript語法 等工具來輔助，相信新手也能將網頁編輯工作，快速上手。

USWDS（U.S. Web Design System）是美國總務管理局（U.S. General Services Administration，GSA）正在進行的專案項目，其中包括程式碼函式庫、工具程式和設計指南，用來協助美國聯邦政府快速建立網站，而「Public Sans」為 USWDS 2.0 專案中的一部分，使用者可從 GitHub 免費下載，該字體修改自開放英文原始碼字型 Libre Franklin Font 而來，對字型的細節部分進行調整，使字體更為清晰，並提供 100至 900的字體粗細(font-weight )變化，且包含斜體（italic），讓無論使用在標題、內文或裝置介面上都能有非常好的表現，該字型可在任何平台、包含網站（Webfont）免費來使用。