Tạo một trang web di động

Tôi sẽ tạo một phiên bản di động của một trang web.

Đây là lần đầu tiên tôi sẽ tạo một trang web dành riêng cho thiết bị di động.

Tôi cần biết những gì? Tôi cần làm gì để nhận ra?

Lời khuyên tốt và tài nguyên được yêu cầu!

- Sri

Nếu bạn đang xây dựng một trang web di động, thì bạn đang bước vào một thế giới đau khổ! Nghiêm túc. Tôi đã dành một năm làm quản lý dự án cho các dự án cổng thông tin di động và các lỗi trình duyệt và sự khác biệt về nền tảng là những đơn đặt hàng lớn hơn so với phát triển ứng dụng web toàn PC.

Điều đầu tiên tôi sẽ nói là: Hãy xem xét kỹ trường hợp kinh doanh. Có một lợi thế đầu tiên cho không gian di động ngay bây giờ; nhưng bạn có thể hoặc không thể kiếm tiền từ phiên bản di động. Hãy suy nghĩ cẩn thận về điều này.

Điều thứ hai là: Hạn chế mục tiêu thiết bị càng nhiều càng tốt. Khi bạn thêm các thiết bị, bộ phận hỗ trợ khách hàng và đảm bảo chất lượng thực sự bùng nổ. Nếu bạn có thể thoát khỏi việc chỉ hỗ trợ iPhone + Android, thì hãy làm như vậy. Ít nhất là thiết lập một danh sách cố định trong đó điện thoại nào được hỗ trợ đầy đủ và điện thoại nào được hỗ trợ một phần và giữ nó ở đó.

Bạn sẽ không thể nhắm mục tiêu tất cả các thiết bị 'tốt' với một giải pháp công nghệ. (Ít nhất là không trừ khi bạn xác định 'tốt' là văn bản thuần túy, căn lề trái, kiểu dáng tối thiểu). 4 định dạng 'gia đình' chính cho các trang web di động là:

• HTML 5 . "Tốt nhất" thỏa hiệp giữa các tính năng mạnh mẽ và phân tích cú pháp nhất quán, chặt chẽ ngay bây giờ. Chỉ hoạt động trên các điện thoại di động tiên tiến (thực tế có nghĩa là iPhone và Android ngay bây giờ).
• XHTML Di động . Tương thích nhất, hỗ trợ thiết bị rộng nhất. Những gì bạn muốn cho tất cả Nokias, Sony-Ericssons không hoàn toàn mới, v.v. Nói cách khác, XHTML Mobile hoạt động với phần lớn các thiết bị cầm tay được cài đặt. Nhưng thường thì người dùng của các thiết bị cầm tay này không thực sự sử dụng các trang web di động nhiều như vậy, vì vậy chúng là tỷ lệ truy cập thực tế đến các tài sản di động ít hơn.
• Thẻ súp, tức là HTML 4.01, XHTML 1.0 đầy đủ, v.v. Hoạt động như 'súp thẻ', chỉ tương thích với các kiểu điện thoại gần đây.
• Wap. Đối với hầu hết các trường hợp sử dụng, định dạng này đã chết. Tôi sẽ không xem xét nó cho bất kỳ loại phát triển lĩnh vực xanh nào nữa. (Các điện thoại chỉ có thể làm được Wap đã cũ và hỏng đến mức không con người nào thực sự muốn sử dụng chúng làm nền tảng tính toán. Hãy nghĩ màn hình đơn sắc, không có bàn phím QWERTY, v.v.)

Nota bene: Chỉ các điện thoại di động hiện đại mới hỗ trợ Javascript (một lần nữa, hỗ trợ hạn chế trên iPhone, khá tốt trên Android, một số điện thoại thông minh khác có hệ điều hành khác có hỗ trợ Javascript nhưng chỉ trong các mẫu rất gần đây).

Cuối cùng nhưng không kém phần quan, xem xét các ứng dụng bản địa, có thể 'lai' ứng dụng mà có một số phần của chrome ứng dụng và logic được cài đặt tại địa phương, và kéo nội dung khác trong qua mạng. Phát triển các ứng dụng gốc cho iPhone thực sự rẻ đến mức đáng ngạc nhiên và các ứng dụng gốc dĩ nhiên nhanh hơn và thân thiện hơn so với các ứng dụng trên trình duyệt.

Tôi cần biết những gì? Tôi cần làm gì để nhận ra?

Nếu đó là bạn bây giờ, thì hoặc là sẵn sàng dành nhiều thời gian để học, hoặc xem xét việc thuê trong bí quyết bên ngoài.

Tôi cần biết những gì?

Tôi sẽ bắt đầu với Thực tiễn tốt nhất dành cho thiết bị di động 1.0 của W3C và xem các trang web như Tạp chí Smashing nói gì về thiết kế trang web cho thiết bị di động.

Tôi cần làm gì để nhận ra?

WAP đã chết khá nhiều với sự ra đời của các trình duyệt điện thoại di động (thường là phiên bản rút gọn của trình duyệt máy tính để bàn truyền thống) - không cần nhấn mạnh vào các giao thức phức tạp khi các công cụ mà bạn đã quen thuộc sẽ đủ.

Một số bài viết hay về chủ đề này -

• Tình trạng phát triển web di động - phần 1 , 2 , 3

• Thân thiện với thiết bị di động:
  Hướng dẫn tối ưu hóa web di động