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

Ra mắt Sách 20 đề THPT quốc gia form 2025 toán, văn, anh.... (từ 80k/1 cuốn)

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

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.

Quảng cáo

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).

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

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.

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

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.

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

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.

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

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ế.

Quảng cáo

Lời giải sách bài tập Tin học 12 Bài E4: Sử dụng Content Blocks, Button, Divider hay khác:

Quảng cáo

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

Xem thêm các tài liệu học tốt lớp 12 hay khác:

Tài liệu cho giáo viên: Giáo án, powerpoint, đề thi giữa kì cuối kì, đánh giá năng lực, thi thử THPT, HSG, chuyên đề, bài tập cuối tuần..... độc quyền VietJack, giá hợp lí

Sách VietJack thi THPT quốc gia 2025 cho học sinh 2k7:

ĐỀ THI, GIÁO ÁN, GÓI THI ONLINE DÀNH CHO GIÁO VIÊN VÀ PHỤ HUYNH LỚP 12

Bộ giáo án, đề thi, bài giảng powerpoint, khóa học dành cho các thầy cô và học sinh lớp 12, đẩy đủ các bộ sách cánh diều, kết nối tri thức, chân trời sáng tạo tại https://tailieugiaovien.com.vn/ . Hỗ trợ zalo VietJack Official