Thiết kế nội dung trang Sản phẩm với trang web chủ đề bán hàng, thông tin sản phẩm là các loại trái cây đặc sản vùng miền của Việt Nam. Trang thiết kế gồm các yêu cầu như sau:
Phấn đầu trang (trang bìa): thay đổi một hình nền khác.
Phần nội dung thử nhất hiển thị các hình ảnh các sản phẩm bán chạy, các hình ảnh hiển thị dạng ng tại băng chuyển hình phía có tiêu đề “SẢN PHẨM BÁN CHẠY”.
Phần nội dung thứ hai hiển thị 9 sản phẩm, 3 sản phẩm hiển thị trên 1 dòng 3 cột, bên dưới mỗi sản phẩm hiển thị tên, giá và nút xem thêm. Phía trên phần thiết kế nội dung thứ hai có tiêu đề văn bản “TẤT CẢ SẢN PHẨM BÁN CHẠY”.
Tải hình ảnh liên quan đến các sản phẩm từ các trang chia sẻ hình ảnh miễn phí trên Internet.
Tham khảo giao diện trang thiết kế mẫu (Hình 10).
Thiết kế nội dung trang Sản phẩm với trang web chủ đề bán hàng, thông tin sản phẩm là các loại trái cây đặc sản vùng miền của Việt Nam. Trang thiết kế gồm các yêu cầu như sau:
Phấn đầu trang (trang bìa): thay đổi một hình nền khác.
Phần nội dung thử nhất hiển thị các hình ảnh các sản phẩm bán chạy, các hình ảnh hiển thị dạng ng tại băng chuyển hình phía có tiêu đề “SẢN PHẨM BÁN CHẠY”.
Phần nội dung thứ hai hiển thị 9 sản phẩm, 3 sản phẩm hiển thị trên 1 dòng 3 cột, bên dưới mỗi sản phẩm hiển thị tên, giá và nút xem thêm. Phía trên phần thiết kế nội dung thứ hai có tiêu đề văn bản “TẤT CẢ SẢN PHẨM BÁN CHẠY”.
Tải hình ảnh liên quan đến các sản phẩm từ các trang chia sẻ hình ảnh miễn phí trên Internet.
Tham khảo giao diện trang thiết kế mẫu (Hình 10).
Quảng cáo
Trả lời:
Giải bởi Vietjack
1. Thay đổi hình bìa trang Sản phẩm:
Nháy chọn thẻ Pages, chọn trang Sản phẩm Chọn hình cần thay đổi trang Sản phẩm, em được kết quả như Hình 11.
2. Thiết kế nội dung thứ nhất:
Thiết kế nội dung văn bản như Hình 12.
Nhảy chọn thẻ Insert → Công cụ Image carousel để chèn hình ảnh. Các hình ảnh dạng băng chuyển được chèn vào trang web. Nhảy chọn chế độ Auto start trong hộp thoại Edit carousel để các hình ảnh dạng băng chuyển tự động chạy khi mở trang web.
Hiệu chỉnh kích thước băng chuyển, em được kết quả như Hình 13.
3. Thiết kế phần nội dung thứ hai:
Tạo bản sao của hộp văn bản “SẢN PHẨM BÁN CHẠY”, thay đổi nội dung thành “TẤT CẢ SẢN PHẨM” và di chuyển xuống phía dưới hình ảnh băng chuyến.
Thiết kế cho dòng sản phẩm thứ nhất: trong mục Content Blocks, chọn kiểu. Thêm hình ảnh và mô tả cho sản phẩm.
Tạo nút “xem thêm” dưới mỗi sản phẩm, nút này dùng để xem thông tin chi tiết của một sản phẩm (Hình 14).
Từ kết quả của dòng sản phẩm thứ nhất, tạo bản sao và thay đổi hình ảnh , văn bản, liên kết cho nút, em được kết quả dòng sản phẩm thứ hai và thứ ba.
Như vậy, em vừa tạo nội dung cho trang Sản phẩm bằng cách sử dựng các công cụ Image carousel, Content Block, Button.
Đăng nhập để xem lời giải
Lưu tiến độ và luyện tập hiệu quả hơn. Hoàn toàn miễn phí!
Đang tải chế độ Học...
Hot: 1000+ đề thi giữa kì 1 lớp 1-12 đầy đủ các môn (Update 2026) (chỉ từ 60k). Tải ngay
Đăng ký VIP để học và luyện thi không giới hạn
Trọn bộ quyền lợi trên Vietjack, trong một tài khoản.
- Phòng luyện thi cấp tốc: ĐGNL - ĐGTD, Tốt nghiệp THPT, Ôn vào 10, Ôn vào 6, Ôn Giữa kì/Cuối kì
- Hơn 200K đề thi thử, đề minh hoạ, chính thức các năm
- Với 3tr+ câu hỏi theo các mức độ Nhận biết, Thông hiểu, Vận dụng
- Tải xuống đề thi [DOCX] với đầy đủ đáp án
- Xem hàng ngàn bài giảng đính kèm củng cố thêm kiến thức
- Bao gồm tất cả các bậc từ Tiểu học đến Đại học
- Chặn hiển thị quảng cáo tăng khả năng tập trung ôn luyện
- Đăng ký ngay
CÂU HỎI HOT CÙNG CHỦ ĐỀ
Đăng nhập để xem lời giải
Lưu tiến độ và luyện tập hiệu quả hơn. Hoàn toàn miễn phí!
Lời giải
Đáp án đúng: D. Show description.
Đăng nhập để xem lời giải
Lưu tiến độ và luyện tập hiệu quả hơn. Hoàn toàn miễn phí!
Lời giải
Để tạo băng chuyền hình ảnh, em cần sử dụng ít 02 hình ảnh.
Đăng nhập để xem lời giải
Lưu tiến độ và luyện tập hiệu quả hơn. Hoàn toàn miễn phí!
Lời giải
Bạn cần đăng ký gói VIP ( giá chỉ từ 250K ) để làm bài, xem đáp án và lời giải chi tiết không giới hạn.
Đăng nhập để xem lời giải
Lưu tiến độ và luyện tập hiệu quả hơn. Hoàn toàn miễn phí!
Lời giải
Bạn cần đăng ký gói VIP ( giá chỉ từ 250K ) để làm bài, xem đáp án và lời giải chi tiết không giới hạn.
Đăng nhập để xem lời giải
Lưu tiến độ và luyện tập hiệu quả hơn. Hoàn toàn miễn phí!
Lời giải
Bạn cần đăng ký gói VIP ( giá chỉ từ 250K ) để làm bài, xem đáp án và lời giải chi tiết không giới hạn.
Đăng nhập để xem lời giải
Lưu tiến độ và luyện tập hiệu quả hơn. Hoàn toàn miễn phí!
Lời giải
Bạn cần đăng ký gói VIP ( giá chỉ từ 250K ) để làm bài, xem đáp án và lời giải chi tiết không giới hạn.
Đăng ký để học cùng Vietjack. Hoàn toàn miễn phí!
Bằng việc đăng ký, bạn đồng ý với Điều khoản sử dụng và Chính sách bảo mật của Vietjack.
Nhắn tin Zalo
Hỏi bài tập