- Dreamweaver CS6網(wǎng)頁設(shè)計(jì)與制作教程
- 孟帙穎 王寶龍 劉靜主編
- 249字
- 2020-05-07 11:29:14
3.3 圖像效果實(shí)例——替換圖像占位符
圖像占位符通常只在頁面編輯時(shí)使用,當(dāng)編輯完成后,就需要將圖像占位符替換為圖像,下面介紹其操作方法。
(1)選中文檔中的圖像占位符,在“屬性”面板中單擊“源文件”后面的“瀏覽文件”按鈕,打開“選擇圖像源文件”對(duì)話框(圖3-16)。

圖 3-16
(2)在打開的“選擇圖像源文件”對(duì)話框中選中要替換的圖像(圖3-17),單擊“確定”按鈕應(yīng)用該圖像后,文檔中的圖像占位符即可替換為選中的圖像(圖3-18)。

圖 3-17

圖 3-18
(3)執(zhí)行“文件”→“保存”命令保存文件,按下“F12”鍵在瀏覽器中預(yù)覽網(wǎng)頁效果(圖3-19)。

圖 3-19
推薦閱讀
- 大型網(wǎng)站架構(gòu)實(shí)戰(zhàn)
- 24小時(shí)學(xué)會(huì)網(wǎng)站建設(shè)
- Vue.js Web開發(fā)案例教程(在線實(shí)訓(xùn)版)
- 網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)從入門到精通
- jQuery Web開發(fā)案例教程(在線實(shí)訓(xùn)版)
- ADOBE DREAMWEAVER CS6 標(biāo)準(zhǔn)培訓(xùn)教材
- 形·色:網(wǎng)頁設(shè)計(jì)法則及實(shí)例指導(dǎo)
- 電子商務(wù)網(wǎng)頁設(shè)計(jì)(第二版)
- Premiere Pro CS6多功能教材
- 網(wǎng)頁設(shè)計(jì)與制作
- Vue應(yīng)用程序開發(fā)
- 從零開始讀懂Web3
- Dreamweaver CS3網(wǎng)站制作炫例精講
- 外貿(mào)獨(dú)立站建站實(shí)操從入門到精通
- 別具光芒:CSS網(wǎng)頁布局案例剖析