陳孟松
目標：
分享建立網站的經驗及方法，希望有興趣的人，可以有信心、且很快就上手做自己的網站，且加入筆會網站的團隊。
大綱
- 網站基本認識
- 建立網頁實作
- 建立網站結構
- 更新網站
- 筆會網站、wordpress 網站
網站基本認識
動態 (Dynamic) 與 靜態 (Static) 網站、網頁
網站就是一組互相連結的網頁與特定的功能 (functions)。我們只做「靜態 (static)」網站，也就是一組互相連結的靜態網頁，不需要特定的功能。
網頁是依據國際標準的HTML語法所建立，能呈現文字、圖片、影片等各種內容，並可透過超連結（hyperlink）連接到其他網頁或資源。「動態 (dynamic)」網頁有電腦程式，提供特定功能，例如Amazon購物網站。靜態網站只需「靜態 (static)」網頁，不需要有電腦程式。
網站網址及首頁
每個網站都有特定的網址 (url)，例如筆會網站的網址是www.taiwanpenclub.org。
每個網頁都有特定的網址 (url)，但都很長、繁雜，不適合讓使用者記得、或輸入。每個網站都有首頁 ( Home Page ) ，也就是網站第一個呈現的網頁。首頁很重要，除了是網站的顏面，也是連結到網站其他網頁的起點，以便來訪者的溜覽整個網站。
Wrodpress 編輯器 (Editor)
HTML語法並不難，但直接譔寫起來很瑣碎、耗時，一般都會使用編輯器 (editor)。Wordpress 算是最通行的 editor 之一，我們就是要用 WordPress 來做網頁。
建立網頁實作
我們用Wordpress 的 “Block Editor”，也就是用其中的各種 Block 來完成我們要做的網頁。常常要用的 blocks 有：
- 題目 Title
- 作者
- 文字標題：Heading
- 文字段落：Paragraphs
- 單張圖片：Image
- 多張圖片：Gallery
小技巧分享：
- Author: the first Heading-3 (per Pen Club Website style)
- Text line spacing: hold Shift and press Enter to move to the next line instead of a new paragraph
- Image: centered, linked, size: auto to 600px, caption
建立網站結構
例子一：筆會
例子一：紀念邱黃愛玉
http://Chiouhuangaiyu.wordpress.com
- 首頁 à 選項頁 (用button呈現)
- 選項頁 à 個別網頁
<2026-06-03>