2011-12-28 31 views
6

Tôi mới phát triển Trang web dành cho thiết bị di động Tôi muốn phát triển một trang web trên điện thoại di động và tôi rất ấn tượng với (m.yahoo.com). Bất kỳ ai có thể cho tôi bất kỳ ý tưởng làm thế nào tôi có thể làm cho rằng loại trang web di động? Công nghệ nào được yêu cầu cao bởi loại phát triển đó cho trang web trên điện thoại di động?Làm cách nào để tạo trang web trên Điện thoại di động như m.yahoo.com (Phiên bản Di động)?

Trả lời

0

bạn phải mua một tên miền riêng biệt cho điều đó .... và các bước có thể dễ dàng tiếp trong liên kết này steps to create a mobile web

+1

liên kết tốt, nhưng không cần thiết với miền riêng biệt .. –

+2

"m". là một subdomian không phải là một tên miền –

0

Không nhìn vào nguồn yahoo, nhưng nhìn và cảm nhận nhắc nhở tôi về dự án này, http://jquerymobile.com/

+0

Không có Javascript trên m.yahoo.com, tôi nghĩ vậy. Nhưng rất nhiều CSS tương tự như jQuery Mobile. – Thilo

5

Có nhiều cách để bạn có thể làm điều đó. Nhưng trước đó, bạn cần phải xem xét một số điều;

  1. Bạn đang tìm kiếm để có 2 tên miền riêng cho máy tính để bàn và điện thoại di động (như www.yahoo.com VÀ m.yahoo.com)
  2. như thế nào thiết kế của bạn sẽ trông như thế nào trong từng xem?

Ở trên là các quyết định quan trọng cần thực hiện, vì có các thiết bị liên tục mới (thiết bị di động/máy tính bảng, v.v.) đang xuất hiện trên thị trường. Vì vậy, bạn cần phải thiết kế một cái gì đó mà có thể dễ dàng mở rộng trong tương lai.

Nói về điều đó, có một cách tiếp cận rất tốt để thiết kế trang web trên thiết bị di động. Nó được gọi là Thiết kế Web đáp ứng (hoặc thiết kế chất lỏng) Ở đây, bạn không mã cứng bất kỳ kích thước nào (chiều rộng/chiều cao/padding/lề, vv) và chỉ định mọi thứ trong% (trong CSS của bạn) Điều này đảm bảo rằng bố cục sẽ điều chỉnh chính nó theo màn hình mà nó được xem trên và do đó không gắn với bất kỳ thiết bị cụ thể nào.

Ngoài ra, bạn cũng cần phải biết về chế độ xem cho thiết bị di động. Ngoài ra, đối với Javascript, bạn có thể xem xét các thư viện như jQTouch, jQuery Mobile, Sencha Touch (đối với các trang web phức tạp hơn) và thậm chí là các thư viện cơ bản như plugin flowplayer.

Vui lòng cho tôi biết nếu bạn cần bất kỳ thông tin bổ sung nào.

+0

+1 cho Thiết kế web đáp ứng – Robert

2

Có một bất lợi khi có miền khác cho trang web trên thiết bị di động của bạn từ trang web trên máy tính để bàn/máy tính bảng. Nó làm cho việc chia sẻ nội dung trên web trở nên khó khăn. Nếu bạn chia sẻ một số URL trên trang web trên thiết bị di động, tất cả người dùng truy cập vào URL đó sẽ được hiển thị phiên bản di động ngay cả khi họ mở nó trên máy tính để bàn.

Nếu bạn đã sử dụng django để tạo phiên bản máy tính để bàn của trang web, bạn có thể sử dụng một cái gì đó như django_mobile để phân phối phiên bản dành cho thiết bị di động có cùng URL. Nó ngửi các tác nhân người dùng từ các tiêu đề HTTP và phục vụ phiên bản thích hợp. Một số người nghĩ rằng điều này là không đáng tin cậy và thích phương pháp cũ.

+1

Cung cấp các tải trọng HTML khác nhau từ cùng một URL là xấu cho bộ nhớ đệm kết thúc trước. Thay đổi: Hành vi cache của tác nhân người dùng phá hủy hiệu suất bộ nhớ đệm. Một số thông tin khác: https://github.com/miohtama/detectmobile.js –

Các vấn đề liên quan