Bài E5. Nhúng mã và tạo băng chuyền hình ảnh

1. Công cụ Image carousel

Công cụ Image carousel (bảng chuyển hình ảnh) dùng để trình chiếu hình ảnh trên trang web hay các hình ảnh sẽ tự chuyển động theo dạng bảng chuyển.

a) Tạo mới bảng chuyển hình ảnh

Để sử dụng công cụ Image carousel, nháy chọn thẻ Insert → Công cụ Image carousel.
Tại hộp thoại Insert images, nháy chọn biểu tượng Add image, chọn:

• Upload image (Tải hình ảnh lên), hoặc

• Select image (Chọn hình ảnh)

=> Sau khi tải lên, chọn lần lượt các hình ảnh cần chèn.

Sau khi tải hình ảnh lên, có thể: chỉnh sửa hình ảnh, xóa hình ảnh (remove image), thêm văn bản mô tả hình ảnh (add text).

=> Hoàn thành, nhấn Insert để chèn bảng chuyển hình ảnh vào trang web.

Lưu ý: Chọn ít nhất 2 hình ảnh để tạo bảng chuyển hình ảnh.

b) Hiệu chỉnh bảng chuyển hình ảnh

Để hiệu chỉnh bảng chuyển hình ảnh, chọn hình ảnh trên bảng chuyển, nháy chọn biểu tượng  Settings hoặc nháy đúp vào hình ảnh.

Hộp thoại Edit carousel cho phép: thêm, xóa hình ảnh, thêm văn bản mô tả → nhấn Update để cập nhật.

Ngoài ra, nháy chọn biểu tượng  Settings trong hộp thoại Edit carousel để xuất hiện thêm các tùy chọn:

• Show dots: Hiển thị dấu chấm bên dưới hình ảnh.

• Show captions: Hiển thị phần chú thích.

• Auto start: Tự động bắt đầu chạy hình ảnh khi mở trang web.

• Transition speed: Tốc độ chuyển đổi (gồm: very slow, slow, medium, fast)

Lưu ý: Tùy chọn Transition speed chỉ xuất hiện khi bật Auto start.

2. Công cụ Embed

Công cụ Embed (nhúng) dùng để nhúng một liên kết trang web hoặc mã nhúng mã định dạng web.

a) Nhúng vào trang web

Để sử dụng công cụ Embed, chọn Insert → Công cụ Embed.

Tại hộp thoại Embed from the web, có 2 tùy chọn:

• By URL (nhúng liên kết): Sao chép đường liên kết và dán vào khung → nhấn Insert
• ​Embed code (nhúng mã định dạng web): Dán đoạn mã HTML

b) Thay đổi các tùy chọn nhúng

Để thay đổi nội dung hiển thị khi nhúng, chọn nội dung nhúng → nhấn biểu tượng  Settings hoặc nháy đúp vào.

Xuất hiện hộp thoại Link Card Settings, tùy theo trang web sẽ có 2 – 3 tùy chọn:

• Show image: hiển thị hình ảnh của trang web được nhúng

• Show title: hiển thị tiêu đề bài viết

• Show description: hiển thị mô tả ngắn

Lưu ý: Các tùy chọn nghĩa là đang bật. Nháy vào để tắt/bật. Khi thực hiện nhúng, nên chọn cả 3 nội dung để giúp người xem nắm được thông tin rõ hơn.