本節簡介:講解活動專題頁面切圖、制作熱點地圖以及突破淘寶默認950px寬度的裝修方法
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
切圖 導出圖像和HTML 把代碼放入DW中 添加熱點地圖和定位屬性
地圖名稱 一定要唯一,map, 做什么位置就用什么位置命名比較好:如promap
做熱點地圖,輸入鏈接,記得地圖旁邊的map這是地圖名稱,不同的鏈接不能重復,可以在map輸入欄前面添加promap就不會沖突了
碼工助手-通欄代碼-把原始代碼黏貼過來-填寫模塊寬度和模塊高度-生成代碼-返回裝修頁面-點擊編輯,去掉原本的代碼,黏貼生成的代碼就可以
返還淘寶裝修頁面,自定義模塊,黏貼代碼。會發現我們的圖像被限制在950px中。
如果之前沒有更換本地地址,要先更換地址。代碼從table開始復制到最后的map部分
做熱點地圖,輸入鏈接,記得地圖旁邊的map這是地圖名稱,不同的鏈接不能重復。
把圖片上傳到圖像空間。再用dw打開圖片,看一下代碼,把本地圖像地址畫成網絡圖像
把圖片橫向切割,一個熱點地圖范圍最好不要分開切割。圖像越小,網絡加載速度就越快。所以要控制大小。圖像高度不要超過700px,大小不要超過500kb,在200-300kb比較合適。
加鏈接時要改下地圖的地址,如map名是一定要唯一,先加個pro;如promap,或者加后面。不要取中文名
本地圖像換成網絡圖像;就是上傳到空間的圖片的地址鏈接
不要在要加鏈接的熱點地圖的地方切成兩部分;分隔完后,用切片工具基于參考線切割出來。然后把圖片存為web格式,優化圖片,按shit 鍵全選圖片,優化圖片,品質60,jpg格式,高品質
網頁是從上到下慢慢加載。如果頁面太大,加載速度太慢。所以要用切片,不用整個圖片加載鏈接。高度不要超過600-700;大?。?00-300kb