>在Dreamweaver中移動(dòng)圖像

>本節(jié)解決瞭如何使用標(biāo)準(zhǔn)拖放方法在Dreamweaver中移動(dòng)圖像。 Dreamweaver提供了一種非常直觀的方式，可以直接在視覺設(shè)計(jì)視圖上重新定位圖像。 只需單擊它，選擇圖像。 您的光標(biāo)將更改以指示選擇。然後，單擊並按下鼠標(biāo)按鈕將其放在圖像上。將圖像拖到網(wǎng)頁中的所需位置。您會(huì)看到一個(gè)視覺指南，顯示在拖動(dòng)時(shí)將圖像放置在哪裡。放置圖像後，釋放鼠標(biāo)按鈕以最終確定位置。此方法對(duì)於基本圖像重新定位是快速而有效的。 要獲得更精確的定位，您需要使用以下各節(jié)中描述的方法。

使用像素坐標(biāo)的精確圖像定位

>在Dreamweaver中使用Pixel坐標(biāo)在Dreamweaver中實(shí)現(xiàn)精確的圖像定位，需要利用屬性面板。 選擇圖像後，找到屬性面板（通常在屏幕的底部找到；如果不是，請(qǐng)轉(zhuǎn)到窗口＆gt;屬性）。在屬性面板中，您會(huì)發(fā)現(xiàn)“寬度”，“高度”，“左”和“頂部”的字段。這些字段代表圖像的尺寸和位置相對(duì)於其包含元素（通常是身體或特定div）。 “左”和“頂部”值表示從包含元素的左上角中的像素中的水平和垂直偏移。 要精確定位您的圖像，請(qǐng)將所需像素值直接輸入到“左”和“頂部”字段中。例如，要將圖像從左邊緣放置100像素，從容器的頂部邊緣放置了50個(gè)像素，您將在“左”字段中輸入“ 100”，在“頂部”字段中輸入“ 100”。 按Enter或單擊字段外應(yīng)用更改。 請(qǐng)記住，坐標(biāo)是相對(duì)於包含元素的左上角的，因此，請(qǐng)確保在您打算時(shí)將包含元素定位。 這些元素可以充當(dāng)圖像的容器，使您可以獨(dú)立組織和定位它們。 例如，您可以創(chuàng)建幾個(gè)Divs，每個(gè)Divs包含一個(gè)圖像。 通過將CSS樣式（通過CSS樣式面板或直接在代碼中）應(yīng)用於這些Divs，您可以控制每個(gè)圖像的位置（使用絕對(duì)或相對(duì)定位），它們之間的間距及其在頁面上的整體佈局。 這提供了一種靈活而有力的方法，用於管理多個(gè)圖像，實(shí)現(xiàn)複雜的佈置和重疊。 使用表是一種較舊的方法，雖然功能性，但由於其更大的靈活性和更好的語義結(jié)構(gòu)，因此通常首選與CSS使用DIVS。

鍵盤快捷鍵，用於有效的圖像移動(dòng)

> dreamweaver提供了幾個(gè)鍵盤快捷鍵，可以加快移動(dòng)圖像的過程。 儘管沒有一個(gè)快捷方式可以通過特定數(shù)量的像素精確地移動(dòng)圖像，但是可以使用標(biāo)準(zhǔn)箭頭鍵（向上，向下，左，右）來逐步推動(dòng)所選圖像。 每次鑰匙壓力的移動(dòng)量可能會(huì)因您的Dreamweaver設(shè)置和縮放級(jí)別而異。 使用箭頭鍵時(shí)，按住移位鍵通?？梢赃M(jìn)行更大的運(yùn)動(dòng)。 此外，您可以使用標(biāo)準(zhǔn)複製/粘貼快捷方式（Windows上的CTRL C/CTRL X/CTRL V，CMD C/CMD X/CMD V上的MacOS上的CMD X/CMD V）來重複和重新定位圖像。 這些快捷方式，結(jié)合了選擇多個(gè)圖像的能力，使管理圖像放置更加有效。 請(qǐng)記住，請(qǐng)諮詢Dreamweaver鍵盤快捷鍵幫助菜單，以獲取完整列表和自定義選項(xiàng)。

以上是dreamweaver怎麼移動(dòng)圖片的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！