1920全屏店招和導(dǎo)航的裝修操作講解
當(dāng)我們把1920全屏的店鋪招牌制作好之后，就要上傳到店鋪中來，還要把收藏店鋪，關(guān)注，或者店鋪招牌上其他鏈接添加上來，這節(jié)就來講解下，如何裝修1920全屏帶有導(dǎo)航欄的店鋪招牌。
1.首先要把設(shè)計(jì)制作好的1920全屏店鋪招牌進(jìn)行裁剪處理，在photoshop軟件中，使用工具箱里的“裁剪工具”[if !vml]
[endif]，把參考線中間部分進(jìn)行裁剪操作，如圖所示。裁剪處理之后，在菜單欄選擇“文字”-“存儲(chǔ)為Web所用格式”，在彈出來的對(duì)話框中設(shè)置相應(yīng)的圖片格式和壓縮品質(zhì)，如圖所示。
[if !vml]
[endif]
裁剪操作處理
[if !vml]
[endif]
選擇圖片格式和壓縮品質(zhì)
2.現(xiàn)在我們就得到了一個(gè)寬為950像素，高為150像素，裁剪處理后新的店鋪招牌輸出圖，如圖所示。另外一張寬1920像素，高150像素則是我們沒有裁剪后的原圖，如圖所示。全屏店鋪招牌的裝修，用的就是這兩張圖來實(shí)現(xiàn)的。
[if !vml]
[endif]
寬950像素
[if !vml]
[endif]
寬1920像素
3.打開淘寶圖片空間，把寬950像素店鋪招牌圖，上傳到圖片空間，如圖所示。當(dāng)我們選擇圖片之后，系統(tǒng)提供了有“復(fù)制圖片”、“復(fù)制鏈接”、“復(fù)制代碼”等選項(xiàng)，點(diǎn)擊“復(fù)制代碼
”，如圖所示。在彈出來的“請(qǐng)手動(dòng)復(fù)制內(nèi)容”對(duì)話框，選擇所有代碼后，使用“Ctrl+C”復(fù)制，如圖所示。
[if !vml]
[endif]
淘寶圖片空間
[if !vml]
[endif]
單擊復(fù)制圖片代碼
[if !vml]
[endif]
復(fù)制代碼
4.接下來，開始對(duì)店鋪招牌上的對(duì)象添加鏈接設(shè)置。打開電腦里的Dreamweaver軟件，新建一個(gè)空白的HTML文件，選擇“拆分”視圖模式，把文件中默認(rèn)的代碼全選后Delete鍵刪除，如圖所示。然后使用Ctrl+V粘貼鍵，把上一步復(fù)制的圖片代碼粘貼過來，如圖所示。
[if !vml]
[endif]
刪除文件中默認(rèn)代碼
[if !vml]
[endif]
粘貼950像素店鋪招牌圖片代碼
5.在屬性欄上，選擇“圓形熱點(diǎn)工具”，如圖所示。在收藏店鋪按鈕上，創(chuàng)建一個(gè)圓形的熱點(diǎn)對(duì)象，如圖所示。
[if !vml]
[endif]
圓形熱點(diǎn)工具
[if !vml]
[endif]
創(chuàng)建圓形熱點(diǎn)
6.接下來就要找到“收藏店鋪”地址鏈接了，可以到所在的店鋪首頁右上角，有“收藏店鋪”按鈕，如圖所示。把鼠標(biāo)停留在這里，右鍵“復(fù)制鏈接地址”，在熱點(diǎn)屬性欄上，把鏈接粘貼過來，目標(biāo)選擇為-Blank，效果如圖所示。
[if !vml]
[endif]
收藏店鋪按鈕
[if !vml]
[endif]
粘貼收藏店鋪鏈接
7.用同樣的方法，把店鋪招牌上的，LOGO信息鏈接到首頁，店鋪名稱也鏈接到首頁，而每個(gè)導(dǎo)航信息，都找到指定的內(nèi)容，然后逐一創(chuàng)建熱區(qū)，添加鏈接，如圖所示。添加完鏈接之后，在拆分模式里，拷貝所有代碼信息。
[if !vml]
[endif]
創(chuàng)建其他鏈接
8.登錄旺鋪裝修后臺(tái)，在裝修店鋪招牌里，招牌類型選項(xiàng)自定義，然后選擇代碼模式，把拷貝的代碼信息，粘貼過來，效果如圖所示。
[if !vml]
[endif]
粘貼代碼
9.保存好代碼之后，就可以點(diǎn)擊右上角的預(yù)覽按鈕，如圖所示。查看下鏈接添加是否正確，顯示效果是否有誤，950像素店鋪招牌內(nèi)容裝修，最終效果，如圖所示。
[if !vml]
[endif]
點(diǎn)擊“預(yù)覽”按鈕
[if !vml]
[endif]
預(yù)覽效果
10.接下來就對(duì)1920全屏效果進(jìn)行制作。在旺鋪裝修后臺(tái)，選項(xiàng)頁頭，然后在“頁頭背景圖”選項(xiàng)，單擊更換圖片，如圖所示。把制作好的1920全屏的店鋪招牌圖，作為頁頭背景圖替換進(jìn)來，如圖所示。
[if !vml]
[endif]
更換頁頭背景圖
[if !vml]
[endif]
頁頭背景圖
11.點(diǎn)擊預(yù)覽之后，就可以看到，一個(gè)全屏的店鋪招牌效果就這樣實(shí)現(xiàn)了。
[if !vml]
[endif]
最終效果
??w!?????|#?s?
