Lý thuyết Tin học 12 Bài E5 (Chân trời sáng tạo): Nhúng mã và tạo băng chuyền hình ảnh

Lý thuyết Tin học 12 Bài E5: Nhúng mã và tạo băng chuyền hình ảnh

1. Công cụ Image carousel

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

Chọn Insert > Image carousel

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 hình ảnh lên có thể xóa hình ảnh ) Remove image) hoặc thêm mô tả cho hình ảnh (add text) để chèn bang 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

- 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 chuột vào hình ảnh.

- Trong hộp thoại dit carousel, có thể thêm, xoá hình ảnh hoặc thêm văn bản trước khi chọn Update để lưu thay đổi.

- Các tùy chọn bổ sung trong hộp thoại Edit carousel:

- Show dots: 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 bên dưới hình ảnh.

- Auto start: Tự động bắt đầu chạy băng chuyền khi mở trang web.

- Transition speed: Tốc độ chuyển đổi hình ảnh với các tùy chọn:

- 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 Auto start được chọn.

2. Công cụ Embed

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

a) Nhúng vào trang web:

Chọn Insert > công cụ Embed ( Hình 6)

Tại Embed from the web có 3 tùy chọn:

- By URL ( nhúng liên kết), sao 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ừ trang web có hỗ trợ nhúng mã, vào trang web của mình.( Hình 7 – 8)

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

Để thay đổi các tùy chọn nhúng, vào trang web vừa nhúng, chọn Settings

Xuất hiện hộp thoại Link Card Settings, 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 của trang web được nhúng.

Show description: hiển thị mô tả ngắm 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.

Trắc nghiệm: Nhúng mã và tạo băng chuyền hình ảnh

PHẦN I. Câu trắc nghiệm nhiều phương án lựa chọn. Thí sinh trả lời từ câu 1 đến câu 10. Mỗi câu hỏi thí sinh chỉ lựa chọn một phương án.

Câu 1: Khi tạo mới băng chuyền hình ảnh bằng công cụ Image carousel, yêu cầu tối thiểu là bao nhiêu hình ảnh?

A. 1 hình ảnh

B. 2 hình ảnh

C. 3 hình ảnh

D. 4 hình ảnh

Câu 2: Tùy chọn nào dưới đây không có trong hộp thoại Edit carousel của Image carousel?

A. Show dots

B. Auto start

C. Show borders

D. Transition speed

Câu 3: Tùy chọn nào sau đây xuất hiện khi Auto start được chọn trong công cụ Image carousel?

A. Show captions

B. Show dots

C. Transition speed

D. Add image

Câu 4: Để nhúng một liên kết trang web vào Google Sites, công cụ nào được sử dụng?

A. Image carousel

B. Embed

C. Button

D. Divider

Câu 5: Khi sử dụng Embed để nhúng mã HTML, tùy chọn nào sau đây cần nhập?

A. Enter URL

B. Embed code

C. Upload file

D. Select image

Câu 6: Trong tùy chọn Link Card Settings khi nhúng liên kết, tùy chọn nào dưới đây không phải là một tùy chọn có thể bật/tắt?

A. Show image

B. Show title

C. Show author

D. Show description

Câu 7: Khi nhúng mã định dạng web bằng công cụ Embed, hình ảnh nào sau đây không phải là tùy chọn hiển thị?

A. Show image

B. Show link

C. Show title

D. Show description

Câu 8: Tốc độ chuyển đổi nào không phải là một tùy chọn trong Transition speed của Image carousel?

A. Very slow

B. Slow

C. Medium

D. Ultra fast

Câu 9: Khi nhúng liên kết vào Google Sites, điều gì nên được hiển thị để giúp người xem nắm bắt nội dung?

A. Chỉ hiển thị hình ảnh

B. Chỉ hiển thị tiêu đề

C. Chỉ hiển thị mô tả ngắn

D. Hiển thị cả hình ảnh, tiêu đề và mô tả ngắn

Câu 10: Công cụ nào sau đây không phải là một phần của bài học E5?

A. Image carousel

B. Embed

C. Button

D. Divider

PHẦN II. Câu trắc nghiệm đúng Sai. Thí sinh trả lời từ câu 1 đến câu 2. Trong mỗi ý a), b), c), d) ở mỗi câu, thí sinh chọn đúng hoặc sai

Câu 1: Phát biểu sau đây đúng hay sai về công cụ Image Carousel?

a) Công cụ Image Carousel cho phép tạo mới băng chuyền hình ảnh bằng cách chọn Insert > Image carousel.

b) Có thể xóa hình ảnh khỏi băng chuyền sau khi tải lên.

c) Tốc độ chuyển đổi hình ảnh có thể được điều chỉnh kể cả khi tuỳ chọn Auto start không được chọn.

d) Băng chuyền hình ảnh có thể hoạt động với chỉ một hình ảnh.

Câu 2: Phát biểu sau đây đúng hay sai về công cụ Embed?

a) Công cụ Embed chỉ cho phép nhúng liên kết trang web.

b) Khi nhúng một liên kết, có thể tùy chọn hiển thị hình ảnh, tiêu đề và mô tả ngắn của trang web.

c) Các tùy chọn nhúng không thể được thay đổi sau khi đã nhúng vào trang web.

d) Khi nhúng liên kết, tốt nhất là chọn hiển thị ít nhất một trong ba nội dung: tiêu đề, hình ảnh, hoặc mô tả ngắn.

PHẦN III. Câu trả lời ngắn. Thí sinh trả lời từ câu 1 đến câu 3

Câu 1: Để tạo băng chuyền hình ảnh bằng công cụ Image Carousel, cần chọn ít nhất bao nhiêu hình ảnh?

Câu 2: Tùy chọn Transition speed trong công cụ Image Carousel sẽ xuất hiện khi nào?

Câu 3: Công cụ Embed có thể sử dụng để nhúng gì vào trang web?