HTML.cafe 線上即時 HTML 編輯器,修改原始碼立即查看效果變化

HTML.cafe 線上即時 HTML 編輯器,修改原始碼立即查看效果變化
Copyright : vasilyrosca / 123RF Stock Photos

現在比較少有機會從頭到尾、以原始碼編寫一個網頁,記得十幾年前剛開始製作免費資源網路社群時還沒有使用 WordPress 架站,最早的網頁就是直接用 HTML 文字編輯器寫出來,後來有了所見即所得編輯器,很多事情變得很方便,也少有機會去編寫原始碼。若你偶爾需要測試一些 HTML 內容,看看呈現出來的結果是否正確,可試試接下來的免費工具。

Brizy Cloud 免費架站工具輕鬆打造高轉換率網站,支援自訂網域名稱

Brizy Cloud 免費架站工具輕鬆打造高轉換率網站,支援自訂網域名稱

可能對很多人來說,建立網站是一件很困難的工作,如果沒有技術就必須要花錢請專業團隊幫忙設計,但後續維護管理又會是個難題,也因此有些商家或品牌就直接選擇經營社群網站平台,雖然這麼做看起來很省錢,也沒太大的技術性問題,但缺點是容易被平台綁住,對於搜尋曝光來說不如網站來得這麼有用。我會建議選擇較多人使用的架站服務,利用容易上手的所見即所得編輯器自行設計一個網頁,通常也會提供網站託管,價格不會太高。

Tables Generator 線上製作產生表格 HTML、LaTeX、Markdown 原始碼

Tables Generator 線上製作產生表格 HTML、LaTeX、Markdown 原始碼

如果有接觸過網頁設計或曾經嘗試在網站、部落格放入表格,應該會覺得表格(Tables)是一個非常難搞的東西,不但原始碼複雜,沒有所見即所得編輯器似乎也很難直接寫出來,而在瀏覽器上使用的網頁編輯器又很難修改表格內容,有時候從其他文書處理工具直接複製貼上就會自帶很多用不到的程式碼,程式碼看起來很髒又無法符合當前的頁面風格,總之表格一直是很多人的痛,我也很少在網頁中用到表格,不過表格還是呈現一些數據相當好的方式。

Neocities 免費 HTML 網站空間,每月 200 GB 流量托管靜態網頁超簡單

Neocities

二十幾年前有個相當知名的網頁空間服務「GeoCities」,可以說是早期網路服務的始祖,當年有非常多類似的網頁托管服務,讓使用者將製作後的 HTML 網頁和圖片上傳,使其他人透過網址看到網站內容,這對早期網路發展來說扮演著相當重要的角色。後來 GeoCities 被 Yahoo 收購後發展並不如預期,直到 2009 年宣布關閉 GeoCities 服務,也算是結束一個時代。這幾年已經很少看到 HTML 網頁空間,不過有些專案確實只要單純的靜態頁面就能搞定。

WordHTML 線上將 Word 轉為 HTML,內建清理工具原始碼更乾淨

WordHTML 線上將 Word 轉為 HTML,內建清理工具原始碼更乾淨
Copyright: dimarik16 / 123RF Stock Photo

相信許多讀者都曾有過類似經驗:從 Microsoft Word、Excel 或 PowerPoint 複製內容,貼到網頁的編輯器後發生問題,例如格式跑掉或被塞進一堆骯髒、用不到的網頁原始碼,而這在 Office 早就已經不是新聞,通常解決的辦法只能先貼到純文字編輯器,將這些文字格式「清除」後重新貼回來,不過這又會遇到另一個問題:原有格式必須在瀏覽器端重新加入,通常是件很浪費時間的工作。

HTML Editor 線上所見即所得編輯器,將內容快速轉為 HTML 原始碼

HTML Editor 線上所見即所得編輯器,將內容快速轉為 HTML 原始碼
(Copyright: grinvalds / 123RF Stock Photo

記得以前剛開始接觸網頁製作時都是使用 Microsoft FrontPage 編輯器,也正因為有所見即得編輯器,才能讓原本複雜難懂的 HTML 原始碼變得更簡單易懂,它將原始碼轉換成可視化內容,只要直接輸入文字、圖片、超鏈結後修改樣式即可將網頁製作出來,當然這些頁面背後仍是有所謂的 HTML 程式碼存在,只在需要時才會切換原始碼模式。