2. DIGIVISION
NHÀ CUNG CẤP TỔNG THỂ GIẢI PHÁP
MARKETING - QUẢN TRỊ TRỰC TUYẾN
CHO DOANH NGHIỆP

3. THIẾT KẾ
WEBSITE LINH HOẠT
(RESPONSIVE WEB)

4. TẠI SAO NÊN THIẾT KẾ
WEBSITE LINH HOẠT?

5. 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)

6. 2007
2009
2011 2013 2015
MÁY TÍNH
THIẾT BỊ DI ĐỘNG

7. 2007
2009
2011
MÁY TÍNH
2013
2015
THIẾT BỊ DI ĐỘNG

8. WEBSITE LINH HOẠT
LÀ GÌ?

9. Là như thế này đây…

10. Là như thế này đây…

11. Bạn chọn website linh hoạt
hay website dành riêng cho di động?

12. website dành riêng cho di động

13. website dành riêng cho di động

14. Làm thế nào để tạo ra
1 website linh hoạt?

15. 1. TẠO RA CÁC GRID, IMAGE
VÀ MEDIA TÙY CHỈNH
2. MEDIA QUERIES
2. MEDIA QUERIES
image by Geoff Teehan

17. TARGET ÷ CONTEXT = RESULT
940
720
220

18. TARGET ÷ CONTEXT = RESULT
940
100%
720
76.5957447%
220
23.40425535%

20. VIDEO THAY ĐỔI KÍCH CỠ THEO MÀN HÌNH

22. HÌNH ẢNH THAY ĐỔI KÍCH CỠ THEO MÀN HÌNH

24. GIAO DIỆN WEB LINH HOẠT CỦA WORDPRESS

27. image by Geoff Teehan

28. 2. MEDIA QUERIES
2. MEDIA QUERIES
2. MEDIA QUERIES
image by Geoff Teehan

29. image by Geoff Teehan

30. 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

31. HÃY NGHĨ ĐẾN MOBILE TRƯỚC TIÊN
image by Geoff Teehan

32. image by Geoff Teehan

33. 3. HIỂN THỊ TỐT TRÊN
MỌI TRÌNH DUYỆT
2. MEDIA QUERIES

34. Trước đây, website chỉ đáp ứng một số trình duyệt
image by Geoff Teehan

35. 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

36. THIẾT KẾ WEBSITE LINH HOẠT
HAY LÀ CHẤP NHẬN ĐI SAU ĐỐI THỦ?
HÃY LỰA CHỌN!

37. 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

38. 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

39. Hân hạnh đồng hành cùng doanh nghiệp!
DigiVision - Your Vision