Dreamweaver怎么給淘寶店招添加鏈接? 淘寶店招添加鏈接的技巧

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