BÀI 5. TẠO NỘI DUNG HÌNH ẢNH CHO TRANG WEB (CÁNH DIỀU

Bài 5 - Tạo nội dung hình ảnh cho trang web (Cánh diều - ict)

Đây là bài soạn lý thuyết tin học 12 - sách Cánh diều. Bài học này thuộc định hướng Tin học ứng dụng (ICT). Lý thuyết được tóm tắt ngắn gọn, dễ hiểu, bám sát nội dung cốt lõi của bài học. Quý Thầy Cô và các em học sinh truy cập để làm tài liệu tham khảo nhé. Chúc Thầy Cô dạy tốt, chúc các em học sinh học giỏi.

1. Hình ảnh, video trên trang web

- Hình ảnh và video giúp trang web hấp dẫn hơn, ngoài nội dung văn bản.
- Các loại hình ảnh phổ biến: ảnh đại diện, ảnh minh họa bài viết, ảnh/video nổi bật.
- Hình ảnh/video nổi bật thường đặt ở đầu trang, có nền đồng nhất và có thể kèm tiêu đề ngắn.

2. Bộ sưu tập và thanh trượt

- Bộ sưu tập (Gallery): Hiển thị nhiều ảnh/video cùng lúc theo dạng lưới hoặc danh sách.
- Thanh trượt (Slider): Hiển thị lần lượt từng ảnh/video, tự động trượt hoặc do người dùng điều khiển. Thanh trượt thường dùng cho quảng cáo, chương trình ưu đãi, giới thiệu sản phẩm.

3. Thực hành

Nhiệm vụ 1: Thêm hình ảnh, video vào trang web

Yêu cầu:
Em hãy thêm một hình ảnh về cảnh quan trường em vào phía dưới bài viết giới thiệu về trường mà em đã thực hiện ở Bài 4.
Các bước thực hiện:
- Chọn Add Block to Page, chọn Image & Video, kéo thả vào vị trí phù hợp.
- Điều chỉnh thông số bố cục (kích thước, khoảng cách, tiêu đề, nền,…).
- Thay đổi hình ảnh bằng cách chọn từ máy tính, thư viện có sẵn hoặc thêm liên kết.
- Thay đổi video bằng cách nhập URL, điều chỉnh tỉ lệ, chế độ tự động phát.

Nhiệm vụ 2: Thêm bộ sưu tập và thanh trượt vào trang web

Yêu cầu:
Hãy thêm một số hình ảnh hoạt động của học sinh dưới dạng thanh trượt vào phía trên bài viết giới thiệu về trường mà em đã thực hiện ở Bài 4.
Các bước thực hiện:
- Chọn Add Block to Page, vào mục Gallery & Slider để thêm bộ sưu tập hoặc thanh trượt.
- Điều chỉnh thông số bố cục và nội dung hình ảnh/video.
Lưu ý: Thanh trượt có thể làm chậm tốc độ tải trang, cần cân nhắc khi sử dụng.

---The End!---

CÙNG CHUYÊN MỤC: