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

Sách bài tập Tin học 12 Bài E5: Nhúng mã và tạo băng chuyền hình ảnh - Chân trời sáng tạo

Câu E5.10 trang 44 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 làm tiếp yêu cầu sau:

Trong trang chủ của website, hãy tạo một băng chuyển hình ảnh gồm 4 hình ảnh minh hoạ về môi trường xung quanh khu vực nơi em đang sinh sống. Tốc độ chuyển đổi các hình ảnh trong băng chuyển nhanh,

- Trong trang "Thông tin" của website, hãy nhúng liên kết tới một bài báo hoặc bài viết từ một trang web uy tín nói về tầm quan trọng của việc bảo vệ môi trường. Đảm bảo phần nhúng hiển thị hình ảnh minh hoạ, tiêu đề và mô tả ngắn gọn.

Trong trang "Hành động” của website, hãy nhúng một đoạn mã web hiển thị lịch các sự kiện, chiến dịch hoặc hoạt động liên quan đến bảo vệ môi trường sẽ diễn ra trong khu vực.

Sử dụng công cụ Divider để tạo các đường phân cách rõ ràng giữa các phần nội dung khác nhau trên các trang.

- Tuỳ chính và kiểm tra lại toàn bộ website, đảm bảo các trang và nội dung được trình bày rõ ràng, hấp dẫn và thân thiện với người xem.

Lời giải:

Hướng dẫn chi tiết tạo website bảo vệ môi trường

1. Chọn nền tảng xây dựng website:

Để thực hiện các yêu cầu trên, bạn có thể sử dụng các nền tảng xây dựng website trực quan như:

WordPress: Nền tảng phổ biến, linh hoạt với nhiều plugin hỗ trợ.

Wix: Dễ sử dụng, giao diện trực quan, nhiều mẫu thiết kế sẵn.

Squarespace: Thiết kế đẹp mắt, chuyên nghiệp, phù hợp với các website có tính thẩm mỹ cao.

2. Thiết kế trang chủ:

Băng chuyển hình ảnh:

Tải lên 4 hình ảnh minh họa về môi trường xung quanh.

Sử dụng tính năng slider hoặc carousel của nền tảng để tạo hiệu ứng chuyển động nhanh.

Đảm bảo hình ảnh có chất lượng cao, kích thước phù hợp và có tính thẩm mỹ.

Nội dung:

Sử dụng tiêu đề ngắn gọn, hấp dẫn thu hút người xem.

Mô tả ngắn về mục tiêu của website và lời kêu gọi hành động.

3. Trang "Thông tin":

Nhúng bài báo:

WordPress: Sử dụng plugin Embedly hoặc các plugin tương tự để nhúng bài báo từ các trang web khác.

Wix/Squarespace: Thường có tính năng nhúng nội dung trực tiếp từ URL.

Lưu ý: Đảm bảo bạn có quyền nhúng nội dung từ trang web đó.

4. Trang "Hành động":

Nhúng lịch sự kiện:

Google Calendar: Tạo một lịch sự kiện công khai và nhúng vào website.

Các plugin chuyên dụng: Một số nền tảng có plugin hỗ trợ nhúng lịch sự kiện từ các nguồn khác.

5. Sử dụng Divider:

Tùy chỉnh: Mỗi nền tảng có cách tạo Divider khác nhau. Bạn có thể sử dụng các khối (block) có sẵn, hoặc tạo Divider bằng cách thêm một đường kẻ hoặc hình ảnh đơn giản.

Vị trí: Sử dụng Divider để phân cách các phần nội dung quan trọng, tạo sự rõ ràng và dễ nhìn.

6. Tuỳ chỉnh và kiểm tra:

Font chữ: Chọn font chữ dễ đọc, phù hợp với nội dung.

Màu sắc: Sử dụng màu sắc hài hòa, tạo cảm giác thân thiện với môi trường.

Trình bày: Căn chỉnh nội dung, sử dụng khoảng trắng hợp lý để tạo bố cục đẹp mắt.

Responsive: Kiểm tra website trên các thiết bị khác nhau (điện thoại, máy tính bảng) để đảm bảo hiển thị tốt.

Ví dụ code (WordPress) nhúng bài báo:

HTML

<div class="embedly-card" data-url="https://link-to-your-article"></div>

<script async src="//cdn.embedly.com/widgets/platform.js" charset="UTF-8"></script>

Hãy thận trọng khi sử dụng các đoạn mã.

Thay thế "https://link-to-your-article" bằng URL của bài báo bạn muốn nhúng.

Lời giải sách bài tập Tin học 12 Bài E5: Nhúng mã và tạo băng chuyền hình ảnh hay khác:

• Câu E5.1 trang 42 SBT Tin học 12: Để tạo băng chuyền hình ảnh, số lượng hình ảnh tối thiểu cần chèn vào là ....

• Câu E5.2 trang 42 SBT Tin học 12: Tuỳ chọn nào KHÔNG phải là tuỳ chọn hiệu chỉnh cho băng chuyền hình ảnh ....

• Câu E5.3 trang 43 SBT Tin học 12: Để nhúng một liên kết trang web vào trang hiện có, em cần thực hiện việc nào sau đây ....

• Câu E5.4 trang 43 SBT Tin học 12: Tuỳ chọn nào KHÔNG phải là tuỳ chọn hiển thị nội dung cho phần nhúng liên kết hoặc mã web ....

• Câu E5.5 trang 43 SBT Tin học 12: Khi nhúng một liên kết trang web, để hiển thị đầy đủ thông tin về trang web đó ....

• Câu E5.6 trang 43 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 ....

• Câu E5.7 trang 44 SBT Tin học 12: Ghép mỗi tuỳ chọn của công cụ Images carousel ở cột bên trái với PHÍA công dụng ....

• Câu E5.8 trang 44 SBT Tin học 12: Điền từ thích hợp vào chỗ chấm: "Để hiển thị phần chú thích cho hình ảnh trong băng chuyển ....

• Câu E5.9 trang 44 SBT Tin học 12: Điền từ thích hợp vào chỗ chấm: "Khi nhúng một liên kết, để hiển thị hình ảnh miêu tả ....

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:

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

• SBT Tin học 12 Bài E6: Chèn YouTube, Calendar, Drive và Collapsible group

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

• SBT Tin học 12 Bài E8: Hoàn thiện và xuất bản trang web

• SBT Tin học 12 Bài F1: HTML và trang web

• SBT Tin học 12 Bài F2: Tạo và định dạng trang web với các thẻ HTML

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

• Giải sgk Tin học 12 Chân trời sáng tạo
• Giải Chuyên đề Tin học 12 Chân trời sáng tạo
• Giải SBT Tin học 12 Chân trời sáng tạo
• Giải lớp 12 Chân trời sáng tạo (các môn học)
• Giải lớp 12 Kết nối tri thức (các môn học)
• Giải lớp 12 Cánh diều (các môn học)

---