當(dāng)前位置: 首頁 > 攻略教程 > 軟件教程 > dreamweaver cs6網(wǎng)頁中制作DIV圖層的相關(guān)操作步驟

dreamweaver cs6網(wǎng)頁中制作DIV圖層的相關(guān)操作步驟

時間:2024-07-03 20:05:53 編輯:易網(wǎng)VIP游戲門戶 閱讀:0

現(xiàn)在不少網(wǎng)友不知道dreamweaver cs6網(wǎng)頁中怎樣制作DIV圖層的操作,接下來這篇文章就給大家講解dreamweaver cs6網(wǎng)頁中制作DIV圖層的方法。希望可以幫助到大家!

dreamweaver cs6網(wǎng)頁中制作DIV圖層的相關(guān)操作步驟

dreamweaver cs6網(wǎng)頁中制作DIV圖層的相關(guān)操作步驟

我們需要先打開dreamweaver軟件。

dreamweaver cs6網(wǎng)頁中制作DIV圖層的相關(guān)操作步驟截圖

然后我們在單擊布局里的繪制圖。

dreamweaver cs6網(wǎng)頁中制作DIV圖層的相關(guān)操作步驟截圖

接著我們在繪制如下圖可以看到了一個方形,可以更改長或方的物體。

dreamweaver cs6網(wǎng)頁中制作DIV圖層的相關(guān)操作步驟截圖

這時在選擇常用,在單擊圖像。

dreamweaver cs6網(wǎng)頁中制作DIV圖層的相關(guān)操作步驟截圖

然后在找到一張圖片,如下圖是是網(wǎng)上找的,可以自己制作一張,選擇好之后在單擊確定。

dreamweaver cs6網(wǎng)頁中制作DIV圖層的相關(guān)操作步驟截圖

這里可以不用寫在單擊確定完成。

dreamweaver cs6網(wǎng)頁中制作DIV圖層的相關(guān)操作步驟截圖

最后預(yù)覽的效果如下圖。

dreamweaver cs6網(wǎng)頁中制作DIV圖層的相關(guān)操作步驟截圖

根據(jù)上面為你們講述的dreamweaver cs6網(wǎng)頁中制作DIV圖層的詳細(xì)操作流程,相信大家應(yīng)該都學(xué)會了吧!