2022-06-07 分類: 網(wǎng)站設(shè)計(jì)
創(chuàng)新互聯(lián)為你關(guān)于:wap網(wǎng)站設(shè)計(jì)規(guī)范及wap網(wǎng)站設(shè)計(jì)欣賞的文章,簡(jiǎn)單的闡述幾個(gè)wap網(wǎng)站設(shè)計(jì)規(guī)范和一則wap網(wǎng)站設(shè)計(jì)欣賞案例。
1. 手機(jī)瀏覽器兼容性測(cè)試結(jié)果XHTML部分
大多數(shù)手機(jī)不支持的:屬性:disable;標(biāo)簽button,iframe;即使有些手機(jī)不支持這些屬性和標(biāo)簽,是因?yàn)閐isable屬性與標(biāo)簽button,iframe在頁(yè)面中通常具有重要的功能,它們歸類高危標(biāo)簽,要慎使用哦。少數(shù)手機(jī)不支持的: “select”標(biāo)簽:此標(biāo)簽若被賦予比較復(fù)雜的CSS屬性,可能會(huì)導(dǎo)致顯示不正常,例如”vertical-align:middle”。
1.2 CSS部分
大多數(shù)手機(jī)不支持的:“font-family:bold;” 和“font-style: italic;”,對(duì)漢字無(wú)效,但對(duì)英文是有效的;“font-size”屬性是太小像素看不出有什么差別,除非像素很大(比如18px); “white-space/word-wrap”屬性是不能強(qiáng)制換行; 還有不支持的“background-position”屬性;“position”屬性; “overflow”屬性;“display”屬性;“min-height”和”min-weidth”屬性;
有些手機(jī)不支持的有 height,還有莫名的是我們?cè)跍y(cè)試時(shí),很少手機(jī)不支持”width”屬性; “pading”屬性; “margin”屬性,更多的手機(jī)不支持”margin”的負(fù)值。 少數(shù)手機(jī)對(duì)CSS完全不支持。
1.3 JAVASCRIPT部分
該測(cè)試是相對(duì)不那么瘋狂,或者直接就不支持,若支持的話,對(duì)基本的dom操作基本支持。不過(guò)我們沒有測(cè)試國(guó)內(nèi)非常復(fù)雜的腳本。在我們測(cè)試的手機(jī),支持(包括不完全支持JavaScript)約一半比例的手機(jī),當(dāng)然,對(duì)于我們來(lái)說(shuō),最重要的不是比例,而是如何做好優(yōu)雅降級(jí)JavaScript。
1.4 其他
圖片規(guī)則是,盡可能的用jpg格式的圖片和gif格式的圖片;最好不要有平滑漸變的bar設(shè)計(jì);有些手機(jī)對(duì)于過(guò)大圖片,不僅不能進(jìn)行縮放,也不顯示橫下滾動(dòng)條;很少手機(jī)運(yùn)行內(nèi)存不足,在打開超過(guò)20k的測(cè)試頁(yè)面的情況下;
2. 開發(fā)中需要注意的問(wèn)題,手機(jī)網(wǎng)頁(yè)編碼需要遵循的規(guī)范
遵循XHTML移動(dòng)配置規(guī)范,簡(jiǎn)稱XHTML MP,這就是通常所說(shuō)的wap2.0標(biāo)準(zhǔn)。xhtmlmp是不由客戶端支持XHTML和有限的資源,所有的設(shè)計(jì)特點(diǎn)。它是基于XHTML基礎(chǔ),從XHTML 1加入一些元素和屬性。這些包括一些其他元素和支持的內(nèi)部樣式表。XHTML XHTML MP是基本相同的,嚴(yán)格的XHTML 1.0子集。
3.wap2.0設(shè)計(jì)原則
在頁(yè)面上提供足夠的信息,第一個(gè)屏幕常用的導(dǎo)航鏈接,搜索域,登錄屏幕,和大量的信息;形式的相互作用來(lái)簡(jiǎn)短。提供反饋給用戶的動(dòng)作,對(duì)用戶操作的錯(cuò)誤問(wèn)題情況要提供正確的反饋。每幅圖像都是要求減少頁(yè)面的速度,和內(nèi)容可能會(huì)重新排序,占用時(shí)間和資源,同一圖片的總規(guī)劃。定義圖像的高度和寬度屬性,定義占位符,改善用戶體驗(yàn)。
4. wap網(wǎng)站的標(biāo)準(zhǔn)設(shè)計(jì)寬度
說(shuō)到寬度是五花八門了,那標(biāo)準(zhǔn)寬度就是100%。
創(chuàng)新互聯(lián)還有更多的響應(yīng)式網(wǎng)站建設(shè)與手機(jī)官方網(wǎng)站制作。
文章標(biāo)題:wap網(wǎng)站設(shè)計(jì)規(guī)范及wap網(wǎng)站設(shè)計(jì)欣賞
鏈接地址:http://redsoil1982.com.cn/news/164382.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容