Tiểu luận môn học thực hành thiết kế web thiết kế website bán áo và phụ kiện cho công ty tnhh tn

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 ÁO VÀ PHỤ KIỆN CHO CÔNG TY TNHH TN GV: ThS Nguyễn Hữu Vĩnh SVTH: Lê Minh Tâm MSSV: 2024802010333 LỚP: D20CNTT02 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Ế WEB THIẾT KẾ WEBSITE BÁN ÁO VÀ PHỤ KIỆN CHO CÔNG TY TNHH TN GV: ThS Nguyễn Hữu Vĩnh SVTH: Lê Minh Tâm MSSV: 2024802010333 LỚP: D20CNTT02 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 TỔNG QUAN VỀ ĐỀ TÀI 1.1 Tên đề tài .2 1.2 Mục tiêu đề tài 1.3 Ý nghĩa đề tài .2 1.4 Đối tượng đề tài 1.5 Một số trang website CHƯƠNG GIỚI THIỆU CÔNG NGHỆ 2.1 Giới Thiệu Về HTML 2.1.1 HTML gì? .3 2.1.2 Công dụng HTML .3 2.1.3 Định dạng HTML 2.2 Giới thiệu Adobe Dreamweaver .3 2.3 Ngôn ngữ CSS 2.4 Ngôn ngữ Javascript CHƯƠNG GIAO DIỆN CHƯƠNG TR=NH .6 3.1 Sơ đồ .6 3.2 Đặc tả giao diện 3.2.1 Giao diện trang chủ 3.3 Giao diện trang liên hệ 3.4 Giao diện trang đăng ký 3.5 Giao diện trang đăng nhập 10 3.6 Giao diện cửa hàng 11 3.7 Giao diện trang phụ kiện 12 3.8 Giao diện trang áo khoác .13 3.9 Giao diện trang chi tiết sản phẩm 14 3.9.1 Giao diện chi tiết áo Balenciaga .14 3.9.2 Giao diện chi tiết áo Louis Vuitton 14 3.9.3 Giao diện chi tiết áo Buberry .15 ii 3.9.4 Giao diện chi tiết áo Anti Ocial social 15 3.9.5 Giao diện áo Gucci 16 3.9.6 Giao diện chi tiết túi Louis Vuitton 16 3.9.7 Giao diện Earring Gucci .17 3.9.8 Giao diện mắt kính Versace 17 3.9.9 Giao diện nước hoa Chanel 18 3.9.10 Giao diện áo khoác Baseball LV .18 3.9.11 Giao diện áo khoác Tresor De La Mer 19 3.9.12 Giao diện áo khoác Red GG Multicolor .19 3.9.13 Giao diện áo khoác Ken Scott Print Velvet 20 3.9.14 Giao diện chi tiết áo khoác PatchWork Denim 20 3.10 Mục thương hiệu 21 CHƯƠNG THIẾT KẾ CHƯƠNG TR=NH 21 4.1 Thiết kế trang chủ 21 4.1.1 Source code HTML 21 4.1.2 Source code CSS .27 4.1.3 Source code JavaScript 29 KẾT LUẬN 31 TÀI LIỆU THAM KHẢO .32 iii DANH MỤC H=NH Hình 3.1: Giao diện trang chủ .7 Hình 3.2: Giao diện liên hệ Hình 3.3: Giao diện trang đăng ký Hình 3.4: Giao diện trang đăng nhập .10 Hình 3.5: Giao diện cửa hàng 11 Hình 3.6: Giao diện trang phụ kiện 12 Hình 3.7: Giao diện trang áo khốc 13 Hình 3.8: Giao diện trang chi tiết áo Balenciaga .14 Hình 3.9: Giao diện chi tiết áo Louis Vuitton .14 Hình 3.10: Giao diện chi tiết áo Buberry 15 Hình 3.11: Giao diện chi tiết áo Anti Ocial Social 15 Hình 3.12: Giao diện chi tiết áo Gucci 16 Hình 3.13: Giao diện túi Louis Vuitton 16 Hình 3.14: Giao diện Earring Gucci 17 Hình 3.15: Giao diện mắt kính Versace 17 Hình 3.16: Giao diện nước hoa Versace .18 Hình 3.17: Giao diện chi tiết áo khốc Baseball LV 18 Hình 3.18: Giao diện chi tiết áo khoác Tresor De La Mer 19 Hình 3.19: Giao diện chi tiết Red GG Multicolor 19 Hình 3.20: Giao diện chi tiết áo khoác Ken Scott Print Velvet .20 Hình 3.21: Giao diện chi tiết áo khốc PatchWork Denim .20 Hình 3.22: Mục thương hiệu .21 iv MỞ ĐẦU Với sống ngày phát triển, công nghệ ngày đổi đặc biệt dịch Covid 19 hoành hành giới nhu cầu đường người giảm mạnh, việc dường nỗi lo người giới, viêc mua sắm trở nên khó khăn, khơng nhu cầu thiết yếu người khó mà thực thời buổi dịch căng thẳng Để có đồ thiết yếu biện pháp khả quan mua hàng online để tránh khả tiếp xúc nhiểu người lúc, giảm khả lây bệnh cộng đồng Ngồi đồ thiết yếu nhu yếu phẩm, vật dụng cần thiết quần áo, thời trang đồ cần thiết cho người Vì thếế, em quyếết đ nhị ch nọđếề tài “ thiếết kếế website bán áo phụ kiện cho công ty TNHH TN” nhằềm đáp ứng nhu cầều mua sằếm cho ọmi người, để người thay đổi thần ngồi mục đích em nhằềm góp phầền ảgi m nguy lầy nhiếễm Covid ộc ng đôềng CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI 1.1 Tên đề tài CHƯƠNG + Thiết kế website bán áo phụ kiện cho công ty TNHH TN 2.1 Mục tiêu đề tài CHƯƠNG + Bán nhiều sản phẩm mang lại cho người dùng nhiều sản phẩm chất lượng đưa website đến gần với khách hàng 3.1 Ý nghĩa đề tài CHƯƠNG + Giúp người dùng thời gian ngồi, khách hàng mua sản phẩm cách nhanh chóng, tiện lợi CHƯƠNG + Quản bá thương hiệu cho công ty 5.1 Đối tượng đề tài CHƯƠNG + Đối tượng mà shop muốn nhắm đến tất người dùng giới từ trẻ em đến người lớn tuổi, đặc biệt độ tuổi thiếu niên 6.1 Một số trang website CHƯƠNG + Trang chủ: giao diện mà người dùng tiếp cận truy cập vào website CHƯƠNG + Trang liên hệ: giao diện khách hàng dùng để trao đổi với shop vấn đề sản phẩm shop Khách hàng đánh giá phản ánh cho shop CHƯƠNG + Trang đăng ký: giao diện để người dùng tạo tài khoản để sử dụng website CHƯƠNG 10 + Trang đăng nhập: nơi mà người dùng sử dụng tài khoản vừa tạo để truy cập vào website CHƯƠNG 11 + Trang cửa hàng (bao gồm phụ kiện, áo khoác): nơi khách hàng thoải mái lựa chọn mua sản phẩm shop CHƯƠNG 12 + Trang chi tiết sản phẩm: nơi mà khách hàng tham khảo thơng tin sản phẩm size áo, nơi sản xuất, CHƯƠNG 13 CHƯƠNG 14 CHƯƠNG 15 Tiểu luận kết thúc học phần thực hành thiết kế website CHƯƠNG 16 GIỚI THIỆU CÔNG NGHỆ 16.1 Giới Thiệu Về HTML 16.1.1 HTML gì? CHƯƠNG 17 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 CHƯƠNG 18 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 CHƯƠNG 19 HTML ngôn ngữ xác định cấu trúc thông tin CHƯƠNG 20 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 20.1.1 Công dụng HTML CHƯƠNG 21 Thiết kế nội dung hình thức trang web CHƯƠNG 22 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 CHƯƠNG 23 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… CHƯƠNG 24 Thêm vào đối tượng hình ảnh video, âm thanh… 24.1.1 Định dạng HTML CHƯƠNG 25 Là tập tin có phần mở rộng htm html CHƯƠNG 26 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 CHƯƠNG 27 Có thể viết nhiều trình soạn thảo: Microsoft Fontpage, notepad… sử dụng nhiều adobe dreamweaver 27.1 Giới thiệu Adobe Dreamweaver CHƯƠNG 28 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 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 thiết kế web bạn Tiểu luận kết thúc học phần thực hành thiết kế website CHƯƠNG 29 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 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 CHƯƠNG 30 Dreamweaver cho phép bạn Thiết kế ứ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 CHƯƠNG 31 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 31.1 Ngôn ngữ CSS CHƯƠNG 32 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,… CHƯƠNG 33 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 CHƯƠNG 34 CSS hỗ trợ tất trình duyệt hiển thị “như nhau” hệ điều hành CHƯƠNG 35 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 CHƯƠNG 36 CSS cập nhật liên tục mang lại trình bày phức tạp tinh vi 36.1 Ngôn ngữ Javascript CHƯƠNG 37 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 ...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 ÁO VÀ PHỤ KIỆN CHO CÔNG TY TNHH TN GV: ThS Nguyễn Hữu Vĩnh SVTH:... toán học Nhưng JavaScript không ngôn ngữ hướng đối tượng C++/Java Tiểu luận kết thúc học phần thực hành thiết kế website CHƯƠNG 41 GIAO DIỆN CHƯƠNG TR=NH 41.1 Sơ đồ website bán áo phụ kiện cho công. .. Tên đề tài CHƯƠNG + Thiết kế website bán áo phụ kiện cho công ty TNHH TN 2.1 Mục tiêu đề tài CHƯƠNG + Bán nhiều sản phẩm mang lại cho người dùng nhiều sản phẩm chất lượng đưa website đến gần với