Giai đoạn 6: Thiết kế giao diện và tương tác tại Trang Thông tin
by
Lex
03/06/2021
Stage Content, WCS Courses Content
0
Chà, chúc mừng bạn đã đi đến những bước cuối cùng để hoàn thành một e-commerce website, với thử thách thiết kế giao diện – tương tác cho trang Cá nhân. Trang Cá nhân là nơi người dùng cung cấp, chỉnh sửa thông tin về bản thân cũng như theo dõi tiến trình mua hàng của mình. Bên cạnh đó, bạn cũng sẽ thiết kế trang Giới thiệu về thương hiệu MATOA. Cùng bắt đầu nhé!
Yêu cầu
1. Trang Cá nhân
- Người dùng có thể cập nhật hình ảnh đại diện khi nhấn vào button (1);
- Khi người dùng nhấn button (2), các lựa chọn sẽ xổ xuống phía dưới để người dùng lựa chọn;
- Thông tin sẽ được lưu trữ và hiển thị ngay khi người dùng nhấn button (3).
2. Trang Về chúng tôi
Khi người dùng nhấn vào các dòng text ở vị trí (4), thông tin bên dưới sẽ thay đổi, các mục không được chọn sẽ hiển thị mờ.
Gợi ý cho bạn
- Tạo Tab Layout với Semantic UI hoặc Bootstrap
Related Posts
Leave a Reply Cancel reply
Categories
- Bài viết (1)
- Blog (24)
- Code Review (3)
- Course Introduction (2)
- CSS (4)
- CSS Grid (4)
- Javascript (2)
- Lesson (11)
- Lưu dữ liệu trên trình duyệt (1)
- Network Requests (1)
- OneDirect Projects (1)
- Product Review (3)
- Stage Content (16)
- WCS Courses Content (17)