Tại sao chúng ta nên sở hữu một Website Responsive?

513 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
513
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Tại sao chúng ta nên sở hữu một Website Responsive?

  1. 1. DIGIVISION NHÀ CUNG CẤP TỔNG THỂ GIẢI PHÁP MARKETING - QUẢN TRỊ TRỰC TUYẾN CHO DOANH NGHIỆP
  2. 2. THIẾT KẾ WEBSITE LINH HOẠT (RESPONSIVE WEB)
  3. 3. TẠI SAO NÊN THIẾT KẾ WEBSITE LINH HOẠT?
  4. 4. Tổng số người lướt web thông qua thiết bị di động Sẽ vượt PC trong năm 2015 Theo báo cáo của: INTERNATIONAL DATA CORPORATION (IDC)
  5. 5. 2007 2009 2011 2013 2015 MÁY TÍNH THIẾT BỊ DI ĐỘNG
  6. 6. 2007 2009 2011 MÁY TÍNH 2013 2015 THIẾT BỊ DI ĐỘNG
  7. 7. WEBSITE LINH HOẠT LÀ GÌ?
  8. 8. Là như thế này đây…
  9. 9. Là như thế này đây…
  10. 10. Bạn chọn website linh hoạt hay website dành riêng cho di động?
  11. 11. website dành riêng cho di động
  12. 12. website dành riêng cho di động
  13. 13. Làm thế nào để tạo ra 1 website linh hoạt?
  14. 14. 1. TẠO RA CÁC GRID, IMAGE VÀ MEDIA TÙY CHỈNH 2. MEDIA QUERIES 2. MEDIA QUERIES image by Geoff Teehan
  15. 15. TARGET ÷ CONTEXT = RESULT 940 720 220
  16. 16. TARGET ÷ CONTEXT = RESULT 940 100% 720 76.5957447% 220 23.40425535%
  17. 17. VIDEO THAY ĐỔI KÍCH CỠ THEO MÀN HÌNH
  18. 18. HÌNH ẢNH THAY ĐỔI KÍCH CỠ THEO MÀN HÌNH
  19. 19. GIAO DIỆN WEB LINH HOẠT CỦA WORDPRESS
  20. 20. image by Geoff Teehan
  21. 21. 2. MEDIA QUERIES 2. MEDIA QUERIES 2. MEDIA QUERIES image by Geoff Teehan
  22. 22. image by Geoff Teehan
  23. 23. CSS3-MEDIAQUERIES.JS code.google.com/p/css3-mediaqueries-js css3-mediaqueries.js is a JavaScript library to make IE 5+, Firefox 1+ and Safari 2 transparently parse, test and apply CSS3 Media Queries image by Geoff Teehan
  24. 24. HÃY NGHĨ ĐẾN MOBILE TRƯỚC TIÊN image by Geoff Teehan
  25. 25. image by Geoff Teehan
  26. 26. 3. HIỂN THỊ TỐT TRÊN MỌI TRÌNH DUYỆT 2. MEDIA QUERIES
  27. 27. Trước đây, website chỉ đáp ứng một số trình duyệt image by Geoff Teehan
  28. 28. Ngày nay, website cần đáp ứng được tất cả những trình duyệt thông dụng nhất image by Geoff Teehan
  29. 29. THIẾT KẾ WEBSITE LINH HOẠT HAY LÀ CHẤP NHẬN ĐI SAU ĐỐI THỦ? HÃY LỰA CHỌN!
  30. 30. Dịch vụ thiết kế WEBSITE LINH HOẠT VÀ WEBSITE PHIÊN BẢN DI ĐỘNG RESPONSIVE WEB & MOBILE WEB Chuyên nghiệp – Đẳng cấp
  31. 31. Thông tin liên hệ CÔNG TY CP TRUYỀN THÔNG TẦM NHÌN SỐ DIGIVISION - Digital Vision Media JSC., Tầng 4, số nhà 133, ngõ 136, Phố Chùa Láng, Đống Đa, Hà Nội Tel. 04 3211 5868 – 04 3211 5869 Ms. Hoàng Phương Thúy - CEO Mobile. 091 3344 559 Email. info@digisoft.com.vn Website. www.digivision.com.vn Hotline: 098 321 6618
  32. 32. Hân hạnh đồng hành cùng doanh nghiệp! DigiVision - Your Vision

×