Tiểu luận môn học thực hành thiết kế web thiết kế website bán mỹ phẩm cao cấp

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT CÔNG NGHỆ TIỂU LUẬN MÔN HỌC THỰC HÀNH THIẾT KẾ WEB THIẾT KẾ WEBSITE BÁN MỸ PHẨM CAO CẤP GV: ThS Nguyễn Hữu Vĩnh SVTH: Trần Phạm Minh Quang MSSV: 2024802010332 LỚP: D20CNTT01 BANH DƯƠNG - 04/2021 0 TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT CÔNG NGHỆ TIỂU LUẬN MÔN HỌC THỰC HÀNH THIẾT KẾ WEB THIẾT KẾ WEBSITE BÁN MỸ PHẨM CAO CẤP GV: ThS Nguyễn Hũu Vĩnh SVTH: Trần Phạm Minh Quang MSSV: 2024802010332 LỚP: D20CNTT01 BANH DƯƠNG - 04/2021 i 0 MỤC LỤC MỤC LỤC ii DANH MỤC HANH v MỞ ĐẦU CHƯƠNG PKHẢO SÁT VÀ PHÂN TÍCH BÀI TỐN .2 1.1 Phát biểu toán 1.2 Phân tích chức .2 CHƯƠNG THIẾT KẾ GIAO DIỆN .3 2.1 Giao diện trang chủ 2.2 Giao diện trang đăng ký trực tuyến 2.3 Giao diện trang đăng nhập 2.4 Giao diện trang giới thiệu 2.5 Giao diện trang sản phẩm 2.6 Giao diện trang chi tiết sản phẩm 2.7 Giao diện trang tin tức làm đẹp 2.8 Giao diện trang bí làm đẹp chi tiết 2.9 Giao diện trang hướng dẫn đặt hàng 2.10 Giao diện trang liên hệ 10 THIẾT KẾ CHƯƠNG TRANH .11 2.11 Trang chủ .11 2.11.1 Code HTML .11 2.11.2 Code CSS 23 2.12 Giới thiệu .30 2.12.1 Code HTML 30 2.13 Sản Phẩm Glacier Velvet Tint 38 2.13.1 Code HTML 38 2.14 Sản phẩm chi tiết 47 2.14.1 Code HTML 47 2.15 Tin tức làm đẹp 53 2.15.1 Code HTML 53 2.16 Bí làm đẹp 63 2.16.1 Code HTML 64 ii 0 2.17 Hướng dẫn đặt hàng .72 2.17.1 Code HTML 72 2.18 Liên hệ 79 2.18.1 Code HTML 79 2.19 Đăng Ký 89 2.19.1 Code HTML 89 2.20 Đăng nhập 93 2.20.1 Code HTML 93 KẾT LUẬN 98 TÀI LIỆU THAM KHẢO .99 iii 0 DANH MỤC HANH Hình 2.1: Giao diện trang chủ Hình 2.2: Giao diện trang đăng ký trực tuyến Hình 2.3: Giao diện trang đăng nhập Hình 2.4: Giao diện trang giới thiệu .5 Hình 2.5: Giao diện trang sản phẩm .6 Hình 2.6: Giao diện chi tiết sản phẩm .7 Hình 2.7: Giao diện trang tin tức làm đẹp .7 Hình 2.8: Giao diện trang bí làm đẹp chi tiết Hình 2.9: Giao diện trang hướng dẫn bán hàng Hình 2.10: Giao diện trang liên hệ 10 iv 0 MỞ ĐẦU Hiện giới thương mại điện tử phát triển mạnh mẽ Kỹ thuật số giúp tiết kiệm đáng kể chi phí nhờ chi phí vận chuyển trung gian, chi phí giao dịch đặc biệt giúp tiết kiệm thời gian để người đầu tư vào hoạt động khác Hơn thương mại điện tử giúp người tìm kiếm tự động theo nhiều mục đích khác nhau, tự động cung cấp thơng tin theo nhu cầu sở thích người Giờ đây, người ngồi nhà để mua sắm thứ theo ý muốn website bán hàng mạng giúp ta làm điều Chính Website bán hàng online chsu trọng Nhờ công cụ xây dựng Website với giá thành rẻ hỗ trợ nhiều mạng giúp ta nhanh chóng xây dựng website bán hàng thân thiện dễ sử dụng với người dùng Chính đồ án em chọn đề tài về: “Thiết kế Website bán mỹ phẩm câo cấp” Đây Website đơn giản giao diện thân thiện, dễ thao tác giúp cho người tiêu dùng dễ dàng tiếp cận tìm kiếm mua sản phẩm theo nhu cầu cần thiết 0 CHƯƠNG PKHẢO SÁT VÀ PHÂN TÍCH BÀI TỐN 1.1 Phát biểu tốn CHƯƠNG Nơi cung cấp sản phẩm mỹ phẩm xách tay hãng , bình ổn giá yên tâm chất lượng, cam kết chấp nhận hoạt động công thương CHƯƠNG Cập nhật thông tin thị trường mỹ phẩm, chia bí làm đẹp phương pháp tự nhiên, phù hợp với đa số thị phần người tiêu dùng an tồn, đảm bảo, khơng gây kích ứng 3.1 Phân tích chức CHƯƠNG CHƯƠNG CHỨC NĂNG STT CHƯƠNG Cung cấp thông tin CHƯƠNG chi tiết kèm hình ảnh sản phẩm trực quan CHƯƠNG CHƯƠNG 10 11 Tìm kiếm sản phẩm CHƯƠNG CHƯƠNG 13 14 Chia bí làm đẹp chương trình khuyến hình ảnh chi tiết chụp theo nhiều góc khác CHƯƠNG 12 Khách hàng nhanh chóng có thơng tin muốn CHƯƠNG 15 Các bí làm trắng da, trang điểm chia công khai giúp cập nhật nhanh chóng ngày, nhiều quyền lợi trở thành thành viên CHƯƠNG 21 Chăm sóc khách hàng trực CHƯƠNG CHƯƠNG 19 20 Hỗ trợ khách CHƯƠNG Cung cấp thông tin đầy đủ, khách hàng dễ dàng tiếp cận CHƯƠNG 18 Các chương trình khuyến CHƯƠNG CHƯƠNG 16 17 Thơng tin CHƯƠNG MÔ TẢ hàng hotline Email CHƯƠNG 22 tuyến CHƯƠNG 23 0 CHƯƠNG 24 0 Chương Thiết kế giao diện CHƯƠNG 25 THIẾT KẾ GIAO DIỆN 25.1 Đặc tả giao diện 25.1.1 Sơ đồ website Website bán mỹ phẩm cao cấp Trang chủ Giới Thiệu Bí làm đẹp Sản phẩm Glacier Velvet Tint Bí trắng da Touch Of Rose Bí trang điểm Hướng dẫn đặt hàng Liên hệ Khác Đăng nhập Đăng ký 0 Chương Thiết kế giao diện CHƯƠNG 27 27.1 Giao diện trang chủ Hình 2.2.1.2:Giao diện trang chủ CHƯƠNG 28 Gồm trang sau: Trang chủ, trang giới thiệu, trang loại sản phẩm, trang bí làm đẹp, trang hướng dẫn đặt hàng, trang liên hệ,trang đăng ký, trang đăng nhập, địa shop google map sơ lược sản phẩm CHƯƠNG 29 Người dùng click vào biểu tượng để chọn mục muốn thực 29.1 Giao diện trang đăng ký trực tuyến 0 928.1.1 Code HTML CHƯƠNG 929 CHƯƠNG 930 CHƯƠNG 931 CHƯƠNG 932 CHƯƠNG 933 CHƯƠNG 934 CHƯƠNG 935 CHƯƠNG 936 CHƯƠNG 937 CHƯƠNG 938 CHƯƠNG 939 CHƯƠNG 940 CHƯƠNG 941 CHƯƠNG 942 51 0 Chương Thiết kế chương trình CHƯƠNG 943 Vintage VietNam Official Store - Vintage Việt Nam CHƯƠNG 944 CHƯƠNG 945 CHƯƠNG 946 function myClick(){ CHƯƠNG 947 var x = confirm("Xác nhận mua mặt hàng này"); CHƯƠNG 948 if(x){ CHƯƠNG 949 alert("Cảm ơn bạn tin tưởng sản phẩm chúng tôi"); CHƯƠNG 950 }else{ CHƯƠNG 951 alert("Mời bạn quay lại tham khảo sản phẩm khác"); CHƯƠNG 952 } CHƯƠNG 953 } CHƯƠNG 954 CHƯƠNG 955 CHƯƠNG 956 CHƯƠNG 957 navbar-inverse"> CHƯƠNG 958