本節簡介:使用Dreamweaver實現全屏店招效果及添加熱點地圖
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
店招裝修:鏈接區域和背景區域分別編輯,背景區域在頁頭里上傳設置不平鋪,居中對齊。熱點區域在店招點擊編輯復制代碼到DW里添加圖片空間里的鏈接,然后在設計視圖中加熱點
店招裝修:鏈接區域和背景區域分別編輯,背景區域在頁頭里上傳設置不平鋪,居中對齊。熱點區域在店招點擊編輯復制代碼到DW里添加圖片空間里的鏈接,然后在設計視圖中加熱點
先設計好1020*150像素的頁頭,把中間的部分裁下來,再把大圖當頁頭做背景。
店招的基本高度120,寬度旺鋪的是990,基本版的是970.
到代碼頁,左下角有一個p,可以快速選擇代碼,復制后來到代碼中,到淘寶店鋪裝修頁面,把原來的代碼刪除,黏貼進新代碼
復制鏈接地址,粘貼到鏈接中,目標選擇-blank就是在新窗口中打開。
在設計中-點擊屬性中的熱點地圖-選擇方框-把需要有鏈接的部位框出
復制代碼,打開dw,選擇hml文件,在body中間編輯,黏貼代碼,圖像沒有顯示出來,因為地址是淘寶專用地址,找到圖像空間。把圖片地址改為圖像空間的地址。
頁頭圖片中間可以留白,這樣能減少像素,店鋪打開能更快
在頁頭區域,上傳頁頭背景圖。選擇更換圖片。注意文件大小在200k以內。背景圖必須店招加導航條
所以就把店招劃分為三個部分,按照485和1435像素建立參考線,根據參考線建立店招中間950的圖片。
復制圖片路徑,進入店鋪裝修,選擇編輯店招區域。選擇自定義招牌,選擇插入圖像。會發現圖像無法全屏
頁頭圖片中間可以填充白色,可以降低圖的像素,要求200kb一下