Đáp án Tin học ứng dụng 12 cánh diều bài 5: Tạo nội dung hình ảnh cho trang web

BÀI 5. TẠO NỘI DUNG HÌNH ẢNH CHO TRANG WEB

KHỞI ĐỘNG

Bên cạnh việc sử dụng các bài viết (dạng văn bản) thì thông tin trên trang web còn có thể được truyền tải dưới dạng hình ảnh, video,.... Theo em, việc sử dụng hình ảnh, video trên trang web có những ưu điểm gì?

Giải chi tiết:

Ưu điểm của việc sử dụng hình ảnh, video trên trang web:

• Thu hút sự chú ý.
• Truyền tải thông tin hiệu quả.
• Tăng tính tương tác.
• Tăng thời gian lưu trang.
• Tăng thứ hạng SEO.
• Tạo dựng thương hiệu.
• Thể hiện sự chuyên nghiệp.
• Tăng doanh số bán hàng.

1. HÌNH ẢNH, VIDEO TRÊN TRANG WEB

2. BỘ SƯU TẬP VÀ THANH TRƯỢT

HOẠT ĐỘNG

Em có biết bộ sưu tập và thanh trượt khác nhau như thế nào không?

Giải chi tiết:

3. THỰC HÀNH

LUYỆN TẬP

Câu 1. Em hãy tạo nội dung cho trang web được thể hiện dưới dạng hình ảnh có kèm mô tả theo mẫu như ở Hình 7.

Giải chi tiết:

Tạo nội dung cho trang web bằng hình ảnh và mô tả theo mẫu trong Mobirise:

Bước 1: Chọn khối nội dung phù hợp:

Mobirise cung cấp nhiều khối nội dung để hiển thị hình ảnh và mô tả. Tùy thuộc vào bố cục mong muốn, bạn có thể chọn:

• Khối "Image with Text": Hiển thị một hình ảnh lớn với mô tả bên dưới.
• Khối "Gallery": Hiển thị nhiều hình ảnh cùng lúc với mô tả ngắn gọn.
• Khối "Carousel": Hiển thị các hình ảnh trượt theo chiều ngang hoặc chiều dọc, kèm theo mô tả.

Bước 2: Thêm nội dung vào khối:

• Chọn hình ảnh:
• Nhấp vào "Edit" trong khối.
• Chọn "Upload Image" để tải lên hình ảnh từ máy tính.
• Hoặc chọn "Browse Media Library" để sử dụng hình ảnh có sẵn trong Mobirise.
• Nhập nội dung mô tả vào phần "Text".
• Định dạng văn bản (font chữ, màu sắc, kích thước) theo ý muốn.
• Thêm mô tả:

Bước 3: Tùy chỉnh giao diện:

• Thay đổi bố cục:
• Chọn "Layout" để thay đổi vị trí của hình ảnh và mô tả.
• Chọn "Style" để thay đổi giao diện tổng thể của khối.
• Chọn "Effects" để thêm hiệu ứng cho hình ảnh khi di chuột qua.
• Chọn "Theme" để thay đổi màu sắc của toàn bộ trang web, bao gồm cả khối nội dung.
• Thêm hiệu ứng:
• Thay đổi màu sắc:

Bước 4: Xuất bản trang web:

• Nhấp "Publish".
• Chọn tên miền và hosting.
• Nhấp "Publish" để xuất bản trang web lên internet.

Câu 2: Em hãy tạo nội dung cho trang web được thể hiện dưới dạng bộ sưu tập theo mẫu như ở Hình 8.

Giải chi tiết:

Bước 1: Chọn khối nội dung "Gallery".

Bước 2: Thêm hình ảnh vào bộ sưu tập:

• Nhấp vào "Edit" trong khối "Gallery".
• Chọn "Upload Images" để tải lên hình ảnh từ máy tính.
• Hoặc chọn "Browse Media Library" để sử dụng hình ảnh có sẵn trong Mobirise.

Bước 3: Thêm mô tả cho hình ảnh (tùy chọn):

• Di chuột qua hình ảnh và nhấp vào "Edit".
• Nhập mô tả vào phần "Caption".

Bước 4: Tùy chỉnh giao diện:

• Chọn "Layout": Thay đổi số lượng cột, kích thước hình ảnh, khoảng cách, v.v.
• Chọn "Style": Thay đổi giao diện tổng thể của bộ sưu tập, bao gồm màu sắc, font chữ, hiệu ứng, v.v.
• Chọn "Effects": Thêm hiệu ứng cho hình ảnh khi di chuột qua.

Bước 5: Xuất bản trang web:

• Nhấp "Publish".
• Chọn tên miền và hosting.
• Nhấp "Publish" để xuất bản trang web lên internet.

Câu 3: Em hãy tạo nội dung cho trang web được thể hiện dưới dạng thanh trượt theo mẫu như ở Hình 9.

Giải chi tiết:

Bước 1: Chọn khối nội dung "Slider".

Bước 2: Thêm hình ảnh vào thanh trượt:

• Nhấp vào "Edit" trong khối "Slider".
• Chọn "Upload Images" để tải lên hình ảnh từ máy tính.
• Hoặc chọn "Browse Media Library" để sử dụng hình ảnh có sẵn trong Mobirise.

Bước 3: Thêm tiêu đề và mô tả cho mỗi slide (tùy chọn):

• Di chuột qua slide và nhấp vào "Edit".
• Nhập tiêu đề vào phần "Title".
• Nhập mô tả vào phần "Caption".

-----------------------------------

------------------- Còn tiếp -------------------