Bài 5. Tạo nội dung hình ảnh cho trang web

Nội dung lý thuyết

1. Hình ảnh, video trên trang web

Để thu hút người truy cập, ngoài nội dung hữu ích, việc trình bày trang web đẹp mắt và tiện lợi là rất quan trọng. Vì vậy, các đối tượng đồ họa như hình ảnh, video thường được sử dụng riêng lẻ hoặc tổ chức thành bộ sưu tập, thanh trượt...

Các hình ảnh phổ biến trên trang web gồm:

  • Ảnh đại diện, ảnh minh họa cho nội dung bài viết: thường có kích thước nhỏ, đặt xen kẽ với văn bản hoặc nhiều vị trí khác trên trang.

  • Ảnh/video nổi bật: thường đặt ở đầu trang, ngay dưới thanh điều hướng, có kích thước lớn, màu nền nổi bật, chiếm chiều rộng trang web và có thể chứa tiêu đề ngắn.

Một số ví dụ về sử dụng hình ảnh, video trên trang web

2. Bộ sưu tập và thanh trượt

  • Bộ sưu tập (gallery): hiển thị nhiều hình ảnh hoặc video khác nhau dưới dạng lưới hoặc danh sách, như Hình 2a.
  • Thanh trượt (slider): gồm nhiều hình ảnh/video hiển thị lần lượt bằng cách trượt sang trái/phải tự động hoặc theo điều hướng của người dùng. Thanh trượt thường dùng để giới thiệu ưu đãi, quảng cáo dịch vụ, sản phẩm doanh nghiệp (Hình 2b).

Một số ví dụ về sử dụng nhiều hình ảnh/video dưới dạng bộ sưu tập và thanh trượt