【網頁設計教學│勞動學苑版】01.新增網站資料夾，圖檔文案素材準備，新增網頁檔，Bootstrap建立首頁，國平老美工網頁設計x教學 (附CC中文字幕)‪@kuopingsir‬

在 Windows 上，右鍵點擊資料夾，從選單中選擇 重新命名，然後進行編輯。 某些 Windows 版本一開始會顯示簡化的選單——你可能需要右鍵點擊，然後選擇 顯示更多選項，再選擇 重新命名！ 在 macOS 上，點擊／選取資料夾名稱即可編輯。

本章將詳細介紹在網頁中加入圖片的技巧與應用。 在開始加入圖片之前,先讓來認識一下能用在網頁中的圖檔格式。 圖檔格式有許多種 (例如 bmp、jpg、tif....),不過能用在網頁上的圖片格式可沒那麼多。 根據 HTML 規範,標準的網頁圖檔只有 JPG 和 PNG 這 3 種。

命名慣例在保持有序儲存庫中扮演著至關重要的角色。 我們強調避免在檔名中使用中文字符的重要性，以確保相容性和使用的便利性。

壹、重點提示： 網頁圖片標籤，是網路上最吸引人的地方，認識它、學會它，讓您的網站也能變的美美的！ 貳、認識網頁圖檔：在您學習圖片標籤之前，請先對網路圖檔圖檔格式等基本觀念，有一些基本認識 。

凱士網頁帶您認識網頁常見圖片格式（JPG、PNG、SVG、WebP、AVIF）之差異與應用建議，說明各種格式的特性、壓縮效率與支援情況，並說明網站後台如何管理與開放圖片格式上傳。

SEO 友善的圖片命名方式可以幫助搜索引擎更快理解圖片內容，簡單扼要、清楚描述、精準包含關鍵字、搭配 ALT 屬性，並使用有意義的英文單字及選擇正確的圖檔格式。

一般來說，在命名要上傳到網站的檔案，我們都強烈建議 檔案名稱一律使用小寫的英文與數字命名，以避免後續發生問題。