Chủ Nhật, 8 tháng 11, 2015
Thiết
kế website responsive thuận lợi và thách thức
Responsive
Web Design là kiểu mẫu phong cách thiết kế với giao diện, bố cục website thể hiện
đẹp, mang tính mỹ thuật với độ hiển thị nội dụng co giãn phù hợp trên tất cả
các màn hình thiết bị như desktop, laptop, tablet, smartphone, với mọi độ phân
giải màn hình, duy trì sự hiển thị nội dung nhất quán thẩm mỹ trên mọi chế độ
phân giải.
Một
trang web được thiết kế theo RWD là việc điều chỉnh bố trí môi trường hiển thị
nội dung bằng cách sử dụng thiết kế dựa trên lưới, hình ảnh co giãn linh hoạt,
CSS3 media queries và sự mở rộng các quy tắc của @media.
Thiết
kế dạng lưới linh hoạt là cách đơn giản để hiệu quả tạo ra việc sắp xếp trật tự
các nội dung trình diễn trên trang. Nó triệu gọi kích thước phần tử trang trong
các tỷ lệ phần trăm đơn vị tương ứng, chứ không phải là đơn vị tỷ lệ tuyệt đối
như pixel hoặc points. Những hình ảnh hiển thị cũng có kích thước giãn nở linh
hoạt để ngăn chặn sự hiện thị ra bên ngoài của phần tử chứa chúng.
Media
queries cho phép trang sử dụng những quy tắc kiểu Css khác nhau dựa trên đặc điểm
của thiết bị mà trang web đang được hiển thị trên đó, phổ biến nhất là tỷ lệ
chiều rộng của trình duyệt.
Những
khái niệm liên quan trong thiết kế web đáp ứng:
Thiết
kế dạng lưới linh hoạt (Grid Based) :
Khái
niệm này đã tồn tại từ lâu , thiết kế dựa theo nguyên tắc cơ bản là canh điều.
Tập hợp các phần tử hiện thị
Ngôn
ngữ đánh dấu HTML5:
Phiên
bản kế tiếp của HTML4.01 do tính chất khả mở và phù hợp nên thế giới công nghệ
tiếp tục phát triển lên HTML5 , ngôn ngữ đánh dấu này chúng ta đã tiếp cận nó từ
lâu khi thế giới internet phát triển đến ngày nay.
Html5
được định nghĩa và có thêm nhiều tính năng mở rộng của nó Ví dụ: các phần tử
<video>,<audio> ,các thành phần <canvas>, MathML cho các công
thức toán học….
Bảng
kiểu định dạng CSS3:
Là
bảng kiểu định dạng phiên bản kế tiếp của CSS2 được W3C và cộng đồng công nghệ
phát triển. Vai trò của nó hỗ trợ xử lý định dạng cho trang HTML được thẩm mỹ đẹp
hơn khi thể hiện thông tin trên các trình duyệt như font chữ , màu chữ , kiểu nền,
phối màu, các định dạng dữ liệu đa phương tiện media queries…
Nền
tảng Frameworks JavaScript: là ngôn ngữ kịch bản được dùng để thực thi tập các
tác vụ nào đó cho ứng dụng web. Ngôn ngữ này được xử dụng áp dụng phổ biến và
được giới công nghệ phát triển thành các nền tảng Frameworks khác nhau như:
AngularJS, Modernizr, jQuery, và jQuery Mobile.
