Tiểu luận môn học thiết kế web thiết kế web website shop thời trang thanh thảo

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 THIẾT KẾ WEB WEBSITE SHOP THỜI TRANG THANH THẢO GVHD: NGUYỄN HỮU VĨNH SVTH: LÊ THANH HIỆP MSSV: 1824801030217 LỚP: D18PM04 B/NH DƯƠNG – 7/2020 pg 0 TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT 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 Thời Trang THANH THẢO 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 MỤC LỤC DANH MỤC HÌNH I SƠ ĐỒ KHỐI II LỜI CẢM ƠN III LỜI MỞ ĐẦU IV CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI 1.TÊN ĐỀ TÀI 2.MỤC TIÊU CỦA ĐỀ TÀI .1 Ý 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ì? .2 1.2 Công dụng HTML 1.3 Định dạng HTML 2 GIỚI THIỆU VỀ ADOBE DREAMWEAVER .2 NGÔN NGỮ CSS NGÔN NGỮ JAVASCRIPT .3 CHƯƠNG 3: GIAO DIỆN CHƯƠNG TRÌNH .5 ĐẶC TẢ GIAO DIỆN .5 1.1 Giao diện trang chủ 1.2 Giao diện form đăng nhập 1.3 Giao diện form đăng ký 1.4 Giao diện form giỏ hàng .9 1.5 Giao diện danh mục sản phẩm theo nhà sản xuất .10 1.5.1 Giao diện sản phẩm nhà sản xuất Việt Tiến 11 0 1.5.2 Giao diện sản phẩm nhà sản xuất Vinatex 12 1.5.3 Giao diện sản phẩm nhà sản xuất Bambo 13 1.5.4 Giao diện sản phẫm nhà sản xuất Yame .14 1.5.5 Giao diện sản phẫm nhà sản xuất Chanel 16 1.6 Giao diện trang giới thiệu 17 1.7 Giao diện trang liên hệ .18 1.8 Giao diện thời trang công sở 19 1.9 Giao diện thời trang dành cho quý bà 21 1.10 Giao diện phụ kiện thời trang 23 1.11 Giao diện tin tức 25 CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 27 KẾT QUẢ ĐẠT ĐƯỢC: 27 VIỆC CHƯA LÀM ĐƯỢC: .27 HƯỚNG PHÁT TRIỂN CỦA ĐỀ TÀI .27 TÀI LIỆU KHAM KHẢO .29 0 Danh mục hình Hinh Giao diện trang chủ Hinh Form đăng nhập Hinh From đăng ký Hinh From giỏ hàng Hinh Giao diện sản phẫm theo nhà sản xuất 10 Hinh Giao diện nhà sản xuất Việt Tiến 11 Hinh Giao diện nhà sản xuất Vinatex 12 hinh Giao diện nhà sản xuất BamBo .13 Hinh Giao diện nhà sản xuất Yame 14 Hinh 10 Nhà sản xuất Chanel 16 Hinh 11 Giao diện giới thiệu 17 Hinh 12 Giao diện liên hệ 18 Hinh 13 Giao diện thời trang công sở 19 Hinh 14 Giao diện chi tiết sản phẩm công sở .20 Hinh 15 Giao diện thời trang cho quý bà 21 Hinh 16 Giao diện chi tiết sản phẫm cho quý bà 22 Hinh 17 Giao diện phụ kiện thời trang .23 Hinh 18 giao diện chi tiết sản phẩm phụ kiện thời trang 24 Hinh 19 Giao diện tin tức 25 Hinh 20 Giao diện chi tiết tin tức .26 0 SƠ ĐỒ KHỐI 0 LỜI CẢM ƠN Trước hết em xin bày tỏ lòng biết ơn sâu sắc tới thầy Nguyễn Hữu Vĩnh, người trực tiếp hướng dẫn tận tình giúp đỡ em hồn thành tốt đề tài tiểu luận môn Em xin chân thành cảm ơn giúp đỡ dạy dỗ nhiệt tình cho em kiến thức chun mơn tinh thần học tập độc lập, sáng tạo để em có kiến thức thực tiểu luận Trong trình thực đồ án, cố gắng song thời gian khả có hạn nên em khơng thể tránh khỏi thiếu sót Vì vậy, em mong nhận đóng góp ý, bảo giúp đỡ thầy giáo, cô giáo bạn Một lần em xin chân thành cảm ơn ! 0 LỜI MỞ ĐẦU Sự bùng nổ Công nghệ thông tin (CNTT), năm gần tác động đến mặt đời sống xã hội từ khoa học kỹ thuật đến kinh tế xã hội Nhờ có tin học hoạt động sản xuất, quản lý trở nên phong phú, thuận tiện mang lại nhiều lợi ích CNTT xâm nhập vào hoạt động người ngày khẳng định vai trò Trong năm gần đây, cơng nghệ thơng tin nước ta có tiến vượt bậc Nó khơng cịn xa lạ với người ngày ứng dụng rộng rãi tất lĩnh vực đời sống xã hội công tác quản lý Quản lý hoạt động vơ rộng lớn cho dù cấp quản lý nào, khơng đơn giản cấp độ quản lý người mà quản lý nhiều đối tượng khác như: quản lý sản xuất, quản lý kinh tế, quản lý xã hội, Thương mại điện tử hình thức mua bán trao đổi thơng tin qua internet Cơng ty, doanh nghiệp giới thiệu tất sản phẩm hình ảnh thông tin trang web để khách hàng xem, tham khảo lựa chọn Đây hình thức kinh doanh tiện lợi, dễ dàng phát triển, có hội thuận lợi lớn cho công ty, doanh nghiệp đường phát triển tạo nên thành cơng danh tiếng cho Trong lĩnh vực nào, thương mại điện tử có lợi Nó khơng làm giảm thời gian mà cịn làm giảm chi phí cho vấn đề giao dịch người Việc kinh doanh qua mạng không đáp ứng nhu cầu người mà giúp cho người sử dụng so sánh giá nhiều nơi để mua mặt hàng tốt, giá hợp lý Với kiến thức học thời gian thực tế, em lựa chọn đề tài “Xây dựng Website Shop Thời Trang THANH THẢO” Đề 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 0 CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI 1.Tên đề tài THIẾT KẾ WEBSITE SHOP THỜI TRANG THANH THẢO 2.Mục tiêu đề tài Tạo cho người dùng giao diện thân thiện mua hàng Thiết kế Website bán shop quần áo cho cửa hàng THANH THẢO Ý nghĩa đề tài Đưa sản phẩm shop đến gần với người tiêu dùng Quảng bá thương hiệu Đối tượng đề tài Đối tượng nghiên cứu chủ yếu sản phẩm quần áo phụ kiện phái nữ Một số trang website Trang chủ:Đây trang giới thiệu sơ lược sản phẫm bán chạy cửa hàng sản phẫm hot thị trường Trang giới thiệu :Đây trang cung cấp thông tin shop cho khách hàng Trang giày nữ :Trang cung cấp thơng tin sản phẩm giày có cửa hàng Trang thời trang cho công sở: Trang cung cấp thông tin mẫu thời trang giành cho công sở có cửa hàng Trang phụ kiện thời trang : Trang cung cấp thông tin phụ kiện thời trang có cửa hàng Trang tin tức :Trang cung cấp thông tin mẹo hay sống Trang liên hệ:Đây trang khách hàng Nhà cung cấp liên hệ với Trang chi tiết sản phẩm :Đây trang cung cấp thông tin đầy đủ sản phẩm 0 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 Thiết kế 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 để thiết kế, viết mã phát triển website trang web ứng dụng web Cho 0 1.5.5 Giao diện sản phẫm nhà sản xuất Chanel hinh 11 Nhà sản xuất Chanel 25 0 1.6 Giao diện trang giới thiệu Mục đích: Khi vào trang này, khách hàng biết số nét khái quát shop, lịch sử hình thành phát triển, định hướng phát triển tương lai hinh 12 giao diện giới thiệu 26 0 1.7 Giao diện trang liên hệ Mục đích:Trang mục đích để khách hàng liên hệ với shop Chức năng: Trong giao diện cho phép người dùng gửi thông tin sản phẩm, thái độ phục vụ, phản hồi sai phạm nhân viên shop hinh 13 Giao diện liên hệ 27 0 1.8 Giao diện thời trang cơng sở Mục đích:chứa loạisản phẫm dành cho cơng sở phái nữ có bán cửa hàng Mô tả chức năng: Trang cho phép người dùng xem thông tin sản phẩm loại công sở dành cho phái nữ hinh 14 Giao diện thời trang công sở 28 0 1.8.1 Giao diện chi tiết sản phẫm Thời trang công sở hinh 15 Giao diện chi tiết sản phẩm công sở 29 0 1.9 Giao diện thời trang dành cho quý bà Mục đích:chứa loại sản phẫm dành cho quý bà có bán cửa hàng Mơ tả chức năng: Trang cho phép người dùng xem thông tin sản phẩm loại công sở dành cho quý bà hinh 16 Giao diện thời trang cho quý bà 30 0 1.9.1 Giao diện chi tiết sản phẫm Thời trang cho quý bà hinh 17 Giao diện chi tiết sản phẫm cho quý bà 31 0 1.10 Giao diện phụ kiện thời trang Mục đích:chứa loại sản phẫm phụ kiện thời trang có bán cửa hàng Mô tả chức năng: Trang cho phép người dùng xem thông tin sản phẩm loại phụ kiện thời trang quý phái…… hinh 18 Giao diện phụ kiện thời trang 32 0 1.10.1 Giao diện chi tiết sản phẫm phụ kiện thời trang hinh 19 giao diện chi tiết sản phẩm phụ kiện thời trang 33 0 1.11 Giao diện tin tức Mục đích:Cung cấp thơng tin mẹo hay sống,ngồi cịn cung cấp bí phối đồ cho khách hàng Mơ tả chức năng: Trang cung cấp cung cấp thông tin giúp cho khách hàng lựa chọn nhiều sản phẫm tốt ngồi cịn cung cấ mẹo hay cho người dùng…… 34 0 hinh 20 Giao diện tin tức 1.11.1 Giao diện chi tiết tin tức 35 0 hinh 21 Giao diện chi tiết tin tức 36 0 CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Trong thời buổi cơng nghiệp hóa nay, việc buôn 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 Thiết kế trang web bán quần áo mà cụ thể “Thiết kế website shop thời trang THANH THẢO”với chức cần thiết cho trang web bn bán cần có em thấy nhu cầu mua sắm thị trường tiềm khai thác bn bán Website “shop thời trang THANH THẢO” 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 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: Thiết kế thành công website thời trang cho shop thời trang THANH THẢO, đáp ứng yêu cầu người sử dụng Tìm hiểu nắm cơng cụ để Thiết kế website như: Adobe Dreamweaver CS6, ngơn ngữ lập trình Website như: HTML, Javascript, CSS Giao diện website thiết kế đơ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 thiết kế 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 thiết kế 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, 37 0 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 Thiết kế website: 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 Thiết kế, bổ sung tính cịn thiếu hay chưa thật hồn chỉnh trình sử dụng 38 0 TÀI LIỆU KHAM KHẢO - Tài liệu giảng môn “Thiết kế website” thầy Nguyễn Hữu Vĩnh - Website WWW: http://www.hiepsiit.com - Website https://coccoc.com/search#query=Webcoban.vn 39 0 ... trang web bán quần áo mà cụ thể ? ?Thiết kế website shop thời trang THANH THẢO”với chức cần thiết cho trang web bn bán cần có em thấy nhu cầu mua sắm thị trường tiềm khai thác bn bán Website ? ?shop thời. .. khóa học đồ án nghiên cứu thể điều sau: Kết đạt được: Thiết kế thành công website thời trang cho shop thời trang THANH THẢO, đáp ứng yêu cầu người sử dụng Tìm hiểu nắm công cụ để Thiết kế website. .. 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 0 CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI 1.Tên đề tài THIẾT KẾ WEBSITE SHOP THỜI TRANG THANH THẢO 2.Mục tiêu đề tài Tạo cho người