Lý thuyết Tin 12 Bài 5: Tạo nội dung hình ảnh cho trang web - Cánh diều
Haylamdo biên soạn tóm tắt lý thuyết Tin học 12 Bài 5: Tạo nội dung hình ảnh cho trang web sách Cánh diều hay nhất, ngắn gọn sẽ giúp học sinh lớp 12 nắm vững kiến thức trọng tâm, ôn luyện để học tốt môn Tin 12.
Lý thuyết Tin 12 Bài 5: Tạo nội dung hình ảnh cho trang web - Cánh diều
1. Hình ảnh, video trên trang web:
Để thu hút người truy cập, trang web cần có nội dung hữu ích và hình thức trình bày đẹp mắt, tiện lợi. Các đối tượng đồ họa như hình ảnh và video được sử dụng phổ biến, bao gồm ảnh đại diện, ảnh minh họa cho nội dung bài viết, và các hình ảnh/video nổi bật.
- Ảnh đại diện và ảnh minh họa: Thường có kích thước nhỏ, đặt xen kẽ với nội dung văn bản trên trang web.
- Hình ảnh/video nổi bật: Được đặt ở đầu trang dưới thanh điều hướng, có màu nền nhất quán, chiều rộng bằng chiều rộng trang web, có thể chứa tiêu đề hoặc nội dung ngắn.
Các yếu tố đồ họa này giúp tạo sự hấp dẫn và truyền tải nội dung một cách hiệu quả.
2. Bộ sưu tập và thanh trượt:
- Bộ sưu tập (gallery): Hiển thị nhiều hình ảnh hoặc video cùng lúc trên trang web dưới dạng lưới hoặc danh sách.
- Thanh trượt (slider): Chứa nhiều hình ảnh hoặc video nhưng chỉ hiển thị từng cái một, chuyển đổi tự động hoặc qua tương tác của người dùng. Thanh trượt thường dùng để quảng bá các chương trình ưu đãi, dịch vụ, hoặc sản phẩm.
Cả hai cách hiển thị này giúp trang web truyền tải thông tin và hình ảnh một cách trực quan và thu hút.
3. Thực hành:
Nhiệm vụ 1. Thêm hình ảnh, video cho 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.
Hướng dẫn thực hiện:
Bước 1. Thêm khối hình ảnh, video vào trang web
– Chọn Add Block to Page – phía góc phải dưới màn hình.
– Chọn Image & Video, chọn một khối mẫu phù hợp (Hình 3) để thêm vào phía dưới cùng của trang web hoặc nhấn giữ chuột và kéo thả vào vị trí thích hợp trên trang web.
Bước 2:Điều chỉnh thông số bố cục và định dạng:
- Mở bảng thông số bằng cách chọn Block Parameters.
- Các thông số điều chỉnh gồm:
- Full Width: Hiển thị toàn màn hình.
- Top/Bottom: Điều chỉnh khoảng cách với nội dung phía trên/dưới.
- Image/Video (mục Size): Điều chỉnh kích thước.
- Title/Subtitle/Text: Hiển thị tiêu đề, tiêu đề phụ, nội dung văn bản.
- Description: Hiển thị mô tả dưới hình ảnh/video.
- Color/Image/Video (mục Background): Chọn nền.
Bước 3:Thay đổi hình ảnh/video:
+ Thay đổi hình ảnh:
- Chọn từ máy tính, thư viện phần mềm, dự án website.
- Gán liên kết hoặc nội dung thay thế (Alt).( Hình 4)
+ Browse Computer: Chọn hình ảnh được lưu trữ trong máy tính.
+ Free Online Library: Chọn hình ảnh có sẵn trong thư viện của phần mềm.
+ Site Library: Chọn hình ảnh có trong dự án website.
+ Link Image to: Gán liên kết khi người xem nháy chuột vào ảnh.
+Alt. Nội dung được hiển thị thay thế khi ảnh bị lỗi hiển thị.
+ Thay đổi video (Hình 5)
+ Video URL: Đường dẫn tới video trên Internet. + Aspect Ratio: Tỉ lệ màn hình của video.
+ Autoplay: Video có tự động phát hay không.
+ Loop: Video có tự động phát lặp lại hay không.
Nhiệm vụ 2: Thêm bộ sưu tập và thanh trượt vào trang web
Yêu cầu: Thêm hình ảnh hoạt động của học sinh dưới dạng thanh trượt vào phần giới thiệu trường học.
Hướng dẫn thực hiện:
Bước 1. Thêm khối hình ảnh/video:
- Chọn Add Block to Page ở góc phải dưới màn hình.
- Trong cửa sổ Gallery & Slider, chọn khối mẫu phù hợp và kéo thả vào vị trí thích hợp trên trang web.( Hình 6)
Bước 2. Điều chỉnh thông số bố cục và định dạng:
- Mở bảng thông số bằng cách chọn Block Parameters.
- Tuỳ chỉnh các thông số như đã hướng dẫn với khối nội dung bài viết và hình ảnh riêng lẻ.
Bước 3. Chỉnh sửa nội dung:
- Chọn phần chữ để chỉnh sửa hoặc thay hình ảnh mới phù hợp.
Lưu ý: Hạn chế sử dụng thanh trượt cho trang web cần tốc độ tải nhanh hoặc trên thiết bị di động, vì nó chiếm nhiều tài nguyên và làm chậm tốc độ tải trang.
