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

DIGIVISION

NHÀ CUNG CẤP TỔNG THỂ GIẢI PHÁP

MARKETING - QUẢN TRỊ TRỰC TUYẾN

CHO DOANH NGHIỆP

THIẾT KẾ

WEBSITE LINH HOẠT

(RESPONSIVE WEB)

TẠI SAO NÊN THIẾT KẾ

WEBSITE LINH HOẠT?

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)

2007 2009 2011 2013 2015

MÁY TÍNH THIẾT BỊ DI ĐỘNG

WEBSITE LINH HOẠT

LÀ GÌ?

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

Bạn chọn website linh hoạt

hay website dành riêng cho di động?

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

Làm thế nào để tạo ra

1 website linh hoạt?

image by Geoff Teehan

2. MEDIA QUERIES2. MEDIA QUERIES

1. TẠO RA CÁC GRID, IMAGE

VÀ MEDIA TÙY CHỈNH

940

720 220

TARGET ÷ CONTEXT = RESULT

TARGET ÷ CONTEXT = RESULT

940

100%

720 220

76.5957447% 23.40425535%

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

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

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


2. MEDIA QUERIES2. MEDIA QUERIES

2. MEDIA QUERIES


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


HÃY NGHĨ ĐẾN MOBILE TRƯỚC TIÊN

2. MEDIA QUERIES

3. HIỂN THỊ TỐT TRÊN

MỌI TRÌNH DUYỆT


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


Ngày nay, website cần đáp ứng được tất cả những

trình duyệt thông dụng nhất

THIẾT KẾ WEBSITE LINH HOẠT

HAY LÀ CHẤP NHẬN ĐI SAU ĐỐI THỦ?

HÃY LỰA CHỌN!

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

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 Hotline: 098 321 6618

Ms. Hoàng Phương Thúy - CEO

Mobile. 091 3344 559

Email. [email protected]

Website. www.digivision.com.vn

mailto:[email protected]

http://www.digivision.com.vn/

Hân hạnh đồng hành cùng doanh nghiệp!

DigiVision - Your Vision

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

Documents

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