Bài 5. Tạo nội dung hình ảnh cho trang web

Khởi động (SGK Cánh Diều - Trang 145)

Hướng dẫn giải

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

(Trả lời bởi datcoder)
Thảo luận (1)

Hoạt động (SGK Cánh Diều - Trang 146)

Hướng dẫn giải

Tính năng

Bộ sưu tập

Thanh trượt

Cách thức hiển thịLưới hoặc danh sáchChuỗi hình ảnh hoặc video
Mục đích sử dụngHiển thị nhiều nội dungThu hút sự chú ý
Tính tương tácLọc, sắp xếp, tìm kiếmChuyển đổi giữa các nội dung
Ưu điểmHiển thị nhiều nội dung, dễ dàng lọc, sắp xếpThu hút sự chú ý, dễ sử dụng
Nhược điểmÍt thu hút sự chú ýChỉ hiển thị một nội dung
(Trả lời bởi datcoder)
Thảo luận (1)

Vận dụng 1 (SGK Cánh Diều - Trang 150)

Hướng dẫn giải

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.

(Trả lời bởi datcoder)
Thảo luận (1)

Vận dụng 2 (SGK Cánh Diều - Trang 150)

Hướng dẫn giải

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.

(Trả lời bởi datcoder)
Thảo luận (1)

Vận dụng 3 (SGK Cánh Diều - Trang 151)

Hướng dẫn giải

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

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

- Chọn "Layout": Thay đổi kích thước hình ảnh, vị trí tiêu đề và mô tả, hiệu ứng chuyển đổi slide, v.v.

- Chọn "Style": Thay đổi giao diện tổng thể của thanh trượt, 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.

(Trả lời bởi datcoder)
Thảo luận (1)

Câu hỏi tự kiểm tra (SGK Cánh Diều - Trang 151)

Hướng dẫn giải

a) Sai: Nội dung trang web có thể được trình bày dưới nhiều dạng khác nhau, không chỉ giới hạn ở bài viết văn bản hoặc hình ảnh. Ví dụ: video, âm thanh, biểu đồ, infographic, v.v. đều có thể được sử dụng để truyền tải thông tin.

b) Sai: Bạn có thể sử dụng nhiều nguồn hình ảnh khác nhau để đưa vào trang web, bao gồm:

- Hình ảnh được lưu sẵn trong máy tính: Đây là cách phổ biến nhất.

- Hình ảnh được tìm kiếm trên internet: Bạn có thể sử dụng các công cụ tìm kiếm hình ảnh như Google Images để tìm kiếm và tải xuống hình ảnh miễn phí hoặc trả phí.

- Hình ảnh được chụp trực tiếp: Bạn có thể sử dụng webcam hoặc điện thoại thông minh để chụp ảnh và tải lên trang web.

c) Đúng: Bộ sưu tập cho phép hiển thị cùng lúc nhiều hình ảnh hoặc video khác nhau trên trang web dưới dạng lưới hoặc danh sách. Đây là một cách hiệu quả để giới thiệu các sản phẩm, dịch vụ, bài viết hoặc dự án.

d) Đúng: Thanh trượt thường được sử dụng để hiển thị nhiều hình ảnh khi không gian trên trang web hạn chế. Thanh trượt giúp tiết kiệm diện tích và thu hút sự chú ý của người dùng.

(Trả lời bởi datcoder)
Thảo luận (1)