您當前位置:圖趣網(Tuquu) >> 網頁設計教程 >> 移動前端 >> 瀏覽設計教程

天貓商家切割頁面參考

 

天貓商家在切頁面時應該注意一下幾個方面:
1.頁面寬度為990px,超過990px部分作為背景。
2.樣式不可以使用全局定義。如:a{} div{}
3..圖片必須放在淘寶服務器上,如店鋪圖片空間或者TMS平臺。
4.單個圖片小于50kb。
5.視頻數量小于等于1個。
6.視頻必須使用淘花網地址。(如果自己無法上傳可以讓小二幫忙上傳地址:http://ugc.taobao.com/
7. 不能使用任何形式的外部請求資源。如:css、js文件

常見問題解決方法:
1.存在問題:圖片斷層
如圖:

解決辦法:給圖片img標簽添加:display:block;屬性

2.問題:圖片切的太碎

如圖:

解決:我們的頁面寬度是990px,大于990的部分切成背景。圖片最好橫向切,減少縱向的切片,對于要加鏈接的部分用map標簽(又稱畫熱區(qū))。

3.標簽嵌套太多太復雜

如圖:

解決:table不要超過2層

4. 頁面990之外的處理

如圖:

解決:990之外的部分單獨切出來做背景,純色背景用代碼寫不用圖片

5.標簽未閉合

如圖:

解決:檢查標簽是否閉合,及寬度是否定義,overflow:hidden是否添加來撐開容器。

6.全局樣式的定義

<style>

Div{……..}

A{………}

</style>

解決:命名class 使用class屬性控制樣式。

[教程作者:admin]
免責聲明:本站文章系圖趣網整理發(fā)布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/wd1855.html
移動網站設計“七宗罪”
前端優(yōu)秀輔助工具(html5+css3)
圖趣網微信
建議反饋
×