網頁圖片如何設置左右移動

❶ 網頁製作中怎麼把一張圖片做成在一個方框內從左到右的運動

網頁製作中，將一張圖片製作成在一個方框內從左到右的運動可以通過使用Marquee標簽實現。Marquee標簽具有多種基本屬性，包括方向、方式、循環、速度、延時、外觀布局設置等。

首先，設置Marquee的運動方向。使用direction屬性，可以設置圖片從左向右（left）、從右向左（right）、向上（up）或向下（down）運動。例如：從右向左移！

其次，設置Marquee的運動方式。使用behavior屬性，可以選擇圖片以滾動（scroll）、滑動（slide）或交替（alternate）方式運動。滾動方式會使圖片一圈一圈地繞著方框運動，滑動方式則讓圖片只走一次，而交替方式則讓圖片來回運動。例如：一圈一圈繞著走！ 或 只走一次就歇了！ 或 來回走。

再次，設置Marquee的循環次數。通過loop屬性可以指定圖片循環播放的次數。如果未指定，則Marquee會持續播放。例如：只走 3 趟 或 只走 3 趟 或 只走 3 趟！

然後，調整圖片的移動速度。使用scrollamount屬性來設置圖片每秒移動的距離。例如：啦啦啦，我走得好快喲！

另外，可以設置圖片的延時時間。使用scrolldelay屬性來指定圖片每次移動後的暫停時間。例如：啦啦啦，我走一步，停一停！

在外觀布局設置中，可以調整圖片的對齊方式（align屬性）、底色（bgcolor屬性）、圖片的面積（height和width屬性）、以及圖片周圍留白的大小（hspace和vspace屬性）。例如：啦啦啦，我會移動耶！ 或 顏色！ 或 面積！ 或 面積！

在滑鼠響應方面，當滑鼠指向Marquee時會停止運動，離開後繼續運動。可以通過添加onmouseover和onmouseout事件來實現。例如：onmouseover="this.stop()" onmouseout="this.start()"。

❷ Dreamweaver如何使插入的圖片自由移動到想擺放的位置

你可以點擊圖片，在屏幕下方的屬性面板中找到對齊方式項，選擇居左或居右，圖片就會在表格的最左邊或最右邊。

不過，如果想讓圖片自由移動到想要擺放的位置，可能需要使用層。或者你可以專門給圖片創建一個表格，這樣就能隨意拖動了。

在屏幕上方顯示的布局菜單中，使用滑鼠點擊，無需自己編寫代碼就能實現自由移動。

對於希望圖片在頁面中的具體位置進行更精細的控制，可以考慮使用層技術。通過調整層的位置和大小，你可以輕松地將圖片放置在任何位置。

創建層後，可以使用層屬性面板調整其位置和大小，這同樣無需編寫代碼。只需拖動層，或調整其X和Y坐標值，就能實現圖片的自由移動。

另外，也可以利用表格進行布局。創建一個新的表格，將圖片放在表格單元格內，這樣圖片就可以通過調整表格單元格的位置和大小，自由移動到頁面的任何位置。

通過以上方法，你可以輕松地將圖片自由移動到想要擺放的位置，而無需編寫復雜的代碼。這些操作都是可視化的，直接在界面上進行調整即可。

❸ Frontpage網頁設計中怎麼移動圖片

在Frontpage網頁設計中，移動圖片的操作可以通過以下步驟實現：

一、使用「層」功能移動圖片

1. 插入層：

   • 在Frontpage的菜單欄中，點擊「插入」選項。
   • 在下拉框中，選擇「層」並點擊。此時，頁面上會出現一個藍色的小框，這個框就是一個層，可以用來放置和移動圖片。

2. 將圖片放入層中：

   • 點擊你想要移動的圖片，然後將其拖入到剛才創建的藍色小框（層）中。
   • 圖片被拖入層中後，你會看到圖片被包含在藍色的邊框內。

3. 移動圖片：

   • 將滑鼠移到藍色邊框上，按下滑鼠左鍵不放。
   • 此時，你可以拖動整個層（包括其中的圖片）在頁面上移動，直到達到你想要的位置。

二、注意事項

• 層的屬性：在移動層（圖片）後，你可以通過右鍵點擊層邊框，選擇「層屬性」來調整層的大小、位置、背景等屬性。
• 層的嵌套：你可以在一個層內再插入其他層，以實現更復雜的布局效果。但請注意，過多的嵌套可能會導致頁面載入速度變慢。
• 兼容性：雖然Frontpage提供了豐富的網頁設計功能，但考慮到不同瀏覽器的兼容性，建議在設計時盡量使用簡單的布局和樣式。

通過以上步驟，你就可以在Frontpage網頁設計中輕松地移動圖片了。