Tiể ậ u lu n môn h c ọ thực hành thiết kế website thiết kế website bán sách cho cửa hàng si’s bookstore

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Ế WEBSITE THIẾT KẾ WEBSITE BÁN SÁCH CHO CỬA HÀNG SI’S BOOKSTORE GV: ThS Nguyễn Hữu Vĩnh SVTH: Nguyễn Hoàng Danh MSSV: 2024802010387 LỚP: D20CNTT04 B NH DƯƠNG - 04/2021 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Ế WEBSITE THIẾT KẾ WEBSITE BÁN SÁCH CHO CỬA HÀNG SI’S BOOKSTORE GV: ThS Nguyễn Hữu Vĩnh SVTH: Nguyễn Hoàng Danh MSSV: 2024802010387 LỚP: D20CNTT04 B NH DƯƠNG - 04/2021 i MỤC LỤC MỤC LỤC .ii DANH MỤC HÌNH .iv MỞ ĐẦU CHƯƠNG PKHẢO SÁT VÀ PHÂN TÍCH BÀI TỐN 1.1 Phát biểu toán 1.2 Phân tích chức CHƯƠNG THIẾT KẾ GIAO DIỆN 2.1 Giao diện trang chủ .3 2.2 Giao diện trang đăng ký thành viên 2.3 Giao diện trang đăng nhập .5 2.4 Giao diện trang giới thiệu 2.5 Giao diện trang liên hệ 2.6 Giao diện trang sách giáo khoa .7 2.7 Giao diện trang sách tham khảo 2.8 Giao diện trang sách tập 10 2.9 Giao diện trang Văn học Việt Nam 11 2.10 Giao diện trang văn học nước 12 2.11 Giao diện trang chi tiết sản phẩm 13 CHƯƠNG THIẾT KẾ CHƯƠNG TR NH 15 3.1 Template 15 3.1.1 Source code HTML 15 3.1.2 Định dạng CSS 18 3.2 Trang chủ 20 3.2.1 Source code HTML 20 3.2.2 Định dạng CSS 24 3.3 Đăng nhập 27 3.3.1 Source code HTML 27 3.3.2 Định dạng CSS 28 3.4 Đăng ký 28 3.4.1 Source code HTML 28 3.4.2 Đinh dạng CSS 30 ii 3.5 Giớ i thiệu 30 3.5.1 Source code HTML 30 3.5.2 Định dạng CSS 30 3.6 Liên hệ 31 3.6.1 Source code HTML 31 3.6.2 Đinh dạng CSS 31 3.7 Sách giáo khoa 32 3.7.1 Định dạng CSS 35 3.8 Sách tham khảo 36 3.8.1 Source code HTML 36 3.8.2 Đinh dạng CSS 40 3.9 Sách tập .41 3.9.1 Source code HTML 41 3.9.2 Đinh dạng CSS 45 3.10 Văn học Việt Nam 46 3.10.1 Source code HTML 46 3.10.2 Định dạng CSS 50 3.11 Văn học nước 52 3.11.1 Source code HTML 52 3.11.2 Định dạng CSS 56 3.12 Chi tiết sản phẩm 57 3.12.1 Source code HTML 57 3.12.2 Định dạng CSS 58 KẾT LUẬN 61 TÀI LIỆU THAM KHẢO 62 iii DANH MỤC HÌNH Hình 2.1: Giao diện trang chủ Hình 2.2: Giao diện trang chủ Hình 2.3: Giao diện trang đăng ký Hình 2.4: Giao diện trang đăng nhập Hình 2.5: Giao diện trang giới thiệu Hình 2.6: Giao diện trang liên hệ Hình 2.7: Giao diện trang sách giáo khoa Hình 2.8: Giao diện trang sách tham khảo Hình 2.9: Giao diện trang sách tập 10 Hình 2.10: Giao diện trang Văn học Việt Nam 11 Hình 2.11: Giao diện trang văn học nước .12 Hình 2.12: Giao diện trang chi tiết sản phẩm 13 iv MỞ ĐẦU Ngày học sinh, sinh viên lười việc đọc sách, chí khơng đọc Điều việc lười thư viện mượn sách có nhiều trị chơi điện tử hay hoạt động khác hấp dẫn việc đọc sách Với việc phát triển thiết bị di động đại, thông minh với trang mạng mua sắm trực tuyến việc đọc sách học sinh, sinh viên dễ dàng Các cửa hàng trực tuyến có nhiều loại sách, thể loại sách phong phú đáp ứng dược tất nhu cầu mà học sinh, sinh viên có Để tao môi trường lành mạnh giúp cho học sinh, sinh viên tiếp cận với sách cách dễ dàng em định chọn đề tài “Thiết kế website Bán sách” Chương Khảo sát phân tích tốn CHƯƠNG PKHẢO SÁT VÀ PHÂN TÍCH BÀI TỐN 1.1 Phát biểu tốn Website xây dựng rõ ràng, dễ nhìn, dễ điều khiển xếp sản phẩm cách hợp lí theo nhóm lớn để người mua dễ dàng việc truy cập, thao tác, quan sát mua sản phẩm, cần chức liên hệ để thuận tiện cho việc trao đổi với chủ trang web trang giới thiệu để nói lên sơ lượt trang web Sau người mua đăng kí thành viên mua sản phẩm trang web, thấy chi tiết sản phẩm bán trang web thực nhiều chức trang web 1.2 Phân tích chức STT CHỨC NĂNG MƠ TẢ Giới thiệu Giới thiệu tổng quan trang web, trang web bán sản phẩm Đưa thơng tin chủ trang web Liên hệ số điện thoại, email để khách hàng tiện lợi việc liên hệ Đăng ký Đăng nhập Giúp khách hàng đăng ký thành viên trang web Giúp người mua đăng nhập vào trang web từ tài khoản đăng ký Phân loại sản phẩm Phân loại sản phẩm nhóm lại với nhau, tạo thành nhiều nhóm để người mua dễ dàng chọn lựa Chỉ khách hàng chi tiết sản Chi tiết sản phẩm phẩm từ tên sản phẩm, tác giả, giá, nhà xuất bản, khách hàng đặt mua trang Chương Thiết kế giao diện CHƯƠNG THIẾT KẾ GIAO DIỆN 2.1 Giao diện trang chủ Hình 2.1: Giao diện trang chủ Gồm có trang sau: Trang chủ, Giới thiệu, Liên hệ, Sách giáo khoa tham khảo, Văn học, Đăng nhập, Đăng ký Trên trang chủ hiển thị menu bao gồm trang Sách giáo khoa, Sách tham khảo, Sách tập, Văn học Việt Nam, Văn học nước Bên cạnh trang cịn có slider hình ảnh quảng cáo, danh mục sản phẩm bán chạy sản phẩm để người mua theo dỗi Chương Thiết kế giao diện Ngườ i dùng click chuột chọn vào thẻ tương ứng để chọn mục mong muốn Hình 2.2: Giao diện trang chủ 2.2 Giao diện trang đăng ký thành viên Hình 2.3: Giao diện trang đăng ký Ý nghĩa hoạt động: Đăng kí thành viên để sử dụng nhiều chức trang web Chương Thiết kế giao diện Quy tắc hoạt động: Khách hàng muốn đăng kí thành viên để mua sản phẩm cần phải tạo tài khoản Điền tất thông tin mà trang web yêu cầu để tạo tài khoản - Các thao tác hình: Người dùng nhập địa email, mật khẩu, nhập lại mật khẩu, nhập vào họ tên, số điện thoại ngày tháng năm sinh sau nhấn vào nút Đăng kí để tạo tài khoản 2.3 Giao diện trang đăng nhập Hình 2.4: Giao diện trang đăng nhập - Ý nghĩa hoạt động: Đăng nhập vào trang web Quy tắc hoạt động: Khách hàng sử dụng email mật đăng kí trước đăng nhập vào hệ thống cách gõ thông tin email mật vào khung mẫu Khi đăng nhập vào thành cơng khách hàng xem mua sản phẩm - Các thao tác hình: Khách hàng nhập email mật vào ô sau bấm vào nút đăng nhập để đăng nhập vào trang web 2.4 Giao diện trang giới thiệu ...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Ế WEBSITE THIẾT KẾ WEBSITE B? ?N SÁCH CHO C? ??A H? ?NG SI’S BOOKSTORE GV: ThS Nguy? ?n H? ? ?u Vĩnh SVTH: Nguy? ?n Hoàng... h? ? ?c sinh, sinh vi? ?n c? ? Để tao môi trường lành mạnh giúp cho h? ? ?c sinh, sinh vi? ?n tiếp c? ? ?n với sách c? ?ch dễ dàng em định ch? ?n đề tài ? ?Thiết kế website B? ?n sách? ?? Chương Khảo sát ph? ?n tích t? ?n CHƯƠNG... động đại, thông minh với trang mạng mua sắm tr? ?c tuy? ?n vi? ?c đ? ?c sách h? ? ?c sinh, sinh vi? ?n dễ dàng C? ?c cửa h? ?ng tr? ?c tuy? ?n c? ? nhi? ?u loại sách, thể loại sách phong phú đáp ứng dư? ?c tất nhu c? ? ?u mà