Thiết kế website đa mặt hàng nqn

NHẬN XÉT VÀ CHẤM ĐIỂM C A GI NG VIÊN Ủ ẢHọ và tên gi ng viên: ả Nguyễn Hữu Vĩnh Tên đề tài: THIẾT KẾ WEBSITE ĐA MẶT HÀNG NQN Nội dung nh n xét: ậ .... Macromedia Dreamweaver 8 là trình

NHẬN XÉT VÀ CHẤM ĐIỂM C A GI NG VIÊN Ủ Ả

Họ và tên gi ng viên: ả Nguyễn Hữu Vĩnh

Tên đề tài: THIẾT KẾ WEBSITE ĐA MẶT HÀNG NQN 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

LỜI NÓI ĐẦU

Chương 3: Giao diện website

Chương 4:Kết luận và hướng phát triển

MỤC LỤC

LỜI NÓI ĐẦU i

DANH MỤC HÌNH iv

CHƯƠNG 1 TỔNG QUAN VỀ ĐỀ TÀI 1

1 Tên Đề Tài 1

2 Mục êu c a Ti ủ Đề Tài 1

3 Ý Nghĩa Của Đề Tài 1

4 Đối Tượng Của Đề Tài 1

5 Một Số Trang Chính Của Website Error! Bookmark not defined CHƯƠNG 2 GIỚI THIỆU CÔNG NGHỆ 2

1 Giới Thiệu V HTML 2ề 1.1 HTML là gì? 2

1.2 Công dụng c a HTML 2ủ 1.3 Định d ng cạ ủa HTML 2

2 Giới thiệu v Adobe Dreamweaver 2ề 3 Ngôn ngữ CSS 3

4 Ngôn ngữ Javascript 3

CHƯƠNG 3: GIAO DIỆN CHƯƠNG TRÌNH 5

1 Đặc Tả Giao Di n 5ệ 1.1 Giao diện trang ch 5ủ 1.2 Giao diện trang danh mục sản ph m 7ẩ 1.2.1 Giao diện danh mục “Điện Thoại – Máy Tính Bảng” 8

1.2.2 Giao diện danh mục “Điện T - ử Điện Lạnh” 8

1.2.3 Giao diện danh mục “Phụ Kiện – Thiết Bị ố” 9 S 1.2.4 Giao diện danh mục “Laptop – Thiết Bị IT” 9

1.2.5 Giao diện danh mục “Máy Ảnh – Quay Phim” 10

1.2.6 Giao diện danh mục “Điện Gia Dụng” 10

1.2.7 Giao diện danh mục “Nhà Cửa Đờ ống” 11i S 1.2.8 Giao diện danh mục “Hàng Tiêu Dùng – Thực Phẩm” 11

1.2.9 Giao diện danh mục “Đồ Chơi, Mẹ & Bé” 12

1.2.10 Giao diện danh mục “Làm Đẹ – ức Khỏe” 12p S 1.2.11 Giao diện danh mục “Thời Trang – Phụ Kiện” 13

1.2.12 Giao diện danh mục “Thể Thao – Dã Ngoại” 13

1.2.13 Giao diện danh mục “Xe Máy, Ô tô, Xe Đạp” 14

1.2.14 Giao diện danh mục “Sách, VPP & Quà Tặng” 14

1.2.15 Giao diện danh mục “Voucher – ịch Vụ - D Thẻ Cào” 15

1.3 Logo thương hiệu 16

1.4 Tên thương hiệu 16

1.5 Giao diện các m t hàng s n ph m 17 ặ ả ẩ 1.6 Giao diện các s n phả ẩm quan tâm 17

1.7 Giao diện các s n phả ẩm khuyến mãi 18

1.8 Giao di n các s n phệ ả ẩm gi m giáả 19

1.9 Giao diện các s n phả ẩm đáng chú ý 19

1.10 Giao diện các t khóa hot 20 ừ 1.11 Giao diện các s n phả ẩm đã xem 20

1.12 Giao diện các s n phả ẩm dành riêng cho bạn 21

1.13 Giao diện h ỗ trợ khách hàng 22

1.14 Giao diện thông tin về NQN 23

1.15 Giao diện h p tác liên k t 24 ợ ế 1.16 Giao diện phương thức thanh toán 25

1.17 Giao diện liên kết với chúng tôi 26

CHƯƠNG 4: KẾT LUẬN VÀ HƯ NG PHÁT TRIỂN 28Ớ 1 Kết quả đạt được: 28

2 Việc chưa làm được: 28

3 Hướng phát tri n cể ủa đề tài 28 TÀI LIỆU KHAM KH O 30Ả

DANH MỤC HÌNH

Hình 1.1 Giao diện trang ch 5ủ Hình 1.2 Giao diện trang danh mục sản ph m 7ẩ

Hình 1.2.1 Giao diện danh mục “Điện Thoại – Máy Tính Bảng” 8

Hình 1.2.2 Giao diện danh mục “Điện T - ử Điện Lạnh” 8

Hình 1.2.3 Giao diện danh mục “Phụ Kiện – Thiết Bị S 9ố” Hình 1.2.4 Giao diện danh mục “Laptop – Thiết Bị IT” 9

Hình 1.2.5 Giao diện danh mục “Máy Ảnh – Quay Phim” 10

Hình 1.2.6 Giao diện danh mục “Điện Gia Dụng” 10

Hình 1.2.7 Giao diện danh mục “Nhà Cửa Đời Sống” 11

Hình 1.2.8 Giao diện danh mục “Hàng Tiêu Dùng – Thực Phẩm” 11

Hình 1.2.9 Giao diện danh mục “Đ Chơi, Mẹ & Bé”ồ 12

Hình 1.2.10 Giao diện danh mục “Làm Đẹ – ức Khỏe” 12p S Hình 1.2.11 Giao diện danh mục “Thời Trang – Phụ Kiện” 13

Hình 1.2.12 Giao diện danh mục “Thể Thao – Dã Ngoại” 13

Hình 1.2.13 Giao diện danh mục “Xe Máy, Ô tô, Xe Đạp” 14

Hình 1.2.14 Giao diện danh mục “Sách, VPP & Quà Tặng” 14

Hình 1.2.15 Giao diện danh mục “Voucher – ịch Vụ Thẻ Cào” D - 15

Hình 1.3 Lgo thương hiệu 16

Hình 1.4 Tên thương hiệu 16 Hình 1.5 Giao diện các mặt hàng sản ph m 17 ẩ

Hình 1.6 Giao diện các s n ph m quan tâm 17 ả ẩ Hình 1.7 Giao diện các s n ph m khuy n mãi 18 ả ẩ ế Hình 1.8 Giao diện các s n ph m giả ẩ ảm giá 19 Hình 1.9 Giao diện các s n phả ẩm đáng chú ý 19 Hình 1.10 Giao diện các t khóa hot 20 ừ Hình 1.11 Giao di n các s n phệ ả ẩm đã xem 20 Hình 1.12Giao di n các s n ph m dành riêng cho b n 21 ệ ả ẩ ạ Hình 1.13 Giao diện h ỗ trợ khách hàng 22 Hình 1.14 Giao diện thông tin về NQN 23 Hình 1.15 Giao diện h p tác liên k t 24 ợ ế Hình 1.16 Giao diện phương thức thanh toán 25 Hình 1.17 Giao diện liên kết với chúng tôi 26

CHƯƠNG 1 TỔNG QUAN VỀ ĐỀ TÀI

CHƯƠNG 2 GIỚI THIỆU CÔNG NGHỆ

ngữ đánh d u ấ chuẩn dùng so n th o ạ ả các li u World Wide Wtài ệ eb, ch ỉ mrõ ột trang Web

dịch…

Macromedia Dreamweaver 8 là trình biên soạn HTML chuyên nghiệp dùng để thiết

Các tính năng biên soạn trực quan trong Dreamweaver cho phép bạn tạo nhanh các

website của b n và kéo chúng tr c ti p t m t panel d s dạ ự ế ừ ộ ễ ử ụng vào 1 văn bản B n có ạthể nâng cao s n ph m c a b n b ng cách t o và s a các nh trong Macromedia ả ẩ ủ ạ ằ ạ ử ả

Dreamweaver cũng cung cấp những công cụ giúp đơn giản hóa việc chèn Flash vào trang web

của bạn

CSS đã được h ỗ trợ b i t t c các trình duy t và hi n th ở ấ ả ệ ể ị “như nhau” trên mọi h ệ điều hành

CSS đưa ra phương thức áp dụng từ một file CSS ở ngoài Có hiệu quả đồng bộ khi tạo một website có hàng trăm trang hay khi muốn thay đổi một thuộc tính trình bày nào

đó

CSS được cập nhật liên tục mang lại các trình bày phức tạp và tinh vi hơn

Java

JavaScript là ngôn ngữ dưới d ng script có th g n vạ ể ắ ới các file HTML Được trình

CHƯƠNG 3: GIAO DIỆN CHƯƠNG TRNH

Hình 1.1 Giao diện trang chủ

Trang web được chia làm 7 phần:

dung khác nhau

khác nhau

- Phần 5: Bên ph i hi n th s n ph m khuy n mãi, quả ể ị ả ẩ ế ảng cáo được s d ng th ử ụ ẻ

- Phần 6: gi a ch a các s n ph m n i b t và m i nhỞ ữ ứ ả ẩ ổ ậ ớ ất được liên k t v i trang chi ế ớ

1.2 Giao diện trang danh mục sản phẩm

➢ Mục Đích: Thanh menu chứa danh sách các loại sản phẩm của cửa hàng Khách

1.2.1 Giao diện danh mục “Điện Thoại - Máy Tính Bảng”

Hình 1.2.1 Giao diện danh mục “Điện Thoại – Máy Tính Bảng”

1.2.2 Giao diện danh mục “Điện Tử - Điện Lạnh”

1.2.3 Giao diện danh mục “Phụ Kiện – Thiết Bị Số”

Hình 1.2.3 Giao diện danh mục “Phụ Kiện – Thiết Bị Số”

1.2.4 Giao diện danh mục “Laptop – Thiết bị IT”

Hình 1.2.4 Giao diện danh mục “Laptop – Thiết bị IT”

1.2.5 Giao diện danh mục “Máy Ảnh – Máy Quay Phim”

Hình 1.2.5 Giao diện danh mục “Máy Ảnh – Máy Quay Phim”

1.2.6 Giao diện danh mục “Điện Gia Dụng”

Hình 1.2.6 Giao diện danh mục “Điện Gia Dụng”

1.2.7 Giao diện danh mục “Nhà Cửa Đời Sống”

Hình 1.2.7 Giao diện danh mục “Nhà Cửa Đời Sống”

1.2.8 Giao diện danh mục “Hàng Tiêu Dùng – Thực Phẩm”

Hình 1.2.8 Giao diện danh mục “Hàng Tiêu Dùng – Thực Phẩm”

1.2.9 Giao diện danh mục “Đồ Chơi, Mẹ & Bé”

Hình 1.2.9 Giao diện danh mục “Đồ Chơi, Mẹ & Bé”

1.2.10 Giao diện danh mục “Làm Đẹp – Sức Khỏe”

1.2.11 Giao diện danh mục “Thời Trang – Phụ Kiện”

1.2.12 Giao diện danh mục “Thể Thao – Dã Ngoại”

Hình 1.2.12 Giao diện danh mục “Thể Thao – Dã Ngoại”

1.2.13 Giao diện danh mục “Xe Máy, Ô tô, Xe Đạp”

Hình 1.2.13 Giao diện danh mục “Xe Máy, Ô tô, Xe Đạp”

1.2.14 Giao diện danh mục “Sách, VPP & Quà Tặng”

Hình 1.2.14 Giao diện danh mục “Sách, VPP & Quà Tặng”

1.2.15 Giao diện danh mục “Voucher – Dịch Vụ Thẻ Cào”-

1.3 Logo thương hiệu

Hình 1.3 Logo thương hiệu

1.4 Tên thương hiệu

Hình 1.4 Tên thương hiệu

➢ Mục đích: Chức năng này cho phép người dùng xem Tên sản phẩm, giá

Hình 1.5 Giao diện các mặt hàng sản phẩm

1.6 Giao diện các sản phẩm quan tâm

Hình 1.6 Giao diện các sản phẩm quan tâm

1.7 Giao diện các sản phẩm khuyến mãi

Hình 1.7 Giao diện các sản phẩm khuyến mãi

1.8 Giao diện các sản phẩm giảm giá

Hình 1.8 Giao diện các sản phẩm giảm giá

Hình 1.9 Giao diện các sản phẩm đáng chú ý

1.10 Giao diện các từ khóa hot

Hình 1.10 Giao diện các từ khóa hot

Hình 1.11 Giao diện các sản phẩm đã xem

1.12 Giao diện các sản phẩm dành riêng cho bạn

Hình 1.12 Giao diện các sản phẩm dành riêng cho bạn

1.13 Giao diện hỗ trợ khách hàng

Hình 1.13 Giao diện hỗ trợ khách hàng

1.14 Giao diện thông tin về NQN

Hình 1.14 Giao diện thông tin về NQN

1.15 Giao diện hợp tác liên kết

1.16 Giao diện phương thức thanh toán

1.17 Giao diện kết nối với chúng tôi

1.18 Giao diện địa chỉ liên hệ

CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN

giúp ti t ki m th i gian và ti n b c khi mế ệ ờ ề ạ ọi người có th l a ch n s n ph m v i giá c ể ự ọ ả ẩ ớ ả

năng cơ bản cần thiết cho một trang web buôn bán cần có vì em thấy nhu cầu mua sắm

Website “shop quần áo Bibo” thứ nhất dùng để quảng bá cho sân, thứ hai là kênh

Dreamweaver CS6, các ngôn ngữ lập trình Website như: HTML, Javascript, CSS

- Phân tích thiết kế chưa được hoàn chỉnh

- Nhiều chức năng còn thiếu và chưa sử dụng được

➢ Giao diện đẹp, thân thiện với người dùng, có nhiều chức năng và tương tác tốt hơn với người dùng

quá trình sử dụng

TÀI LIỆU KHAM KH O Ả

- Website https://coccoc.com/search#query=Webcoban.vn