---
title: 練習題目 - 留言板
tags: 網頁組
---

# 練習題目 - 留言板 - 前言

大家現在經過了前面的學習之後，掌握了基礎的網頁該如何撰寫，也學會了如何使用函式庫，和查看文件，我們現在有一個期末的題目要給大家練習，這會是讓我們知道大家的學習情況的一次檢核點，希望大家都能盡力製作並如期完成。

:::info
上課簡報：[留言板教學簡報](https://docs.google.com/presentation/d/176WBFKTjrw-QS1jxUCYdcQFPUN-SmPpW/edit#slide=id.p1)
:::

# 本節目標

- 做出一個留言板

# 參考範例


# 題目要求

- 版面設計
- 請使用 BootStrap（不一定要全部都是，至少要用到）
- 其餘函式庫可自行選用

一樣可以自由使用 Google 查詢自己想要的版面，或是參考下列的網址。
- UI 設計
- [Collect UI](http://collectui.com/)
- [Pinterest](https://www.pinterest.com)
- 配色
- [Coolors](https://coolors.co/)
- [Webgradients](https://webgradients.com/)

- 功能需求
- 新增留言
- 刪除留言
- 修改留言

除了上述提到的內容之外，大家可以發揮自己的創意，自由創作👍

::: warning
不論遇到什麼問題都能夠直接詢問學長姊，千萬不要害羞❕❕❕
:::

## 額外補充

完成留言板之後，可以試著透過 GitHub Page 把網頁 host 起來喔。

如果你還不會 Git 的話，快去透過之前的文章學習一下吧❗
:::success
- [Git 基礎介紹 + 安裝](/h66i_zldRg-Jd3lin5mIUA)

- [Git 實際演練](/1cAZJzaOTCuoB2dRBxpASw)

- [（番外）GitHub Pages](/qIYneumRTA6x6vkK76FNuQ)
:::

:::info

[GitHub Page 官方網站](https://pages.github.com)

[從零開始: 用github pages 上傳靜態網站](https://medium.com/%E9%80%B2%E6%93%8A%E7%9A%84-git-git-git/%E5%BE%9E%E9%9B%B6%E9%96%8B%E5%A7%8B-%E7%94%A8github-pages-%E4%B8%8A%E5%82%B3%E9%9D%9C%E6%85%8B%E7%B6%B2%E7%AB%99-fa2ae83e6276)
:::

---

本學期的進度以及課程就到這邊告一個段落，假如你覺得非常有趣，還想繼續往下學的話，可以先透過這系列文章繼續往下學習，希望大家不要就此停下腳步，能夠繼續自發性的學習。