Sách bài tập Tin học 12 Bài E4 (Chân trời sáng tạo): Sử dụng Content Blocks, Button, Divider

Giải SBT Tin học 12 Bài E4: Sử dụng Content Blocks, Button, Divider

Câu E4.1 trang 39 SBT Tin học 12: Công cụ Content Blocks cung cấp bao nhiêu mẫu thiết kế có sẵn?

A. 4 mẫu.

B. 5 mẫu

C. 6 mẫu.

D. 7 mẫu

Lời giải:

Đáp án đúng là: C. 6 mẫu.

Vì Công cụ Content Blocks cung cấp 6 mẫu thiết kế có sẵn.

Câu E4.2 trang 39 SBT Tin học 12: Công cụ nào được sử dụng để tạo đường phân chia nội dung trên trang web?

A. Content Blocks.

B. Button.

C. Divider.

D. Heading.

Lời giải:

Đáp án đúng là: C. Divider.

Vì Công cụ Divider được sử dụng để tạo đường phân chia nội dung trên trang web.

Câu E4.3 trang 40 SBT Tin học 12: Khi sử dụng công cụ Button, em có thể thực hiện những tuỳ chọn nào?

A. Thay đổi nội dung của nút.

B. Thay đổi màu sắc của nút

C. Thay đổi liên kết của nút.

D. Tất cả các phương án trên.

Lời giải:

Đáp án đúng là: D. Tất cả các phương án trên.

Vì Khi sử dụng công cụ Button, em có thể thực hiện những tuỳ sau: Thay đổi nội dung của nút, Thay đổi màu sắc của nút, Thay đổi liên kết của nút.

Câu E4.4 trang 40 SBT Tin học 12: Để chèn hình ảnh vào các khối nội dung của Content Blocks, em cần thực hiện thao tác nào?

A. Nháy chọn Insert, chọn tuỳ chọn Upload hoặc From Drive.

B. Gõ tổ hợp phím Ctrl + V để dán hình ảnh.

C. Kéo thả hình ảnh từ máy tính vào khối nội dung.

D. Nháy chọn Insert và chọn hình ảnh.

Lời giải:

Đáp án đúng là: A. Nháy chọn Insert, chọn tuỳ chọn Upload hoặc From Drive.

Vì Để chèn hình ảnh vào các khối nội dung của Content Blocks, em cần thực hiện thao tác sau: Nháy chọn Insert, chọn tuỳ chọn Upload hoặc From Drive.

Câu E4.5 trang 40 SBT Tin học 12: Để thay đổi màu sắc của đường phân chia tạo bởi công cụ Divider, em cần làm gì?

A. Chọn đường phân chia và thay đổi màu sắc.

B. Thay đổi màu giao diện của trang web.

C. Sử dụng công cụ Button để thay đổi màu.

D. Không thể thay đổi màu sắc của đường phân chia.

Lời giải:

Đáp án đúng là: B. Thay đổi màu giao diện của trang web.

Vì Để thay đổi màu sắc của đường phân chia tạo bởi công cụ Divider, em cần Thay đổi màu giao diện của trang web.

Câu E4.6 trang 40 SBT Tin học 12: Ghép mỗi công cụ ở cột bên trái với một chức năng ở cột bên phải cho phù hợp.

Lời giải:

Câu E4.7 trang 41 SBT Tin học 12: Điền từ thích hợp vào chỗ chấm: "Khi muốn tạo ra một không gian giữa các phần tử trên trang web, giúp trang web rõ ràng và dễ theo dõi hơn, em nên sử dụng công cụ……………”

Lời giải:

"Khi muốn tạo ra một không gian giữa các phần tử trên trang web, giúp trang web rõ ràng và dễ theo dõi hơn, em nên sử dụng công cụ Divider”

Câu E4.8 trang 41 SBT Tin học 12: Điền từ thích hợp vào chỗ chấm: "Công cụ…………………cho phép chèn các đối tượng như văn bản, hình ảnh, Drive, YouTube, Calendar và Map vào trang web theo mẫu thiết kế có sẵn".

Lời giải:

"Công cụ Content Block cho phép chèn các đối tượng như văn bản, hình ảnh, Drive, YouTube, Calendar và Map vào trang web theo mẫu thiết kế có sẵn".

Câu E4.9 trang 41 SBT Tin học 12: Điền từ thích hợp vào chỗ chấm: "Để thay đổi liên kết của một nút được tạo bằng công cụ Button, em cần thực hiện ……….”.

Lời giải:

"Để thay đổi liên kết của một nút được tạo bằng công cụ Button, em cần thực hiện chọn tuỳ chọn Edit button để sửa liên kết”

Câu E4.10 trang 41 SBT Tin học 12: Tiếp tục thiết kế trang web với chủ đề bảo vệ môi trường nơi em đang sống đã làm ở các bài trước, em sử dụng các công cụ Content Blocks, Divider và Button để thiết kế trang chủ cho trang web đáp ứng các yêu cầu như sau: - Chèn đường phân chia (Divider) để ngăn cách phần header và nội dung chính. - Phần nội dung chính:

+ Sử dụng mẫu 2 cột: Cột trái chèn ảnh minh hoạ, cột phải nhập nội dung giới thiệu về chủ đề.

+ Chèn đường phân chia.

+ Sử dụng mẫu 2 cột: Cột trái nhập nội dung về các hoạt động bảo vệ môi trường, cột phải chèn ảnh minh hoạ.

+ Tuỳ chỉnh màu nền cho phù hợp.

- Chèn nút "Tìm hiểu thêm" (Button) và liên kết đến một trang khác chứa thông tin chi tiết.

Mục đích là thiết kế một trang chủ bắt mắt, trình bày thông tin về chủ đề bảo vệ môi trường và hướng dẫn người dùng tìm hiểu thêm thông tin chi tiết.

Lời giải:

Em thực hiện các bước như sau:

1. Chèn đường phân chia trang.

Nhảy chọn thẻ Pages + in Trang chủ.

Nháy chọn thẻ Insert + Công cụ Divider, đường phân chia trang web được chèn vào (Hình 8).

Thiết kế nội dung phần thứ hai:

Nháy chọn thẻ Insert + Công cụ Content Blocks, chọn mẫu

Chèn hình ảnh vào cột bên trái: Nháy chọn biểu tượng +, xuất hiện các tuỳ chọn. Chọn hình ảnh tù nguồn phù hợp, ví dụ From Drive (Hình 9), chọn Insert. Em được kết quả như Hình 10.

Style 3 được kết quả như Hình 13.

3. Thiết kế nội dung phần thứ ba: Em thấy rằng, bố cục thiết kế phần thứ ba tương tự như phần thứ hai nên em tạo bản sao phần thứ hai, thực hiện như sau:

Chọn nội dung thiết kế của phần thứ hai, nháy chọn biểu tượng để tạo bản sao.

Tô màu nền Style 1 cho bản sao, thay đổi nội dung, thay thế hình ảnh, di chuyển hình ảnh sang trái, em có kết quả như Hình 14.

4. Thiết kê nút “Xem thêm”.

Nháy chọn thẻ Insert, công cụ Bottom. Tại hộp thoại Insert button, nhập “Xem thêm” ở mục Name, ở mục Link, chọn trang Sản phẩm (trang cần liên kết). Chọn Insert để chèn nút (Hình 15).

Kéo thả nút “Xem thêm” và di chuyển đặt phía dưới văn bản, em được kết quả như Hình 16.

Như vậy, em vừa tạo xong nội dung cho trang chủ bằng cách sử dụng các công cụ Driver, Content Blocks, Button. Việc thiết kế nội dung bố trí kết hợp giữa hình ảnh và văn bản tạo sự chuyên nghiệp trong thiết kế.

Xem thêm lời giải Sách bài tập Tin học lớp 12 bộ sách Chân trời sáng tạo hay, chi tiết khác:

Bài E3: Tạo văn bản, chèn hình ảnh và tạo chân trang

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

Bài E6: Chèn YouTube, Calendar, Drive và Collapsible group

Bài E7: Sử dụng Map, Forms và các thiết lập trang web

Bài E8: Hoàn thiện và xuất bản trang web