前言

套用範本後，需注入實質內容。本文以首頁（index.htm）為例，詳細說明文字編輯、圖片處理、超連結建立與管理。

一、認識範本首頁結構

典型三區：上方橫幅（圖片主）、左側目錄（連結主）、中間主體（文字主）。刪除多餘預設元素，保留簡潔架構。

二、文字編輯操作

• 複製貼上/直接輸入文字，操作類 Word。
• 關鍵差異：網頁段落間距大，常用 Shift+Enter 軟性換行。工具列「全部顯示」可看見段落/換行符號。
• 樣式、字型、顏色、間距、符號、邊框、段落格式等功能與 Word 相似，多練習即熟練。

三、圖片處理

1. 插入剪貼圖

「插入」→「圖片」→「剪貼圖」分類豐富，點選插入。

2. 插入自有圖片檔

• 先編輯好（縮放、修飾、依內容存 GIF/JPEG）。
• 「插入」→「圖片」→「來自檔案」選取，存檔時建議存入站點 image 資料夾。

3. 圖片編輯與屬性

• 選取圖片拖曳調整大小/位置，下方工具列可加文字、調對齊。
• 右鍵「圖片屬性」：來源檔案、格式參數、顯示方式、對齊、邊框、留白等內部屬性設定。

四、超連結建立與管理

1. 文字超連結

反白選取文字→右鍵「超連結」→選目標檔案（如 Photo.htm）確定。編輯模式 Ctrl+點擊可測試。

2. 圖片超連結

圖片右鍵「超連結屬性」設目標檔案/圖片/Email。

3. 超連結管理視窗

「檢視」→「超連結」視覺化呈現全站連結關係：某頁連出/被連入哪些頁，可展開上下層關係，維護極便利。

進階學習建議

• 書籤錨點、導覽列元件、影像熱點/熱區應用。
• 深入圖片格式特性（GIF 透明/動畫、JPEG 壓縮品質）。
• 背景圖片版面應用技巧。