Tiểu luận môn học thiết kế website thiết kế website bán xe hơi cho cty toyota

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 THIẾT KẾ WEBSITE THIẾT KẾ WEBSITE BÁN XE HƠI CHO CTY TOYOTA GVHD: THS NGUYỄN HỮU VĨNH SVTH: HOÀNG NGỌC CẢNH MSSV:2024801030162 SVTH: TRẦN MINH PHÁT MSSV: 2024801030232 LỚP: D20KTPM01 B7NH DƯƠNG – 4/2021 0 Tiểu luận mơn thiết kế web LỜI NĨI ĐẦU Trong môi trường kinh tế phát triển mạnh, cạnh tranh gay gắt, với phát triển vượt bậc khoa học kỹ thuật cơng nghệ thơng tin thương mại điện tử lĩnh vực trơi,2 có nhiều đóng góp thiết thực cho kinh tế Công nghệ thông tin thương mại điện tử có mặt hầu hết lĩnh vực sống trở thành công cụ hỗ trợ đắc lực công tác quản lý, kinh doanh Ngày nay, “ thương mại điện tử “ đem lại nhiều lợi ích khơng cho doanh nghiệp mà người tiêu dùng có lợi ích tích kiệm thời gian chi phí trông việc mua sắm tiêu dùng Việc bán hàng qua mạng khơng cịn hình thức xa lạ người tiêu dùng nữa, bán hàng qua mạng hình thức làm việc phổ biến, hình thức doanh nghiệp kinh doanh sản phẩm lựa chọn Vì vậy, em chọn đề tài “Xây dựng Website bán Xe hơi” Đề 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 Tiểu luận môn thiết kế web MỤC LỤC LỜI NÓI ĐẦU .i DANH MỤC HÌNH v 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 1.2 Công dụng HTML 1.3 HTML gì? .2 Định dạng HTML Giới thiệu Adobe Dreamweaver .2 Ngôn ngữ CSS .3 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.1.1 Giao diện trang khuyễn .5 1.1.2 Giao diện trang bảng giá 1.1.3 Giao diện trang đăng ký lái thử 1.1.4 Giao diện trang Dự toán thu chi 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 sản phẩm 1.6.1 Giao diện danh mục tất .10 0 Tiểu luận môn thiết kế web 1.6.2 Giao diện danh mục TOYOTA 10 1.6.3 Giao diện danh mục xe BMW 11 1.6.4 Giao diện danh mục xe KIA 11 1.6.5 Giao diện danh mục xe MESCEDES 12 1.7 Giao diện danh mục Dịch vụ .16 1.7.1 1.7.2 1.7.3 Giao diện danh mục sách bảo hành 16 Giao diện danh mục sửa chữa .16 Giao diện danh mục phục tùng phụ kiện 17 DANH MỤC H7NH Hình 1.1 Giao diện trang chủ Hình 1.1.1 Giao diện trang khuyễn Hình 1.1 Giao diện trang bảng giá Hình 1.1 Giao diện trang đăng ký lái thử Hình 1.1 Giao diện trang dự toán thu chi 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 sản phẩm Hình 1.6.1 Giao diện trang danh mục sản phẩm TOYOTA Hình 1.6.2 Giao diện trang danh mục sản phẩm BMW Hình 1.6.3 Giao diện trang danh mục sản phẩm KIA .9 Hình 1.6.4 Giao diện trang danh mục sản phẩm MESCEDES Hình Giao diện trang danh mục sản phẩm Hình 1.6 Giao diện trang danh mục sản phẩm 0 Tiểu luận môn thiết kế web Hình 1.6 Giao diện trang danh mục sản phẩm Hình 1.6 Giao diện trang danh mục sản phẩm 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 Cty Công Ty 0 Tiểu luận môn thiết kế web Web mua bán xe cty toyota Sản phẩm Trang chủ Khuyễễn Bảng giá Toyota Đăng kí lái thử Dự tốn thu chi KIA Dịch vụ Vễề chúng tơi BMW Chính sách bảo hành Dịch vụ sữa chữa Mescedes Phục tùng phụ kiện Dịch vụ bảo dướng Tiểu luận môn thiết kế web CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI Tên Đề Tài + THIẾT KẾ WEBSITE BÁN XE HƠI CHO CÔNG TY TOYOTA Mục Tiêu Đề Tài + Thiết kế Website bán xe cho công ty TOYOTA Ý Nghĩa Của Đề Tài + Đưa sản phẩm công ty đến đến gần với người tiêu dùng + Quảng bá thương hiệu + Giúp khách hàng thuận tiện việc mua bán sửa chữa xe + Cập nhật thông tin giá đến khách hàng cách nhanh chóng cơng ty Đối Tượng Của Đề Tài + Đối tượng nghiên cứu chủ yếu sản phẩm ưa chuộng thị trường có nhu cầu mua xe 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ông ty + Trang liên hệ: Đây trang mà khách hàng liên hệ với shop + Trang đăng ký: Người dùng đăng ký tài khoản để trở thành khách hàng trang + 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 cty 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 thiết kế web + Trang dịch vụ: Đây trang khách hàng nhấn vào để xem dịch vụ có cơng ty + Trang khuyến mãi: Đây trang khách hàng xem sản phẩm khuyễn công ty + Trang bảng giá: Đây trang khách hàng xem giá số sản phẩm bật công ty 0 Tiểu luận môn thiết kế web CHƯƠNG GIỚI THIỆU CÔNG NGHỆ Giới Thiệu Về HTML 1.1HTML 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.2Cô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 dù bạn có thích thú với cơng việc viết mã HTML thủ công bạn 0 Tiểu luận môn thiết kế web 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 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 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 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 0 Tiểu luận môn thiết kế web Mục đích: Khi vào trang này, cty biết thu chi tháng lời hay lỗ 1.2 Giao diện trang giới thiệu Mục đích: Khi vào trang này, khách hàng biết số loại xe phổ biến thị trường tiêu dùng VIỆT NAM 0 Tiểu luận môn thiết kế web Hình 1.2 Giao diện trang giới thiệu 1.3Giao diện trang liên hệ  Mục đích:Trang mục đích để khách hàng liên lạc 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 0 Tiểu luận môn thiết kế web Hình 1.3 Giao diện trang liên hệ 1.4 Giao diện trang đăng ký  Mục Đích: Người dùng đăng ký tài khoản để trở thành khách hàng trang Chức năng: Cho phép khách hàng đăng ký thông tin để trở thành khách hàng 0 Tiểu luận mơn thiết kế web Hình 1.4 Giao diện trang đăng ký 1.5 Giao diện trang đăng nhập  Mục Đích: Người dùng đăng nhập tài khoản để đặt mua sản phẩm trang 0 Tiểu luận môn thiết kế web Hình 1.5 Giao diện trang đăng nhập 1.6Giao diện trang dịch vụ  Mục Đích: Trang giúp người dùng xem dịch vụ web có  Chức năng: Cho phép khách hàng sử dụng dịch vụ web có 0 Tiểu luận mơn thiết kế web Hình 1.6 Giao diện trang dịch vụ 1.6.1 Giao diện trang Chính Sách Bảo Hành  Mục Đích: Trang giúp người dùng xem sách bảo hành cty Hình 1.6.1 Giao diện trang sách bảo hành 1.6.2 Giao diện trang sửa chữa  Mục Đích: Trang giúp người dùng xem cơng đoạn sửa chữa công ty 0 Tiểu luận môn thiết kế web Hình 1.6.2 Giao diện trang dịch vụ sữa chữa 1.6.3 Giao diện phục tùng phụ kiện  Mục Đích: Người dùng xem sản phẩm phục tùng phụ kiện mà cơng ty có 0 Tiểu luận mơn thiết kế web Hình 1.6.3 Giao diện trang phục tùng phụ kiện 1.6.4 Giao diện dịch vụ bảo dưỡng  Mục Đích: Người dùng xem cơng đoạn cách thức bảo dưỡng dịng xe cơng ty Hình 1.6.4 Giao diện trang dịch vụ bảo dưỡng 1.7Giao diện danh mục sản phẩm  Mục Đích: Người dùng xem sản phẩm cty bán Chức năng: Cho phép khách hàng xem mua sản phẩm trang web có 0 Tiểu luận mơn thiết kế web Hình 1.7 Giao diện trang danh mục sản phẩm 1.7.1 Giao diện danh mục sản phẩm TOYOTA  Mục Đích: Người dùng xem sản phẩm TOYOTA Hình 1.7.1 Giao diện trang sản phẩm toyota 0 Tiểu luận môn thiết kế web 1.7.2 Giao diện danh mục sản phẩm BMW  Mục Đích: Người dùng xem sản phẩm BMW Hình 1.7.2 Giao diện trang sản phẩm BMW 1.7.3 Giao diện danh mục sản phẩm KIA  Mục Đích: Người dùng xem sản phẩm KIA 0 Tiểu luận môn thiết kế web Hình 1.7.3 Giao diện trang sản phẩm KIA 1.7.4 Giao diện danh mục sản phẩm MESCEDES  Mục Đích: Người dùng xem sản phẩm MESCEDES 0 Tiểu luận mơn thiết kế web Hình 1.7.4 Giao diện trang sản phẩm Mescedes 0 Tiểu luận môn thiết kế web 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 bán xe cho công ty TOYOTA”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 “xe TOYOTA” 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 bán xe cho công ty TOYOTA, đá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 0 Tiểu luận môn thiết kế web - Phân tích thiết kế chưa hồn chỉnh - Nhiều chức thiếu chưa sử dụng - Còn thiếu nhiều chức - Trang web chưa đẹp 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, 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 q trình sử dụng 0 Tiểu luận môn thiết kế web TÀI LIỆU KHAM KHẢO [1] Tài liệu giảng môn “Thiết kế website” thầy Nguyễn Hữu Vĩnh [2] Website WWW: http://www.hiepsiit.com [3] Website https://coccoc.com/search#query=Webcoban.vn 0 ... vụ bảo dướng Tiểu luận môn thiết kế web CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI Tên Đề Tài + THIẾT KẾ WEBSITE BÁN XE HƠI CHO CÔNG TY TOYOTA Mục Tiêu Đề Tài + Thiết kế Website bán xe cho công ty TOYOTA Ý Nghĩa... website bán xe cho công ty TOYOTA? ??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 ? ?xe TOYOTA? ?? thứ dùng để quảng bá cho sân,... vị tính CNTT Cơng Nghệ thông tin SP Sản phẩm Cty Công Ty 0 Tiểu luận môn thiết kế web Web mua bán xe cty toyota Sản phẩm Trang chủ Khuyễễn Bảng giá Toyota Đăng kí lái thử Dự tốn thu chi KIA Dịch