共用方式為


將圖片加入網頁

您可以從檔案、掃描器或數位相機,將圖片 (也稱為圖形或影像) 新增至您的網頁中。若要順利地從掃描器或數位相機中新增圖片,必須將裝置連接到系統,並在系統上安裝裝置軟體。

您也可以將圖片新增至網頁的背景上。如需詳細資訊,請參閱設定網頁背景

從檔案新增圖片至網頁上

  1. 在網頁中,將游標置於要新增圖片之處,然後執行下列其中一項動作:

    • 將圖片從 [資料夾清單] 工作窗格或 [網站] 檢視中,拖曳至網頁的 [設計] 檢視。

    • 在 [一般]、[標準] 或 [圖片] 工具列上,按一下 [從檔案插入圖片] 按鈕Cc295270.2b560fc5-c13e-4206-bf56-742e895ee3d2(zh-tw,Expression.10).gif。在 [圖片] 對話方塊的 [檔案名稱] 方塊中,指定所要新增的檔案,然後按一下 [插入]。

    • 指向 [插入] 功能表的 [圖片],然後按一下 [從檔案]。在 [圖片] 對話方塊的 [檔案名稱] 方塊中,指定所要新增的檔案,然後按一下 [插入]。

  2. 在 [協助工具屬性] 對話方塊的 [替代文字] 方塊中,鍵入所需的替代文字。替代文字可讓螢幕助讀程式存取您的影像。一些瀏覽器在下載圖片期間、找不到圖片,或網站造訪者將指標移至圖片上時,亦會顯示替代文字。如需詳細資訊,請參閱設定影像的協助工具屬性

  3. 若要加入較長的描述,請按一下 [瀏覽] 並選取檔案,然後按一下 [確定]。

從掃描器新增圖片

  1. 在網頁中,將游標置於要新增圖片之處。

  2. 在 [插入] 功能表上指向 [圖片],然後按一下 [從掃描器或照相機]。

  3. 在 [從掃描器或照相機插入圖片] 對話方塊的 [裝置] 下,按一下要插入圖片的來源裝置。

  4. 在 [解析度] 旁,按一下所要使用的選項。

  5. 若要掃描圖片,執行下列其中一項動作:

    • 若要直接啟動掃描器而不事先指定任何屬性,請按一下 [插入]。若 [插入] 無法使用,請改按 [自訂插入],使用您的裝置視窗掃描圖片。

    • 若要在啟動掃描器前先指定屬性,請按一下 [自訂插入]。請使用裝置視窗設定所需的屬性,並掃描圖片。

  6. 在 [協助工具屬性] 對話方塊的 [替代文字] 方塊中,鍵入在下載圖形、找不到圖形或網站訪客將指標移到圖形上方時,您要用以取代影像的文字。如需詳細資訊,請參閱設定影像的協助工具屬性

  7. 若要加入較長的描述,請按一下 [瀏覽] 並選取檔案,然後按一下 [確定]。

  8. 當您儲存網頁時,會出現 [儲存內嵌檔案] 對話方塊提示您將圖片儲存到網站中。如需詳細資訊,請參閱儲存內嵌圖片

從數位相機新增圖片

  1. 在 [插入] 功能表上指向 [圖片],然後按一下 [從掃描器或照相機]。

  2. 在 [從掃描器或照相機插入圖片] 對話方塊的 [裝置] 下,按一下要插入圖片的來源裝置,然後按一下 [自訂插入]。

  3. 選取要新增的圖片,然後按一下 [取得圖片]。

    Cc295270.alert_tip(zh-tw,Expression.10).gif秘訣:

    若要選取多張圖片,請按住 CTRL,然後選取所需的圖片。

  4. 在 [協助工具屬性] 對話方塊的 [替代文字] 方塊中,鍵入下載圖形、找不到圖形或網站訪客將指標移到圖形上方時,所要顯示的圖片相關文字。如需詳細資訊,請參閱設定影像的協助工具屬性

  5. 若要加入較長的描述,請按一下 [瀏覽] 並選取檔案,然後按一下 [確定]。

  6. 當您儲存網頁時,會出現 [儲存內嵌檔案] 對話方塊提示您將圖片儲存到網站中。如需詳細資訊,請參閱儲存內嵌圖片

請參閱

概念

變更圖片的外觀

設定圖片的大小

圖片屬性

設定網頁背景

設定影像的協助工具屬性