Web Standard For Mobile
Loading...
Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.
Favorites, Groups & Events
Web Standard For Mobile - Presentation Transcript
- Web Standard for Mobile Vega Technology
- Các ngôn ngữ web hiện có cho Mobile
- Wap
- WAP Push
- WAP 2.0
- xHTML
- xHTML Mobile Profile 1.2
- xHTML Mobile Basic 1.1
- xHTML
- xHTML MP và xHTML Basic
- CSS 1.0 Mobile Profile
- The following selectors are in the CSS 1.0 MP
- Type selectors
- body selects the <body> element
- Descendant selectors
- h1 strong
- Link pseudo class selectors - only the link and visited states
- h1 strong
- Dynamic pseudo class selectors
- a:link , a:hover, a:active
- Class selectors
- .question {font-weight: bold}
- .answer {font-weight: 400}
- ID selectors
- #idname
- h#idname
- Properties in the CSS Mobile Profile
- background (shortcut)
- background-color
- background-image
- background-position
- background-repeat
- the border properties
- clear
- color
- display
- float
- font font-family
- font-size
- font-style
- font-variant
- font-weight
- height
- list-style
- list-style-image
- list-style-position
- list-style-type
- the margin properties
- the padding properties
- text-align
- text-decoration
- text-indent
- text-transform
- vertical-align
- visibility
- white-space
- width
- Làm việc với Web cho Mobile
- TYPOGRAPHY
- Đa số thiết bị hỗ trợ h1, h2, v.v.. Nhưng chỉ ở mức độ tương đối, một số thiết bị đặt kích cỡ chữ của h1, h2 là bằng nhau.
- Tag <p> rất an toàn khi dùng với các thiết bị di động. Bởi đây là tag rất cơ bản và hầu hết các thiết bị đều hỗ trợ rất tốt tag này. Tương tự với <strong> và <b>
- Tuy nhiên <em> và <i> rất kém trong các thiết bị di động. Đặc biệt hiển thị tiếng Việt có thể sẽ bị lỗi nếu để trong <em> hoặc <i>
- Về chữ, font-size gần như là không có tác dụng vì đa số các thiết bị di động tự định cỡ chữ theo cách của riêng mình. Do dó nên dùng <p> trong trường hợp bình thường và heading tag (h1,h2...) với trường hợp các cỡ chữ khác.
- Bên cạnh đó sử dụng font-family cũng tương tự, bởi các thiết bị di động thường chỉ hỗ trợ sans-serif
- Làm việc với Web cho Mobile
- LIST
- UL và OL được các thiết bị di động hỗ trợ rất tốt (khuyên dùng).
- Bên cạnh việc dùng OL hoặc UL, việc sử dụng kèm theo đó accesskey rất cần thiết. Việc này giúp thiết bị di động truy cập nhanh các chức năng băngf phím số có sẵn trên máy của họ.
- IMAGES
- Hầu hết các thiết bị đều hỗ trợ hiển thị ảnh. Tuy nhiên, bắt buộc phải sử dụng alt cho trường hợp thiết bị đó không hỗ trợ hiển thị ảnh.
- Việc thiết kế ảnh nên dùng Bitmap font để có tăng khả năng dễ đọc cho các thiết bị di động. (Điển hình là Clip Mobile Website)
- background-image được hỗ trợ rất tốt trái lại background-color chỉ được hỗ trợ bởi một số thiết bị.
- Làm việc với Web cho Mobile
- MISCELLANY
- Border-style được hỗ trợ rất tốt. Tuy nhiên với trường hợp an toàn border-style: solid là giải pháp tốt nhất.
- Margin và Padding được hỗ trợ rất tốt trong hầu hết các thiết bị.
- Cỡ chữ nên được tính bằng em hoặc % để dễ co giãn với độ phân giải màn hình thay vì đơn vị pixels
More info about this document
© All Rights Reserved
Go to text version
- Total Views 894
- 894 on SlideShare
- Comments 0
- Favorites 0
- Downloads 29
Most viewed embeds
All embeds
- Upload Info
- Uploaded via SlideShare
- Uploaded as Microsoft PowerPoint
0 comments
Post a comment