Untitled 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 BÁN XE MÁY GVHD THS NGUYỄN HỮU VĨNH SVTH ĐINH THỊ THU TRANG MSSV 1824801040012 LỚP D18HT01[.]
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 BÁN XE MÁY GVHD: THS NGUYỄN HỮU VĨNH SVTH: ĐINH THỊ THU TRANG MSSV: 1824801040012 LỚP: D18HT01 B6NH 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 BÁN XE MÁY 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 LỜI NÓI ĐẦU Hiện nay, giới thương mại điện tử phát triển mạnh mẽ Internet dần trở thành công cụ thiếu sống Khi trang web cơng cụ tiếp thị thiếu người trơng sống Khi bên cạnh website đem lại cho cá nhận, doanh nghiệp hội liên kết hợp tác, quảng cáo không giới hạn,và việc kinh doanh bạn trở nên dễ dàng hơn, tiết kiệm chi phí tốn thời gian Để làm điều cá nhân, doanh nghiệp hay cửa hàng phải có chiến lược cụ thể, áp dụng giải pháp marketing điện tử quảng cáo website đến với người dùng mở rộng khai thác tiềm quảng cáo thương hiệu.Truyền thơng mở rộng , người ngồi chỗ mà biết nhiều thông tin mua hàng cập nhật nhà cách dễ dàng hơn.Lượng thông tin đời sống ngày phong phú Vì việc tiếp thu lượng thơng tin qua trang web điều thiếu với đối tượng sống Việc mạng internet cá nhân công ty hay cửa hàng nhỏ tự Xây dựng cho website để quảng cáo cho thương hiệu xe máy gần với người nhu cầu cao nay.Nhờ tìm hiểu nhu cầu tất yếu người đưa mẫu Xây dựng gần gủi thiết thực sống website bán xe máy thu hút người hiểu tìm hiểu website cách hiểu Đề 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 MỤC LỤC LỜI NÓI ĐẦU i MỤC LỤC ii DANH SÁCH KÝ TỰ, CHỮ VIẾT TẮT CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI I Tên Đề Tài II Mục Tiêu Của Đề Tài III Ý Nghĩa Của Đề Tài IV Đối Tượng Của Đề Tài V Một Số Trang Chính Của Website CHƯƠNG GIỚI THIỆU CÔNG NGHỆ I Giới Thiệu Về HTML HTML Là Gì? Công Dụng Của HTML .4 Định Dạng Của HTML II Giới Thiệu Về Adobe Dreamweaver III Ngôn Ngữ CSS IV Ngôn Ngữ JavaScript CHƯƠNG GIAO DIỆN CHƯƠNG TR6NH I Giao diện Trang chủ II Danh mục trang Sản phẩm .11 III Giao diện trang Dịch vụ .12 IV Giao diện trang Thông tin hỗ trợ 14 V Giao diện thông tin chi tiết xe 16 CHƯƠNG DANH MỤC H6NH ẢNH 17 I Hình ảnh Trang chủ 17 II Hình ảnh danh mục menu trang Sản phẩm 21 0 III Hình ảnh trang Dịch vụ 21 IV Hình ảnh trang Thơng tin hỗ trợ 23 V Hình ảnh trang Thơng tin chi tiết 25 CHƯƠNG KẾT LUẬN 27 I Kết đạt .27 II Việc chưa làm .27 III Hướng phát triển đề tài 27 CHƯƠNG TÀI LIỆU THAM KHẢO 0 DANH MỤC H6NH Hình 1.1 Giao diện trang chủ Hình 1.2 Giao diện trang sản phẩm Hình 1.3 Giao diện trang giới thiệu Hình 1.4 Giao diện tin tuc 10 Hình 1.5 Giao diện trang liên hệ .11 Hình 1.6 Giao diện trang đăng ký 12 Hình 1.7 Giao diện trang đăng nhập .13 Hình 1.8 Giao diện trang danh mục sản phẩm theo hãng vison2019 .14 Hình 1.9 Giao diện danh mục sản phẩm hãng deluxe 15 Hình 2.0 Giao diện danh mục sản phẩm hãng SH2020 16 Hình 2.1 Giao diện danh mục sản phẩm hãng Vespa 17 Hình 2.2 Giao diện danh mục sản phẩm hãng Yamaha 18 0 Đồ án môn Xây dựng web 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 i 0 Chương Xây dựng giao diện CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI Tên Đề Tài + XÂY DỰNG WEBSITE BÁN XE MÁY Tiêu đề Đề Tài + Xây dựng Website bán xe máy cho cửa hàng tư nhân Ý Nghĩa Của Đề Tài + Đưa tất sản phẩm thương hiệu shop đến tay người tiêu dùng cách hiệu + Quảng bá thương hiệu đến người tiêu dùng + Tạo dựng thương hiệu bán xe máy thông qua việc mua bán Website oline vừa hình thức với nhu cầu công nghệ tiếp cận với người tiêu dùng Đối Tượng Của Đề Tài + Đối tượng nghiên cứu đề tài hướng tới đối tượng người Việc mua sắm xe máy lại điều tất yếu sống người dâ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 ưu đãi cửa hàng, mặt hàng đơn giản cửa hàng cách đầy đủ + 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 thông tin đầy đủ xuất xứ xe 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 qua hình thức : địa chỉ, số điện thoại , facebook, zalo + 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 trang + 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 Chương Xây dựng giao diện CHƯƠNG GIỚI THIỆU CÔNG NGHỆ Giới Thiệu Về HTML 1.1 HTML gì? HTML(tiếng anh, viết tắt cho HyperText Markup Language, "Ngôn ngữ Đánh dấu Siêu văn bản") ngôn ngữ đánh dấu Xây dựng để tạo nên ttrang web với mẩu thơng tin trình bày World Wide Web Cùng với CSS JavaScrip, HTML tạo ba tảng kỹ thuật cho World Wide Web HTML định nghĩa ứng dụng đơn giản SGML sử dụng tổ chức cần đến yêu cầu xuất phức tạp HTML trở thành chuẩn Internet tổ chức World Wide Web Consortium (W3C) trì Phiên thức HTML HTML 4.01 (1999) Sau đó, nhà phát triển thay XHTML Hiện nay, HTML phát triển tiếp với phiên HTML5 hứa hẹn mang lại diện mạo cho Web 1.2 Công dụng HTML Xây dựng nội dung hình thức trang web HTML ngơn ngữ đánh dấu siêu văn nên có vai trị xây dựng cấu trúc siêu văn website, khai báo tập tin kỹ thuật số (media) hình ảnh, video, nhạc Bằng cách dùng HTML động Ajax, lập trình viên tạo xử lý số lượng lớn cơng cụ, từ chương trình soạn thảo văn đơn giản – gõ vào từ dòng – công cụ xuất WYSIWYG phức tạp.Hypertext cách mà trang Web (các tài liệu HTML) kết nối với 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 HTML ngôn ngữ đánh dấu thẻ (Markup Language), nghĩa bạn sử dụng HTML để đánh dấu tài liệu text thẻ (tag) để nói cho trình duyệt Web cách để cấu trúc để hiển thị hình 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 0 Chương Xây dựng giao diện 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 công cụ 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 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 0 Chương Xây dựng giao diện 1.1 Giao diện trang chủ Mục đích: Thanh menu chứa danh sách sản phẩm theo hãng cửa hàng Khách hàng sử dụng menu để lựa chọn hãng mà cần tìm Sử dụng danh mục sản phẩm theo hãng để chọn hãng sản phẩm mà cần Hình 1: giao diện trang chủ 0 Chương Xây dựng giao diện 1.2 Giao diện giới thiệu Hình 2: giao diện giới thiệu 0 Chương Xây dựng giao diện 1.3 Giao diện tin tức Hình 3: giao diện tin tức 0 Chương Xây dựng giao diện 1.4 Giao diện cách chọn xe phù hợp Hình 4:giao diện hướng dẫn chọn xe 10 0 Chương Xây dựng giao diện 1.5 Giao diện hướng dẫn mua hàng Hình 5: Giao diện hướng dẫn mua hàng 1.6 Giao diện liên hệ 11 0 Chương Xây dựng giao diện Hình 6: giao diện liên hệ 12 0 Chương Xây dựng giao diện 1.7 Giao diện nhập đăng kí Hình 7:giao diện đăng kí 1.8 Giao diện đăng nhập Mục đích: Người dùng đăng nhập tài khoản để đặt mua sản phẩm trang Hình 8: Giao diện vào sản phẩm 13 0 Chương Xây dựng giao diện 1.9 Giao diện sản phẩm HONDA VISON 2019 Hình 9: Giao diện xe vision 2019 2.0 Giao diện sản phẩm deluxe đỏ Hình 10: Giao diện xe deluxe đỏ 14 0 ... Chương Xây dựng giao diện CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI Tên Đề Tài + XÂY DỰNG WEBSITE BÁN XE MÁY Tiêu đề Đề Tài + Xây dựng Website bán xe máy cho cửa hàng tư nhân Ý Nghĩa Của Đề Tài + Đưa tất sản phẩm... nay.Nhờ tìm hiểu nhu cầu tất yếu người đưa mẫu Xây dựng gần gủi thiết thực sống website bán xe máy thu hút người hiểu tìm hiểu website cách hiểu Đề tài tiểu luận gồm phần phân chương sau: Chương 1:... hiệu liên kết với trang khác - Phần 5: Bên phải hiển thị sản phẩm bán nhiều nhất, liên kết website liên kết tới trang khác thống kê truy cập website - Phần 6: Ở chứa sản phẩm ưu đãi liên kết với