更改頁(yè)面背景顏色在制作圖片瀏覽器之前，我們首先需要將頁(yè)面的背景顏色更改為黑色。這樣可以滿足我們對(duì)于美觀的要求，當(dāng)然你也可以根據(jù)個(gè)人喜好設(shè)置其他顏色。只需點(diǎn)擊頁(yè)面屬性，即可修改背景顏色。插入表格首先，在

更改頁(yè)面背景顏色

在制作圖片瀏覽器之前，我們首先需要將頁(yè)面的背景顏色更改為黑色。這樣可以滿足我們對(duì)于美觀的要求，當(dāng)然你也可以根據(jù)個(gè)人喜好設(shè)置其他顏色。只需點(diǎn)擊頁(yè)面屬性，即可修改背景顏色。

插入表格

首先，在Dreamweaver中插入一個(gè)2行1列的表格。選擇菜單欄上的“插入”選項(xiàng)，并打開“插入表格”對(duì)話框，將表格寬度設(shè)置為700像素。

插入圖片

現(xiàn)在，我們已經(jīng)成功插入了表格。接下來，選中表格的第一行，并在菜單欄上選擇“插入-圖像”。插入所需的圖片后，將其設(shè)置為水平居中對(duì)齊。

插入縮略圖表格

在表格的第二行插入一個(gè)1行3列的表格，用于顯示縮略圖。將光標(biāo)移動(dòng)到表格的第二行，然后選擇“插入-表格”。將表格邊框設(shè)置為10像素，并將寬度設(shè)置為100%。

插入縮略圖

在第一個(gè)單元格中插入一個(gè)圖片作為第一個(gè)縮略圖。使用同樣的方法插入其他三個(gè)縮略圖。

插入AP Div

插入一個(gè)AP Div，并設(shè)置其大小以覆蓋電視機(jī)屏幕的尺寸。這樣，我們可以在AP Div中插入圖片，實(shí)現(xiàn)類似電視機(jī)播放效果。

添加行為

將其中一張圖片的id設(shè)置為"dianshi"，然后選中這張縮略圖，并給它添加一個(gè)行為。

打開行為窗口

在Dreamweaver的窗口菜單中，勾選“行為”窗口，以便進(jìn)行后續(xù)操作。

添加交換圖像行為

在行為窗口中，點(diǎn)擊添加按鈕，并選擇"交換圖像"。接著打開交換圖像對(duì)話框，在已有的圖片中選擇"dianshi"，并將原始檔設(shè)置為要展示的另一張圖片。最后，點(diǎn)擊確定即可完成設(shè)置。

設(shè)置其他縮略圖行為

使用相同的方法，為其他三個(gè)縮略圖也添加交換圖像的行為。這樣，就能夠?qū)崿F(xiàn)圖片的切換效果了。

通過以上步驟，我們可以輕松使用Dreamweaver制作出一個(gè)簡(jiǎn)單的圖片瀏覽器，讓用戶通過點(diǎn)擊縮略圖來展示不同的圖片。這種效果簡(jiǎn)單而實(shí)用，為網(wǎng)站增添了更多的交互體驗(yàn)。