CHỦ ĐỀ E. ỨNG DỤNG TIN HỌC

BÀI E5: NHÚNG MÃ VÀ TẠO BĂNG CHUYỀN HÌNH ẢNH

I - MỤC TIÊU BÀI HỌC

• Sử dụng được các công cụ Image carousel, Embed.

• Thực hiện được các thao tác tạo chuyển động cho hình ảnh, nhúng trang, nhúng mã vào trang web.

II - KIẾN THỨC CẦN GHI 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

- Cách sử dụng công cụ Image carousel để tạo mới và chèn băng chuyền hình ảnh vào trang web:

+ 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 hoặc Select image để chọn lần lượt các hình ảnh cần chèn.

+ Chỉnh sửa hình ảnh sau khi tải lên: Chọn hình ảnh → Chọn remove image (xoá hình ảnh) hoặc add text (thêm văn bản mô tả hình ảnh).

+ Sau khi hoàn hiện, chọn Insert.

- 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 

- Cách hiệu chỉnh băng chuyền hình ảnh: 

+ Chọn hình ảnh trên băng chuyền → Chọn Settings hoặc nháy đúp chuột vào hình ảnh trên băng chuyền.

+ Thực hiện hiệu chỉnh:

• Cập nhật nội dung thay đổi tại hộp thoại Edit carousel: Chọn một trong các tuỳ chọn thêm, xoá hình ảnh hoặc thêm văn bản → Update.

• Chọn Settings trong hộp thoại Edit carousel để xuất hiện thêm các tuỳ chọn:

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

• Show captions (Hiển thị phần chú thích): hiển thị chú thích bên dưới hình ảnh.

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

• Transition speed (Tốc độ chuyển đổi): có 4 tuỳ chọn gồm very slow (rất chậm), slow (chậm), medium (vừa), fast (nhanh).

Lưu ý: Tuỳ chọn Transition speed chỉ xuất hiện khi tuỳ chọn Auto start được chọn.

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 nhúng mã định dạng web.

a) Nhúng vào trang web

- Cách sử dụng công cụ Embed để nhúng một liên kết hoặc mã định dạng web vào trang web:

+ Chọn thẻ Insert → Công cụ Embed.

+ Chọn 1 trong 2 tuỳ chọn nhúng tại hộp thoại Embed from the web:

• By URL (nhúng liên kết): Sao chép đường liên kết và dán vào mục Enter URL.

• Embed code (nhúng mã định dạng web): Sao chép đoạn mã HTML từ các trang web có hỗ trợ nhúng mã. Em có thể nhúng bản tin thời tiết, giờ các nước,... vào trang web của mình.

b) Thay đổi các tuỳ chọn nhúng 

- Cách thay đổi các tuỳ chọn nhúng:

+ Chọn trang web vừa nhúng → Chọn Settings hoặc nháy đúp chuột vào trang web.

+ Bật các tuỳ chọn phù hợp trong hộp thoại Link Card Settings (tuỳ thuộc vào trang web chọn để nhúng sẽ hiển thị 2 hoặc 3 tuỳ 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 của trang web được nhúng.

• Show description: hiển thị mô tả ngắn của trang web được nhúng.

- Lưu ý: 

+ Các dấu tick xanh hiển thị bên cạnh các mục là đang bật, nháy chọn biểu tượng sẽ chuyển sang màu xám nếu muốn tắt tuỳ chọn. Khi chọn các nhúng liên kết nên chọn những liên kết có đầy đủ 3 tuỳ chọn trong hộp thoại Link Card Settings.

+ Khi thực hiện nhúng liên kết vào trang web, em nên chọn hiển thị cả 3 nội dung tiêu đề, hình ảnh và mô tả ngắn, giúp cho người xem nắm được nội dung trang web được nhúng.