【網頁設計教學│勞動學苑版】11.加入留言板連結，後台管理工具以及QRcode線上產生器│國平老美工網頁設計x教學(附中文字幕)‪@kuopingsir‬

HTML制作留言板的方法包括：使用HTML表单创建输入区域、通过CSS美化界面、运用JavaScript处理数据、选择后端技术如PHP或Node.js存储留言。

本文要推薦的「CommentBox.io」是一款第三方留言外掛，功能淺顯易懂，就是讓使用者可以在頁面下方留言或進行討論，設計風格簡約，適用於各種網站樣式，更重要的是 CommentBox.io 沒有廣告、不收集使用者 Email，任何人都可以透過和第三方服務帳戶連結，快速登入進行留言。 也支援匿名留言功能。 如果你未來想轉換到其他留言平台，CommentBox.io 亦能將留言備份匯出，不會將使用者綁在平台上進退兩難，這些都可以在控制台內自行操作完成。

智邦網站留言板，提供網站架設用戶一個更便利的網頁工具，讓用戶很容易就在網站上增加留言板的功能。

第 7 課已經大致說明了留言板的程式架構，接著來進行版面美化的工作。 在這個案例中，同樣直接透過 CDN 來引用 Bootstrap 框架，同時為了讓頁面看起來更活潑，也會引用 Font Awesome [1] 在頁面加上一些圖示。

Google 表單 ( Google Forms ) 是非常方便的線上表單應用程式，通常會作為問卷的填表使用，但如果將其嵌入到網頁中，甚至也能當作簡單的留言板，，這篇教學會介紹如何透過 HTML 的實作，將 Google 表單加到網頁中。

而對網站動線不熟的訪客，往往找不到留言板的連結，甚至很多網站根本沒設置專門用於留言的頁面，那更是找不到留言的地方。 使用這個工具後，留言框很大、很明顯，放在側邊欄顯目位置，訪客要找留言板就很容易了。

身為網頁程式初學者的我，先從前端開始學習網頁程式，從HTML做出基礎，再帶入CSS樣式設計，再加入JavaScript的動作。 練習內容： 留言板可以輸入姓名與email跟意見反饋，會將輸入的資料顯示於下方表格新增列與資料，也可以刪除整列資料。