網頁設計如何插入圖像

網頁設計如何插入圖像？網頁設計插入圖像的方法：將插入點移動到要插入的圖像的位置，選擇"插入|圖像"菜單命令，或"插入"面板上的"常用|圖像"按鈕的"圖像"下拉菜單項，打開"選擇圖像源文件"對話框選擇圖形即可。以下是網頁設計如何插入圖像得具體介紹

1、插入圖像

將插入點移動到要插入的圖像的位置，選擇"插入|圖像"菜單命令，或"插入"面板上的"常用|圖像"按鈕的"圖像"下拉菜單項，打開"選擇圖像源文件"對話框。

選擇好要插入的圖像文件后，點擊"確定"按鈕，會出現(xiàn)"圖像標簽輔助功能屬性"對話框。其中，"替換文本"下拉列表項用于指定圖像的描述信息，當鼠標移動到圖像上時將顯示該信息。單擊"確定"按鈕，即可將選定的圖像添加到頁面中。

如果插入的圖像位于站點文件夾之外，系統(tǒng)會彈出"是否將此圖像文件復制到根文件夾中"的信息框。點擊"是"按鈕，彈出"復制文件為"對話框，點擊 "保存"按鈕，圖像文件將被保存在選定的文件夾中。

2、圖像屬性設置

在Dreamweaver的文檔窗口中選擇一個圖像，會出現(xiàn)"圖像屬性"面板，其中顯示了該圖像的常用屬性。如果該面板沒有出現(xiàn)，可以單擊"窗口|屬性"菜單命令來打開所選圖像的"屬性"面板。

3、插入圖像占位符

在網頁制作過程中，如果要插入的圖像尚未制作完網或尚未計劃要插入的圖像，可以使用圖像占位符來預留圖像的位置，以便在網頁中添加其他對象。

插入圖像占位符時，僅用于臨時放置圖像，在實際瀏覽時將以叉的形式顯示。

插入圖像占位符時，將插入點移動到要添加圖像占位符的位置，并選擇 "插入|圖像對象|圖像占位符"菜單命令，或 "插入"面板中的"常用|圖像 "圖標的"圖像占位符"下拉菜單項，打開"圖像占位符"對話框。在對話框中設置圖像占位符參數，點擊 "確定 "按鈕，完成設置。

在用圖像替換圖像占位符時，可以直接雙擊圖像占位符，在彈出的"選擇圖像源文件"對話框中選擇圖像源文件即可。

4、插入鼠標經過圖像

鼠標插入圖像上也叫交互式圖像。當鼠標移到一個圖像上時，會轉換成另一個圖像，而當鼠標指針移開時又會返回到原來的圖像。這種動態(tài)效果常被用在網頁導航欄的導航按鈕上。

鼠標移過的圖像由原始圖像和替換圖像組成，它們的大小應該相等。如果這兩張圖片的尺寸不同，Dreamweaver將調整第二張圖片的尺寸，使之與第一張圖片的尺寸一致。

要插入鼠標經過圖像，將插入點移動到需要添加鼠標經過圖像的位置，選擇"插入|圖像對象|鼠標經過圖像"菜單命令，打開"插入鼠標經過圖像 "對話框。在對話框中設置鼠標經過圖像的參數，點擊"確定"按鈕即可。

      注：尊重原創(chuàng)文章,轉載請注明出處和鏈接 http://m.dedgn.cn/news-id-66439.html 違者必究！部分文章來源于網絡由培訓無憂網編輯部人員整理發(fā)布,內容真實性請自行核實或聯(lián)系我們，了解更多相關資訊請關注網頁制作頻道查看更多，了解相關專業(yè)課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多：150 3333 6050