回到學院首頁選擇製網課程教學與製網有關的語言選擇輔助課程選擇網頁材料了解 HKIWC
The Best Web Hosting Company
 工具預備
 簡單設定
 五分鐘速成
 按鍵一覽
 插入圖片Here
 底色棬
 活用表格
 運用框架
 連結進階
 加入音樂
 精用表單
 安裝計數器
 安裝訪客簿
 安裝聊天室
 網頁上傳
 檔案權限
 加入實例
 本節實例
 疑難討論
 聯絡學院
 網絡辭典
歡迎到訪 PenPal Garden
ICQ 國際交友會
  ■ 預備:
GIF 或 JPG 格式圖片一張,此處假設其檔名為 your.gif 。
■ 簡單步驟:
視窗狀態:開啟 Composer 於想插入圖片的文章或新檔。
  1. 將游標移至文章適當位置,
  2. Image 鍵,
  3. 於對話窗中按 Choose file 鍵,
  4. 選出檔案 your.gif, 按 OK開啟舊檔 回對話窗,
  5. OK確定 回文章畫面,
  6. 你已成功插入了一幅圖片,完成。
■ 詳細步驟:
當你進行到【簡單步驟】第三步可看到如下對話窗,若你已完成第六步,那末以滑鼠雙擊 該圖像亦可。所有圖像屬性都在此對話窗設定,請細看 A-E 的說明。有關圖像的連結請 參考另一節【連結進階】。

A. 設定圖片檔案位置及其它。

  • Choose File 鍵可選擇圖片檔案,或可手動鍵入。
  • Edit Image 鍵可立即修改該圖片,若第一次使用則需設定改圖軟件。
  • 若剔選 Leave image at...,則每瀏覽此頁都會到指定途徑讀取此圖片,內定值為不選,
         則是當此頁被存檔時該圖片檔案亦被備份到此頁同一目錄下。
  • 若剔選 Us as Background,則此圖片將成為棬,這亦是一種設定棬的方法。

    B. 設定圖片與文字之間的相對位置。

  • 由於這些按鍵上的圖案已表示它們的用處,我不多說了。

    C. 設定圖片大小。

  • HeightWidth 有絕對值(pixels 像素)及相對值(% of windows 指瀏覽者視窗)之分。
  • 若剔選 Constrain,則圖片將保持寬、高的比例,一者被改另一者將自動按比例調整。
  • Original Size,可恢復圖片本身的大小。

    D. 設定圖片邊沿。

  • Left and Right 設定圖片的左右保留多少 pixels 的空間,不會被顯示。
  • Top and Bottom 設定圖片的上下保留多少 pixels 的空間,不會被顯示。
  • Solid Border 設定圖片加邊厚度,會被顯示。

    E. 其它按鍵。

  • Remove Image Map 除去『一圖多連結』的設定,少用。
  • Alt. Text/LowRes... 按下會產生另一對話窗,并有以下兩個參數可填改:
    1. Alternate text 該圖片還沒顯示時或鼠標劃過時出現的文句。
    2. Low resolution image 該圖片還沒顯示時先顯示的低解像圖片位置。
  • Extra HTML 按下後可手動填入其他未列出的 <IMG> 圖像標記屬性或 Java Script。
  • The Best Web Hosting Company
    Download Internet Explorer Download Netscape Netvigator