Tiểu luận môn học thiết kế web thiết kế website bán thiết bị điện tử công nghệ cho công ty fpt

- 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Ế WEBSITE BÁN THIẾT BỊ ĐIỆN TỬ CÔNG NGHỆ CHO CÔNG TY FPT GVHD: THS NGUYỄN HỮU VĨNH SVTH: ĐẶNG VĂN PHÚC MSSV: 1824801030180 LỚP: D18PM03 B 鞐 NH DƯsNG – 2020 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: THIẾT KẾ WEBSITE BÁN THIẾT BỊ ĐIỆN TỬ CÔNG NGHỆ CHO CÔNG TY FPT 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 Đồ án mơn thiết kế 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ử 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 Thiết kế 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 tơi chọn đề tài về: “Thiết kế website bán thiết bị điện tử công nghệ cho công ty FPT” Đây hệ thống đơn giản đủ mạnh phép nhanh chóng Thiết kế ứ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: ĐẶNG VĂN PHÚC – LỚP D18PM03 i Đồ án môn thiết kế 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 .1 Ý Nghĩa Của Đề Tài Đối Tượng Của Đề Tài Một Số Trang Chính Của Website CHƯƠNG GIỚI THIỆU CÔNG NGHỆ .2 Giới Thiệu Về HTML .2 1.1 HTML gì? 1.2 Công dụng HTML 1.3 Định dạng HTML .2 Giới thiệu Adobe Dreamweaver Ngôn ngữ CSS Ngôn ngữ Javascript .3 CHƯƠNG 3: GIAO DIỆN CHƯƠNG TRÌNH Đặc Tả Giao Diện .5 1.1 Giao diện trang trang chủ .5 1.2 Giao diện trang đăng ký 1.3 Giao diện trang đăng nhập 1.4 Giao diện trang danh mục sản phẩm 7-8 1.5 Giao diện trang sản phẩm 1.5.1 Giao diện danh mục điện thoại 1.5.2 Giao diện danh mục laptop 10 1.5.3 Giao diện danh mục apple 10 1.5.4 Giao diện danh mục đồng hồ 11 1.5.5 Giao diện danh mục máy tính bảng 11 1.5.6 Giao diện danh mục ti vi .12 1.6 Giao diện trang chi tiết sản phẩm 12 SVTH: ĐẶNG VĂN PHÚC – LỚP D18PM03 ii Đồ án môn thiết kế web 1.6.1 Chi tiết điện thoại .13 1.6.2 Chi tiết apple .13 1.6.3 Chi tiết tablet 14 1.6.4 Chi tiết laptop .14 1.6.5 Chi tiết đồng hồ 15 1.6.6 Chi tiết ti vi 15 1.7.1 Trang giao diện mua apple Error! Bookmark not defined 1.7.2 Trang giao diện mua điện thoại Error! Bookmark not defined 1.7.3 Trang giao diện mua tablet 17 1.7.4 Trang giao diện mua đồng hồ 15 1.7.5 Trang giao diện mua ti vi 18 1.7.6 Trang giao diện mua tai nghe 16 1.7.7 Trang giao diện mua laptop 16 1.7.8 Trang giao diện mua thẻ nhớ 25 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 31 SVTH: ĐẶNG VĂN PHÚC – LỚP D18PM03 iii Đồ án mơn thiết kế web DANH MỤC H 鞐 NH Hình 1.1 Giao diện trang chủ .5 Hình 1.2 Giao diện trang đăng ký .Error! Bookmark not defined Hình 1.3 Giao diện trang đăng nhập Error! Bookmark not defined Hình 1.4 Giao diện trang danh mục sản phẩm Hình 1.5 Giao diện trang sản phẩm Hình 1.5.1 Giao diện trang danh mục điện thoại 10 Hình 1.5.2 Giao diện danh mục laptop .10 Hình 1.5.3 Giao diện danh mục apple 11 Hình 1.5.4 Giao diện danh mục đồng hồ 12 Hình 1.5.5 Giao diện danh mục máy tính bảng 12 Hình 1.5.6 Giao diện danh mục ti vi Error! Bookmark not defined Hình 1.6.1 Giao diện trang chi tiết Error! Bookmark not defined Hình 1.6.2 Giao diện trang chi tiết apple 13 Hình 1.6.3 Giao diện trang chi tiết tablet Error! Bookmark not defined Hình 1.6.4 Giao diện trang chi tiết laptop 14 Hình 1.6.5 Giao diện trang chi tiết đồng hồ 15 Hình 1.6.6 Giao diện trang chi tiết tivi 15 Hình 1.7.1 Giao diện mua sản phẩm apple 16 Hình 1.7.4 Giao diện mua sản phẩm điện thoại .17 Hình 1.8.1 Giao diện mua sản phẩm tablet 17 Hình 1.8.2 Giao diện mua sản phẩm đồng hồ 18 Hình 1.8.3 Giao diện mua sản phẩm ti vi 18 Hình 1.8.4 Giao diện mua sản phẩm tai nghe 19 Hình 1.8.5 Giao diện mua sản phẩm laptop 20 SVTH: ĐẶNG VĂN PHÚC – LỚP D18PM03 iv Đồ án môn thiết kế web SVTH: ĐẶNG VĂN PHÚC – LỚP D18PM03 v Đồ án môn thiết kế 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 SVTH: ĐẶNG VĂN PHÚC – LỚP D18PM03 vi Tiểu luận môn thiết kế web CHƯsNG TỔNG QUAN VỀ ĐỀ TÀI Tên Đề Tài + THIẾT KẾ WEBSITE BÁN THIẾT BỊ ĐIỆN TỬ CÔNG NGHỆ CHO CÔNG TY FPT Mục Tiêu Đề Tài + Thiết kế Website bán thiết bị điện tử cho tiểu luận kết thúc môn Thiết kế Web Ý Nghĩa Của Đề Tài + Đưa sản phẩm công nghệ tiếp cậ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 cộng nghệ hãng công nghệ tiếng giới 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 đă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 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 SVTH: ĐẶNG VĂN PHÚC – LỚP D18PM03 Tiểu luận môn thiết kế web CHƯsNG GIỚI THIỆU CÔNG NGHỆ 1 Giới Thiệu Về HTML 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 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 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 SVTH: ĐẶNG VĂN PHÚC – LỚP D18PM03 ... vi Tiểu luận môn thiết kế web CHƯsNG TỔNG QUAN VỀ ĐỀ TÀI Tên Đề Tài + THIẾT KẾ WEBSITE BÁN THIẾT BỊ ĐIỆN TỬ CÔNG NGHỆ CHO CÔNG TY FPT Mục Tiêu Đề Tài + Thiết kế Website bán thiết bị điện tử cho. ..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: THIẾT KẾ WEBSITE BÁN THIẾT BỊ ĐIỆN TỬ CÔNG NGHỆ CHO CÔNG TY FPT Nội dung nhận xét:... tài về: ? ?Thiết kế website bán thiết bị điện tử công nghệ cho công ty FPT? ?? Đây hệ thống đơn giản đủ mạnh phép nhanh chóng Thiết kế ứng dụng bán hàng Internet Đề tài tiểu luận gồm phần phân chương