Tiểu luận môn học thiết kế web xây dựng website shop áo nữ veera beauty cho lyn lyn store

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT KHOA KỸ THUẬT – CÔNG NGHỆ TIỂU LUẬN MÔN HỌC THIẾT KẾ WEB XÂY DỰNG WEBSITE SHOP ÁO NỮ VEERA BEAUTY CHO LYN LYN STORE GVHD: THS NGUYỄN HỮU VĨNH SVTH: NGUYỄN TRÚC LINH MSSV: 1824801040062 LỚP: D18HT01 B7NH DƯƠNG – 07/2020 0 KHOA KỸ THUẬT – CÔNG NGHỆ NHẬN XÉT VÀ CHẤM ĐIỂM CỦA GIẢNG VIÊN Họ tên giảng viên: Nguyễn Hữu Vĩnh Tên đề tài: XÂY DỰNG WEBSITE SHOP ÁO NỮ VEERA BEAUTY CHO LYN LYN STORE Nội dung nhận xét: Điểm: Bằng số: Bằng chữ: GIẢNG VIÊN CHẤM (Ký, ghi rõ họ tên) NGUYỄN HỮU VĨNH 0 Đồ án môn xây dựng web LỜI NĨI ĐẦU Hiện nay, giới cơng nghệ thông tin 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 nữa, thương mại điện tử cịn 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 vậy, cơng nghệ mã nguồn mở trở nên ý tính 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 báo cáo chọn đề tài về: “Xây dựng website shop Veera Beauty” Đây hệ thống đơn giản đủ mạnh phép nhanh chóng Xây dựng ứng dụng bán hàng Internet Đề tài tiểu luận gồm phần phân chương sau: Chương 1: Tổng quan đề tài Chương 2: Giới thiệu công nghệ Chương 3: Giao diện website Chương 4: Kết luận hướng phát triển SVTH: NGUYỄN TRÚC LINH – D18HT01 I Đồ án môn xây dựng web MỤC LỤC LỜI NÓI ĐẦU i DANH MỤC HÌNH iv CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI 1 Tên Đề Tài Mục Tiêu Đề Tài Ý Nghĩa Của Đề Tài Đối Tượng Của Đề Tài Một Số Trang Chính Của Website .1 CHƯƠNG GIỚI THIỆU CÔNG NGHỆ Giới Thiệu Về HTML 1.1 HTML gì? 1.2 Công dụng HTML .2 1.3 Định dạng HTML 2 Giới thiệu Adobe Dreamweaver .2 Ngôn ngữ CSS Ngôn ngữ Javascript CHƯƠNG 3: GIAO DIỆN CHƯƠNG TRÌNH Đặc Tả Giao Diện 1.1 Giao diện trang chủ .5 1.2 Giao diện trang giới thiệu 1.3 Giao diện trang liên hệ 1.4 Giao diện trang đăng ký 1.5 Giao diện trang đăng nhập 1.6 Giao diện trang danh mục áo, quần váy 1.6.1 Giao diện danh mục áo kiểu 10 1.6.2 Giao diện danh mục sơ mi 10 1.6.3 Giao diện danh mục áo hai dây .12 1.6.4 Giao diện danh mục đầm 12 1.6.5 Giao diện danh mục quần sọt .13 1.6.6 Giao diện danh mục quần jean 14 SVTH: NGUYỄN TRÚC LINH – D18HT01 II Đồ án môn xây dựng web Giao diện danh mục váy ngắn 15 1.6.7 1.7 Giao diện trang chi tiết sản phẩm 16 1.7.1 Chi tiết áo kiểu .17 1.7.2 Chi tiết sơ mi 17 1.7.3 Chi tiết áo hai dây 18 1.7.4 Chi tiết đầm 18 1.7.5 Chi tiết quần sọt .19 1.7.6 Chi tiết quần jean 21 1.7.7 Chi tiết váy ngắn 21 1.8 Giao diện trang sản phẩm bán chạy .21 1.9 Giao diện danh mục thương hiệu 21 1.9.1 Giao diện danh mục hàng Korea 21 1.9 Giao diện danh mục hàng Việt Nam Xuất Khẩu 21 1.9 Giao diện danh mục hàng Quảng Châu 21 CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 27 Kết đạt được: 27 Việc chưa làm được: 27 Hướng phát triển đề tài .27 TÀI LIỆU KHAM KHẢO 29 SVTH: NGUYỄN TRÚC LINH – D18HT01 III Đồ án môn xây dựng web DANH MỤC H7NH Hình 1.1 Giao diện trang chủ Hình 1.2 Giao diện trang giới thiệu Hình 1.3 Giao diện trang liên hệ Hình 1.4 Giao diện trang đăng ký Hình 1.5 Giao diện trang đăng nhập Hình 1.6 Giao diện trang danh mục áo, quần váy Hình 1.6.1 Giao diện danh mục áo kiểu 10 Hình 1.6.2 Giao diện danh mục sơ mi 1011 Hình 1.6.3 Giao diện danh mục áo hai dây .12 Hình 1.6.4 Giao diện danh mục đầm 13 Hình 1.6.5 Giao diện danh mục quần sọt 14 Hình 1.6.6 Giao diện danh mục quần jean 15 Hình 1.6.7 Giao diện danh mục váy ngắn 16 Hình 1.7.1 Giao diện trang chi tiết áo kiểu .17 Hình 1.7.2 Giao diện trang chi tiết sơ mi 18 Hình 1.7.3 Giao diện trang chi tiết áo hai dây 19 Hình 1.7.4 Giao diện trang chi tiết đầm 19 Hình 1.7.5 Giao diện trang chi tiết quần sọt 20 Hình 1.7.6 Giao diện trang chi tiết quần jean 21 Hình 1.7.7 Giao diện trang chi tiết váy ngắn 22 Hình 1.8.1 Giao diện trang sản phẩm bán chạy 22 Hình 1.9 Giao diện danh mục thương hiệu .22 Hình 1.9.1 Giao diện danh mục hàng Korea 22 Hình 1.9.1 Giao diện danh mục hàng Việt Nam Xuất 22 SVTH: NGUYỄN TRÚC LINH – D18HT01 IV Đồ án mơn xây dựng web Hình 1.9.1 Giao diện danh mục hàng Quảng Châu 22 DANH SÁCH CÁC KÝ TỰ, CHỮ VIẾT TẮT Từ viết tắt Giải thích CSDL Cơ sở liệu ĐVT Đơn vị tính CNTT Cơng Nghệ Thơng Tin SP Sản phẩm VNXK Việt Nam Xuất Khẩu SVTH: NGUYỄN TRÚC LINH – D18HT01 V Tiểu luận môn xây dựng web CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI Tên Đề Tài + XÂY DỰNG WEBSITE SHOP ÁO NỮ VEERA BEAUTY CHO LYN LYN STORE Mục Tiêu Đề Tài + Xây dựng Website shop bán áo nữ Veera Beauty cho Lyn Lyn Store Ý Nghĩa Của Đề Tài + Đưa sản phẩm cửa hang đến gần với người tiêu dùng + Quảng bá thương hiệu Đối Tượng Của Đề Tài + Đối tượng nghiên cứu chủ yếu sản phẩm quần áo nữ Một Số Trang Chính Của Website + Trang chủ: Đây trang giới thiệu sơ lược sản phẩm cửa hàng + Trang Giới thiệu: Đây trang giúp cho khách hàng xem biết thêm thông tin cửa hàng + Trang liên hệ: Đây trang mà khách hàng liên hệ với cửa hàng + Trang đăng ký: Người dùng đăng ký tài khoản để trở thành khách hàng cửa hàng + Trang đăng nhập: Người dùng đăng nhập tài khoản để đặt mua sản phẩm cửa hàng + Trang sản phẩm: Đây trang khách hàng xem tham khảo mặt hàng cửa hàng có sẵn để lựa chọn + Trang chi tiết sản phẩm: Đây trang khách hàng nhấn vào sản phẩm để xem chi tiết 0 Tiểu luận môn xây dựng web CHƯƠNG GIỚI THIỆU CÔNG NGHỆ Giới Thiệu Về HTML 1.1 HTML gì? HTML (Hypertext Markup Language-Ngôn ngữ đánh dấu siêu văn bản) ngôn ngữ đánh dấu chuẩn dùng soạn thảo tài liệu World Wide Web, rõ trang Web hiển thị trình duyệt Ngơn ngữ HTML dùng tag đoạn mã lệnh trình duyệt (Web browsers) cách hiển thị thành phần trang text graphics HTML ngôn ngữ xác định cấu trúc thông tin HTML sử dụng loạt thẻ thuộc tính dùng để thị văn thông tin khác, cung cấp siêu liên kết tới tài liệu khác 1.2 Công dụng HTML Xây dựng nội dung hình thức trang web Xuất tài liệu trực tuyến hay truy xuất thông tin trực tuyến cách dùng liên kết chèn vào trang web Tạo biểu mẫu trực tuyến nhằm thu thập thông tin người dùng, quản lý giao dịch… Thêm vào đối tượng hình ảnh video, âm thanh… 1.3 Định dạng HTML Là tập tin có phần mở rộng htm html Là tập tin văn túy, có chứa mã đặc biệt gọi Tag (thẻ), thường đặt xung quanh khối văn Có thể viết nhiều trình soạn thảo: Microsoft Fontpage, notepad…và sử dụng nhiều Adobe Dreamweaver Giới thiệu Adobe Dreamweaver Macromedia Dreamweaver trình biên soạn HTML chuyên nghiệp dùng để xây dựng, viết mã phát triển website trang web ứng dụng web Cho dù bạn có thích thú với công việc viết mã HTML thủ công bạn thích làm việc mơi trường biên soạn trực quan, Dreamweaver cung cấp cho bạn cơng cụ hữu ích để nâng cao kinh nghiệm xây dựng web bạn Các tính biên soạn trực quan Dreamweaver cho phép bạn tạo nhanh trang web mà không cần dịng mã Bạn xem tất thành phần 0 Tiểu luận môn xây dựng web website bạn kéo chúng trực tiếp từ panel dễ sử dụng vào văn Bạn nâng cao sản phẩm bạn cách tạo sửa ảnh Macromedia Fireworks ứng dụng ảnh khác, sau chèn trực tiếp vào Dreamweaver Dreamweaver cung cấp công cụ giúp đơn giản hóa việc chèn Flash vào trang web Dreamweaver cho phép bạn Xây dựng ứng dụng web động dựa theo liệu sử dụng công nghệ máy chủ CFML, ASP.NET, ASP, JSP, PHP Nếu sở thích bạn làm việc với liệu XML, Dreamweaver cung cấp công cụ cho phép bạn dễ dàng tạo trang XSLT, chèn file XML hiển thị liệu XML trang web bạn Dreamweaver tùy biến hồn tồn Bạn tạo cho riêng đối tượng yêu cầu, chỉnh sửa shortcut bàn phím chí viết mã JavaScript để mở rộng khả Dreamweaver với hành vi mới, chuyên gia giám định Property báo cáo site Ngôn ngữ CSS CSS (Cascading Style Sheets) ngôn ngữ quy định cách trình bày cho tài liệu viết HTML, XHTML, XML, SVG, hay UML,… CSS cung cấp nhiều thuộc tính trình bày dành cho đối tượng với sáng tạo việc kết hợp thuộc tính giúp mang lại hiệu cao CSS hỗ trợ tất trình duyệt hiển thị “như nhau” hệ điều hành CSS đưa phương thức áp dụng từ file CSS ngồi Có hiệu đồng tạo website có hàng trăm trang hay muốn thay đổi thuộc tính trình bày CSS cập nhật liên tục mang lại trình bày phức tạp tinh vi Ngôn ngữ Javascript Với HTML biểu diễn thông tin chưa phải trang Web động có khả đáp ứng kiện từ phía người dùng Hãng Netscape đưa ngôn ngữ script có tên LiveScript để thực chức Sau đổi tên thành JavaScript để tận dụng tính đại chúng ngơn ngữ lập trình Java 0 Tiểu luận mơn xây dựng web Hình 1.6.6 Giao diện danh mục quần jean 2.6.7 Giao diện danh mục váy ngắn 0 Tiểu luận mơn xây dựng web Hình 1.6.7 Giao diện danh mục váy ngắn 2.7 Giao diện trang chi tiết sản phẩm  Mục đích: Chức cho phép người dùng xem Tên sản phẩm, giá, thông tin chi tiết sản phẩm  Trong giao diện cho người dùng, chọn hiển thị theo Sản Phẩm kích chọn trang chủ 0 Tiểu luận môn xây dựng web 2.7.1 Chi tiết áo kiểu Hình 1.7.1 Giao diện trang chi tiết áo kiểu 2.7.2 Chi tiết sơ mi 0 Tiểu luận môn xây dựng web Hình 1.7.2 Giao diện trang chi tiết áo sơ mi 2.7.3 Chi tiết áo hai dây 0 Tiểu luận mơn xây dựng web Hình 1.7.3 Giao diện trang chi tiết áo hai dây 2.7.4 Chi tiết đầm 0 Tiểu luận mơn xây dựng web Hình 1.7.4 Giao diện trang chi tiết đầm 0 Tiểu luận mơn xây dựng web 2.7.5 Chi tiết quần sọt Hình 1.7.5 Giao diện trang chi tiết quần sọt 2.7.6 Chi tiết quần jean 0 Tiểu luận môn xây dựng web Hình 1.7.6 Giao diện trang chi tiết quần jean 2.7.7 Chi tiết váy ngắn 0 Tiểu luận môn xây dựng web Hình 1.7.7 Giao diện trang chi tiết váy ngắn 2.8 Giao diện trang sản phẩm bán chạy 2.9 Giao diện danh mục thương hiệu 0 Tiểu luận mơn xây dựng web Hình 1.9 Giao diện danh mục thương hiệu 2.9.1 Giao diện danh mục hàng Korea Hình 1.9.1 Giao diện danh mục hàng Korea 2.9.2 Giao diện danh mục hang Việt Nam Xuất Khẩu 0 Tiểu luận mơn xây dựng web Hình 1.9.2 Giao diện danh mục hàng VNXK 2.9.3 Giao diện danh mục hàng Quảng Châu 0 Tiểu luận môn xây dựng web Hình 1.9.3 Giao diện danh mục hàng Quảng Châu CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 0 Tiểu luận môn xây dựng web Trong thời buổi công nghiệp hóa nay, việc bn bán qua mạng trở nên phổ biến với hầu hết người Đây xu hướng xã hội người với cú nhấp chuột dễ dàng đặt mua sản phầm mà ưng ý cách dễ dàng thời gian đến tận nơi để mua Việc mua bán giúp tiết kiệm thời gian tiền bạc người lựa chọn sản phẩm với giá đa dạng nhu cầu cá nhân người Vì thế, sau tiến hành khảo sát em định Xây dựng trang web bán quần áo mà cụ thể “Xây dựng website shop quần áo Veera Beauty cho Lyn Lyn Store”với chức cần thiết cho trang web buôn bán cần có em thấy nhu cầu mua sắm thị trường tiềm khai thác buôn bán Website “shop quần áo Veera Beauty” thứ dùng để quảng bá cho sân, thứ hai kênh thông tin cho người, thứ ba địa tin cậy để khách hàng yêu thích thời trang tìm mua cho sản phẩm chất lượng Qua trình nghiên cứu cố gắng thực hướng dẫn tận tình Giảng viên, giúp đỡ bạn bè khóa học đồ án nghiên cứu thể điều sau: Kết đạt được: - Xây dựng thành công website thời trang cho cửa hàng bán quần áo BiBo, đáp ứng yêu cầu người sử dụng - Tìm hiểu nắm cơng cụ để Xây dựng website như: Adobe Dreamweaver CS6, ngơn ngữ lập trình Website như: HTML, Javascript, CSS - Giao diện website xây dựng đơn giản, thân thiện dễ sử dụng Việc chưa làm được: - Việc biểu diễn thông tin website chưa linh hoạt - Phân tích xây dựng chưa hồn chỉnh - Nhiều chức thiếu chưa sử dụng Hướng phát triển đề tài Vì thời gian khơng cho phép kiến thức xây dựng web hạn chế nên chúng em chưa tìm hiểu rõ kỹ đề tài Vì đề tài cịn có nhiều thiếu sót, mong thầy giúp đỡ chúng em nhiều em tiếp tục tìm hiểu sâu cơng nghệ này, nhằm mục đích Xây dựng website: 0 Tiểu luận môn xây dựng web  Giao diện đẹp, thân thiện với người dùng, có nhiều chức tương tác tốt với người dùng  Xây dựng, bổ sung tính cịn thiếu hay chưa thật hồn chỉnh q trình sử dụng 0 Tiểu luận môn xây dựng web TÀI LIỆU KHAM KHẢO - Tài liệu giảng môn “Xây dựng website” thầy Nguyễn Hữu Vĩnh - Website WWW: http://www.hiepsiit.com - Website http://tashop.vn/ 0 ... V Tiểu luận môn xây dựng web CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI Tên Đề Tài + XÂY DỰNG WEBSITE SHOP ÁO NỮ VEERA BEAUTY CHO LYN LYN STORE Mục Tiêu Đề Tài + Xây dựng Website shop bán áo nữ Veera Beauty cho. .. sau tiến hành khảo sát em định Xây dựng trang web bán quần áo mà cụ thể ? ?Xây dựng website shop quần áo Veera Beauty cho Lyn Lyn Store? ??với chức cần thiết cho trang web bn bán cần có em thấy nhu... trình sử dụng 0 Tiểu luận môn xây dựng web TÀI LIỆU KHAM KHẢO - Tài liệu giảng môn ? ?Xây dựng website? ?? thầy Nguyễn Hữu Vĩnh - Website WWW: http://www.hiepsiit.com - Website http://tashop.vn/ 0