Dreamweaver怎么給淘寶店招添加鏈接? 淘寶店招添加鏈接的技巧
我要評(píng)論想要使用DW給淘寶店招添加鏈接，有好多新手賣家不知道怎么給切片的店招加鏈接，下面我們就來看看詳細(xì)的教程，很簡(jiǎn)單哦。
Adobe Dreamweaver 2020 v20.0.0 精簡(jiǎn)中文特別版 64位
- 類型：網(wǎng)頁設(shè)計(jì)
- 大?。?/span>220MB
- 語言：簡(jiǎn)體中文
- 時(shí)間：2020-04-16
我們打開DW，新建一個(gè)【HTML】文檔，如圖所示。
接著，我們把HTML文檔保存在店招切片的文件夾里，然后把光標(biāo)定在<body>的后面【插入】3行4列的【表格】，表格寬度為950像素，點(diǎn)擊【確定】，如圖所示。
我們根據(jù)店招切片的需要，選中部分單元格進(jìn)行【合并】，然后把第3行的4個(gè)單元格合并為1個(gè)，如圖所示。
接下來，我們?cè)诘?行的單元格里【插入】1行7列的【表格】，表格寬度為100百分比，點(diǎn)擊【確定】，如圖所示。
我們點(diǎn)擊插入【圖像】，分別給單元格插入切片好的圖片（制作方法請(qǐng)看：ps怎么設(shè)計(jì)淘寶全屏店招? ），如圖所示。
我們選中圖片在下方的源文件里，可以看到的圖片對(duì)應(yīng)序號(hào)，如圖所示。
接著，我們?cè)趫D片空間里找到相同序號(hào)的圖片，然后點(diǎn)擊【復(fù)制鏈接】，如圖所示。
接下來，我們把復(fù)制的圖片鏈接粘貼在源文件里面（要把圖片的短鏈接刪除掉），然后在【鏈接】里面復(fù)制相關(guān)的寶貝鏈接，選擇【_blank】，如圖所示。
我們把店招的所有圖片和鏈接都換好之后，在dw里面按下【CTRL+F】打開查找替換，在查找里面輸入【<img】，替換輸入【<img style="display:block;"】，點(diǎn)擊【替換全部】，如圖所示。
我們把<body>開頭到</body>結(jié)束的代碼全部選中，按下【CTRL+C】拷貝，如圖所示。
接著，我們?cè)谫u家中心的店鋪管理中選擇【店鋪裝修】，如圖所示。
我們?cè)诘赇佈b修中選擇【PC裝修】，如圖所示。
我們?cè)谑醉摰挠疫咟c(diǎn)擊【裝修頁面】，如圖所示。
按下來，我們?cè)诘赇佌信评锩孢x擇【自定義招牌】把代碼粘貼在進(jìn)來，高度設(shè)置為150px，點(diǎn)擊【保存】，如圖所示。
我們?cè)陧擃^背景圖里面更換為1920*150的店招背景圖片，然后點(diǎn)擊【應(yīng)用到所有頁面】，如圖所示。
最后，我們點(diǎn)擊發(fā)布就可以看到全屏店招的效果了。
以上就是淘寶店招添加鏈接的技巧，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
Dreamweaver代碼怎么自動(dòng)排版? dw代碼格式化的技巧
Dreamweaver怎么連接數(shù)據(jù)庫? dw連接數(shù)據(jù)源的方法
Dreamweaver CS6超鏈接怎么去掉下劃線? dw取消字體下劃線的教程
相關(guān)文章
DW2021怎么下載? Dreamweaver2021破解安裝圖文教程
DW2021怎么下載？DW2021版本想要下載安裝，該怎么下載呢？下面我們就來看看Dreamweaver2021破解安裝圖文教程，需要的朋友可以參考下2020-11-19
Dreamweaver怎么做一個(gè)hello world網(wǎng)頁?
Dreamweaver怎么做一個(gè)hello world網(wǎng)頁？對(duì)于初學(xué)者使用Dreamweaver制作一個(gè)網(wǎng)頁是很值得高興的一件事，該怎么使用dw制作一個(gè)最簡(jiǎn)單的hello world頁面呢？下面我們的就來看2020-09-03
Dreamweaver文字或圖片怎么添加空連接？Dreamweaver制作網(wǎng)頁的時(shí)候，需要給網(wǎng)頁中的圖片或者文字添加空連接，該怎么實(shí)現(xiàn)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參2019-10-09
Dreamweaver媒體查詢命令怎么使用？Dreamweaver制作頁面會(huì)用到很多命令，我們今天就來介紹關(guān)于媒體查詢命令的使用方法，需要的朋友可以參考下2019-09-03
Dreamweaver怎么修改文檔說明類型？Dreamweaver中想要更改文檔說明，該怎么更改呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2019-09-03
Dreamweaver怎么插入水平線并設(shè)置顏色？Dreamweaver制作網(wǎng)頁的時(shí)候，想要插入一個(gè)水平線，該怎么插入水平線并設(shè)置紅色呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考2019-05-06
dreamweaver怎么使用正則表達(dá)式？dreamweaver頁面中有需要替換的內(nèi)容，該怎么替換呢？我們可以使用正則表達(dá)式來替換，下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2019-04-30
Dreamweaver網(wǎng)頁怎么插入單選按鈕？Dreamweaver設(shè)計(jì)網(wǎng)頁的時(shí)候，需要使用單選按鈕，該怎么插入單選按鈕呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2019-04-26
Dreamweaver CC2019怎么制作關(guān)注按鈕?
Dreamweaver CC2019怎么制作關(guān)注按鈕？dw2019中想要制作一個(gè)按鈕并給按鈕添加鏈接，實(shí)現(xiàn)關(guān)注的效果，該怎么操作嗯？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2019-04-25
Dreamweaver CS3復(fù)選框怎么用? dw復(fù)選框?qū)傩越榻B
Dreamweaver CS3復(fù)選框怎么用？Dreamweaver CS3制作網(wǎng)頁的時(shí)候，經(jīng)常使用復(fù)選框，復(fù)選框的各種屬性有什么作用？下面我們就來看看dw復(fù)選框?qū)傩越榻B，需要的朋友可以參考下2019-04-24
