1. Trang chủ
  2. » Tất cả

Tiểu luận môn học thiết kế web đề tài thiết kế website bán điện thoại di động

33 9 0
Tài liệu đã được kiểm tra trùng lặp

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 33
Dung lượng 1,71 MB

Nội dung

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 TÊN TIỂU LUẬN GVHD: Th.S NGUYỄN HỮU VĨNH SVTH: TRƯƠNG VŨ LINH MSSV: 1824801030194 LỚP: D18PM03 0 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 TÊN TIỂU LUẬN GVHD: Th.S NGUYỄN HỮU VĨNH SVTH: TRƯƠNG VŨ LINH MSSV: 1824801030194 LỚP: D18PM03 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: THIẾT KẾ WEBSITE BÁN ĐIỆN THOẠI DI ĐỘNG 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) 0 NGUYỄN HỮU VĨNH MỤC LỤC Table of Contents LỜI NÓI ĐẦU CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI 5 TÊN ĐỀ TÀI MỤC TIÊU CỦA ĐỀ TÀI Ý NGHĨA CỦA ĐỀ TÀI ĐỐI TƯỢNG CỦA ĐỀ TÀI .5 MỘT SỐ TRANG CHÍNH CỦA WEBSITE .5 CHƯƠNG GIỚI THIỆU CÔNG NGHỆ .6 GIỚI THIỆU VỀ HTML 1.1 HTML LÀ GÌ? .6 1.2 CÔNG DỤNG CỦA HTML 1.3 ĐỊNH DẠNG CỦA HTML .6 GIỚI THIỆU VỀ ADOBE DREAMWEAVER NGÔN NGỮ CSS 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Ủ .9 1.2 GIAO DIỆN TRANG GIỚI THIỆU 11 1.3 GIAO DIỆN TRANG ĐĂNG KÍ 12 1.4 GIAO DIỆN TRANG ĐĂNG NHẬP 13 1.5 GIAO DIỆN TRANG ĐIỆN THOẠI THEO HÃNG 14 1.6 GIAO DIỆN THEO GIÁ 18 .18 1.6.1 GIAO DIỆN GÍA DƯỚI TRIỆU 18 1.6.2 GIAO DIỆN GIÁ TỪ – 10 TRIỆU .19 1.6.3 GIAO DIỆN GIÁ TỪ 10 – 15 TRIỆU 20 0 1.6.4 GIAO DIỆN GIÁ TỪ 15 – 20 TRIỆU 21 1.6.5 GIAO DIỆN GIÁ TRÊN 20 TRIỆU .22 1.7 GIAO DIỆN CHI TIẾT SẢN PHẨM 23 MỤC ĐÍCH : CHO NGƯỜI DÙNG XEM TÊN SẢN PHẨM, GIÁ VÀ THÔNG TIN CHI TIẾT VỀ SẢN PHẨM 23 1.7.5 GIAO DIỆN CHI TIẾT ĐIỆN THOẠI XIAOMI .27 CH ƯƠ NG : KẾẾT LU ẬN VÀ H ƯỚNG PHÁT TRI ỂN 28 TÀI LIỆU KHAM KHẢO .30 LỜI NĨI ĐẦU Hiện thới giới nói chung việt nam nói riêng Cơng nghệ thơng tin phát triển cách nhanh chóng thay vào việc mua sắm online dần ưa chuộng Chỉ cần cú click chuột người dùng sở hữu sản phẩm họ cần nhìn nhận điều em thiết kế trang web mảng điện thoại “ web bán điện thoại di động iphone” mục đích giúp người dùng lựa chọn sản phẩm điện thoaị di động thông minh phù hợp với nhu cầu người dùng theo kịp với công nghiệp 4.0 Đâ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: Đề tài tiểu luận gồm phần phân chương sau: Chương 1: Tổng quan đề tài 0 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 TỔNG QUAN VỀ ĐỀ TÀI Tên Đề Tài + THIẾT KẾ WEBSITE BÁN ĐIỆN THOẠI DI ĐỘNG Mục Tiêu Đề Tài + Thiết kế Website bán điện thoại (cá nhân chủ sở hữu) Ý Nghĩa Của Đề Tài + Đưa sản phẩm đến đến gần với người tiêu dùng + Quảng bá thương hiệu sản phẩm điện thoại đến người dùng Đối Tượng Của Đề Tài + Đối tượng nghiên cứu chủ yếu sản phẩm điện thoại thông minh iphone , samsung, oppo , vivo Một Số Trang Chính Của Website 1.1.1 + Trang chủ: Đây trang giới thiệu sơ lược sản phẩm cửa hang điện thoại di động 1.1.2 + Trang Giới thiệu: Đây trang giúp cho khách hàng xem biết thêm thông tin shop bán điện thoại 1.1.3 + Trang đăng ký: Người dùng đăng ký tài khoản để trở thành khách hàng trang 1.1.4 + Trang đăng nhập: Người dùng đăng nhập tài khoản để đặt mua sản phẩm trang 1.1.5 + 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 0 Chương Giới thiệu công nghệ 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 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 0 Chương Giới thiệu cơng nghệ 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 Ngơn ngữ Javascript 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 0 Chương Thiết kế chương trình 1.5.3 Giao diện điện thoại Oppo Hình 1.5.3 Giao diện điện thoại Oppo 18 0 Chương Thiết kế chương trình 1.5.4 Giao diện điện thoại Vivo Hình 1.5.4 Giao diện diện thoại Vivo 1.5.5 Giao diện điện thoại Xiaomi 19 0 Chương Thiết kế chương trình Hình 1.5.5 Giao diện diện thoại Xiaomi 1.6 Giao diện theo giá Hình 1.6 Giao diện theo giá điện thoại 1.6.1 Giao diện gía triệu 20 0 Chương Thiết kế chương trình Hình 1.6.1 Giao diện giá triệu 1.6.2 Giao diện giá từ – 10 triệu 21 0 Chương Thiết kế chương trình Hình 1.6.2 Giao diện giá từ – 10 triệu 1.6.3 Giao diện giá từ 10 – 15 triệu 22 0 Chương Thiết kế chương trình Hình 1.6.3 Giao diện giá từ 10 – 15 triệu 1.6.4 Giao diện giá từ 15 – 20 triệu 23 0 Chương Thiết kế chương trình Hình 1.6.4 Giao diện giá từ 15 – 20 triệu 1.6.5 Giao diện giá 20 triệu 24 0 Chương Thiết kế chương trình Hình 1.6.5 Giao diện giá 20 triệu 1.7 Giao diện chi tiết sản phẩm Mục đích : cho người dùng xem tên sản phẩm, giá thông tin chi tiết sản phẩm 25 0 Chương Thiết kế chương trình 1.6.1 Giao diện chi tiết điện thoại Iphone Hình 1.7.1 Giao diện chi tiết điện thoại Iphone 26 0 Chương Thiết kế chương trình 1.6.2 Giao diện chi tiết điện thoại Samsung Hình 1.7.2 Giao diện chi tiết điện thoại Samsung 27 0 Chương Thiết kế chương trình 1.7.3 Giao diện chi tiết điện thoại Oppo Hình 1.7.3 Giao diện chi tiết điện thoại Oppo 1.7.4 Giao diện chi tiết điện thoại Vivo 28 0 Chương Thiết kế chương trình Hình 1.7.4 Giao diện chi tiết điện thoại Vivo 1.7.5 Giao diện chi tiết điện thoại Xiaomi 29 0 Chương Thiết kế chương trình Hình 1.7.4 Giao diện chi tiết điện thoại Vivo CHƯƠNG : 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 bn 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ì , sau khảo sát em định thiết kế trang web bán điện thoại mà cụ thể “ Thiết kế webside bán điện thoại di động ” với chức cần thiết với trang web bán hàng cần thiết em nhìn nhận thấy nhu cầu mua sắm môi trường tiềm khai thác Qua q trình nghiên cứu cố gắng thực hướng dẫn giảng viên giúp đỡ bạn bè khoá học đồ án thực điều sau : 30 0 Chương Thiết kế chương trình Kết đạt được: - Thiết kế thành công webside bán điện thoại di động, đáp ứng nhu cầu người dùng - Tìm hiểu nắm công cụ để thiết kế webside : Adobe Dreamweaver CS6, ngơn ngữ lập trình webside : HTML, CSS, JAVACRIPT, - Giao diện webside đơn giả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 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 đỡ 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 31 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://www.thegioididong.com 32 0 ... 3: Giao di? ??n website Chương 4:Kết luận hướng phát triển 0 CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI Tên Đề Tài + THIẾT KẾ WEBSITE BÁN ĐIỆN THOẠI DI ĐỘNG Mục Tiêu Đề Tài + Thiết kế Website bán điện thoại (cá... Giao di? ??n di? ??n thoại Vivo 1.5.5 Giao di? ??n điện thoại Xiaomi 19 0 Chương Thiết kế chương trình Hình 1.5.5 Giao di? ??n di? ??n thoại Xiaomi 1.6 Giao di? ??n theo giá Hình 1.6 Giao di? ??n theo giá điện thoại. .. học đồ án thực điều sau : 30 0 Chương Thiết kế chương trình Kết đạt được: - Thiết kế thành công webside bán điện thoại di động, đáp ứng nhu cầu người dùng - Tìm hiểu nắm công cụ để thiết kế webside

Ngày đăng: 21/02/2023, 18:58

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN

w