HTML

無論中、英文打字，只要多練習，速度就會越來越快，相對的，如果常接觸的的是有固定的職業類別，例如像是文書編輯、即時通訊或是程式設計師，常用的按鍵就是那幾個，多用自然就熟練，熟練就可以開始練速度。SpeedCode 是一個針對程式設計師所設計的打字訓練免費 Web 服務，支援 C、C#、C++、 HTML、CSS、Ruby、Java、JavaScript、PHP、Python、Perl、Haskell 等程式語言的語法格式訓練，範本就是該程式語言的語法結構，透過鍵盤的字母導引，可讓你越發熟練。

文書檔案格式很多，各有各的功能特色，想要將已完成的文件轉到別的檔案格式，例如 Word 轉 PDF、Excel to PDF、PowerPoint to PDF、Open Office to PDF、Odt to Word......等等，可以來試試 STANDARD CONVERTER 這個線上文書檔案格式轉換免費服務。

想要在鍵盤敲出中文、英文的不同字體，通常都是安裝已製作好的字型檔案，而特殊符號則可以利用內建在 Windows 內的「輸入法整合器」或是參考 HTML character codes 來打出，而這個 The SVG Font Machine | Glyphter 線上網站，則提供鍵盤對應 SVG 圖片轉出字形安奘檔的免費應用，不論你寫出什麼字、畫出什麼樣的圖形，只要是 SVG 的檔案類型，就可以將其匯入到線上系統，透過鍵盤的對應，製作出字形安裝檔，再安裝到 Windows 作業系統內，當要應用時，就可以利用鍵盤直接敲出，免去找來找去的麻煩。

想要將 Excel 表轉成 HTML 格式，以利應用到網頁中，雖說微軟的 Excel 本身也帶有這項功能，不過所轉出的程式碼會加入很多專屬微軟識別的程式碼，不利應用，若你有此需求，可以來試試 TABLEIZER! 這個可將 Excel 試算表中的資料轉為 HTML 網頁的免費網站，免註冊，只要複製資料表 > 貼到該網站，就能輕鬆幫你轉成標準的 HTML 程式碼，另外可自訂字型種類、大小及標頭顏色，後續相當好應用。

想要將一些有格式的資料進行表格化，那麼你可能要有些基礎的 Table 概念，才能將這些資料套到表格中，不過，如果你實在不想學，也可以利用 Word 或是 Google 文件的表格工具來一個個剪貼，當然，最快速的方式，你來可以透過 TABLEIZER! 這個網站，只要將資料複製貼到該網站，就可將這些資料表格化，並提供表格化後的 HTML 語法，讓你做後續的應用。

Tailwindgen 這個網站則是提供 Columns、Rows 及 Gaps 三個參數快速產生基礎網格後，再讓使用者依據需求使用滑鼠拖曳出想要的網頁布局，而每次調整都能即時產出預覽網格，最後可以產生 JSX 或 HTML Code，直接複製就可以貼到應用 Tailwind CSS 框架的網頁，相當方便。

對網站經營與開發者來說，要做好一個網站並不容易，撇開完成開發後要經營的層面來說，光是要讓網頁能夠完美的呈現在電腦、平板、手機各種不同裝置的螢幕尺寸上就是一個不小的課題，再加上各家瀏覽器對 HTML、CSS、JavaScript 等版本技術支援程度各有不同，讓網頁加載的速度也會有差別。網路上有不少網站品質與 SEO的檢測工具，各有各的著眼點，但應該沒人會否認現在網站做得好不好，還是會以 Google 說了算，現在 Google 推 TestMySite 網頁品質測試工具，從友善程度到移動設備的呈現全面幫你的網站總體檢，只要輸入網站網址，除了幫你打分數，還告訴你該如何改進。

如果對 HTML 的基本語法不熟悉，但又有要將文字檔轉成 HTML 檔案格式的需求，方便讓打好的文字檔也可以在網站上來顯示，這時候，我們可以來試試 Text2Html 這套免費應用程式，完成安裝後便會在滑鼠右鍵的快捷功能表出現，使用時更為方便。

離開學校後，有多久沒有用過毛筆了呢？「The Shodo 書道」是一個以 HTML 5 技術為主的線上練習用毛筆寫書法的免費網站，除了可用毛筆寫字、畫圖還有 copybook - 模擬字帖可供練習，若覺得寫得很漂亮還可以透過 Facebook來分享或在線上看到最近分享的作品。

還記得以前相機用底片的時候，每當拿去沖洗後，店家都會製作一張所沖洗相片的縮圖，方便後續的搜尋，而在數位相片的時代，相片多數儲存在電腦的硬碟哩，真有必要才會拿去沖洗，想要將圖片做好管理，可以試試 ThumbIndex 這個可以替相片建立 HTML 的縮圖索引目錄，免去從頭看到尾還找不到相片的困境。

初學網頁編輯，除了功能外、美工外，還有排版用到的 CSS，樣樣都不是省心的事情，如果可以靠一些輔助工具來協助，絕對可以事半功倍，Type Anything 是一個可以用視覺化的方式來調整 H1、H2、H3 及 paragraph 等 HTML 元素的 Font family、Font Size、Font weight、Line height、Opacity、Margin top、Margin bottom、Letter spacing、Word spacing 及 Capitalization 等屬性的免費網站服務，每次的調整都會即時反映到樣板文字上，讓使用者檢視，完成調整後，就可以產生 CSS 排版語法，讓使用者複製到要應用的網頁，相當方便。

瀏覽網頁之所以會覺得網站可能沒有回應，原因有可能出在網頁需要運算時間較久、網路傳輸速率較慢或的數據過多...等等，總之，在這之前如果適時地放上一個等待圖示或是加載中，請稍後...的字樣，都比讓用戶空等帶來的好，如果是要放等待動畫圖示，GIF 是個選擇，而另一選擇則是使用 CSS，Uiball.com 這個網站提供 24個以 CSS 打造的等動畫圖示，喜患的就可以直接複製其 html 與 css語法，直接放到想要顯示的位置即可。