Báo cáo bài tập lớn đề tài thiết kế website cho cửa hàng bán giày bóng đá

Lý do ch ọn đề: Mỗi sáng thức dậy, con linh dương châu Phi biết rằng: Nó sẽ bị giết nếu không chạy nhanh hơn con sư tử nhanh nhất!. Mỗi sáng thức dậy, con sư tử biết rằng: Nó sẽ chết đó

TRƯỜNG ĐẠI H C M HÀ N I Ọ Ở Ộ

KHOA CÔNG NGH THÔNG TIN Ệ

-

ĐỀ TÀI: THI T KẾ WEBSITE CHO C A HÀNG BÁN GIÀY BÓNG Ế Ử

ĐÁ

Giảngviên hướng dẫn: Ths Tr n Duy Hùng ầ

Sinh viên th c hiự ện: Trương Minh Tuân

Lớp: 1810A03

Mã sinh viên: 18A10010120

MÔN: THI T K WEB Ế Ế

Hà Nội – năm 2019

I Giới thiệu

1 Lý do ch ọn đề:

Mỗi sáng thức dậy, con linh dương châu Phi biết rằng: Nó sẽ bị giết nếu không chạy nhanh hơn con sư tử nhanh nhất! Mỗi sáng thức dậy, con sư tử biết rằng: Nó sẽ chết đói nếu không chạy nhanh hơn con linh dương chậm nhất! Dù bạn là sư tử hay linh dương, bạn đều phải chạy khi mặt trời ló rạng

Nhưng với con người ở th i điểm hiện tờ ại khi đã là thế XXI thì không còn ai chạy với kỉ đôi chân trần và thay vào đó mỗi người sẽ chọn cho mình một đôi giày phù hợp để có những bước chạy tự tin

Hiện nay thì nhu c u v s d ng giày cầ ề ử ụ ủa con người ngày càng đa dạng t m u mã,từ ẫ ới chất liệu,phong cách,…Và từ theo số liệu cho thấy đối tượng người sử dụng giày nhiều nhất là những người chơi thể thao, nhất là bóng đá bởi lẽ h ph i ch y rọ ả ạ ất nhiều nên nhu cầu v viề ệc sử d ng giày cụ ủa họ khá cao

Ở thời điểm hiệ ạn t i,thế giới ngày càng phát triển,các phương tiện k thuật và công cụ ỹ thiết kế website ngày càng đơn giản , rộng rãi đểthiết kế, xây d ng ự

Từ đó em quyết định chọn đề tài “ thiết kế website cho cửa hàng bán giày bóng đá” ,xây dựng th nghi m web bán giày bóng theo mô hình ki n thử ệ đá ế ức của th y và giáo trình ầ Thông qua đó em có thêm hiểu biết , nắm rõ hơn về lĩnh vực thiết kế website một cách hiệu qu ả

Xem thêm: báo cáo thiết kế website bán qu n áo PDF ầ

2 Mục đích của đề tài :

Giaybongda24h.net là nhà cung cấp độc quy n s & l trên toàn qu c và cùng nhiề ỉ ẻ ố ều mẫu sản phẩm giày như Nike, Adidas với chất lượng, mẫu mã đa dạng, style mới nhất mang đến cho quý khách hàng c m giác mả ạnh m , t tin, cá tính và thanh lẽ ự ịch Website giaybongda24h.net là website tin cậy, đặt “uy tín” lên làm tiêu chí hàng đầu

Ở đây bạn có th mua nhi u loể ề ại giày bóng đá với nhi u m u mã và giá ti n khác nhau ề ẫ ề

từ 1 – 2 trăm đến 1 - 2 tri u phù h p v i kh ệ ợ ớ ả năng chi trả ủa ngườ c i mua

Cung c p nh ng m u giày m i nh t c a các hãng n i tiấ ữ ẫ ớ ấ ủ ổ ếng trong và ngoài nước như: Adidas, Nike, Mizuno, Mira, Mitre,…

Hệ thống tìm ki m nhanh chóng , ti n lế ệ ợi ,đáp ứng nhu c u c a mầ ủ ọi lứa tuổi dễ dàng tìm kiếm, với giao di n thân thi n ệ ệ

3 K t qu mong muế ả ốn đạt được:

Phân tích và thiết kế website theo ki n thế ức của môn thiết kế web

Thiết kế giao di n d nhìn ệ ễ

Tạo được giao diện với một số chức năng cơ bản

Sử dụng được flash, hình ảnh

Sử dụng thành th o các th trong HTML Phân loạ ẻ ại sản ph m theo danh mẩ ục

Nắm được các bước cơ bản trong thiết kế Web Hi n th thông tin t ng lo i giày ệ ị ừ ạ bóng đá Mang lại tính kh d ng cao ả ụ

II Kế hoạch th c hiự ện

Từ ngày đến ngày : tham khảo tài liệu, website khác

Từ ngày đến ngày : tìm kiếm thư viện ảnh

Từ ngày đến ngày : thiết kế sơ bộ (bản th o v b ng tay/ph m m m), ph i màu (ch n ả ẽ ằ ầ ề ố ọ màu theo tiêu chí nào trong bánh xe màu Color Wheel), ch n font, c font ọ ỡ

Từ ngày đến ngày : thực hiện trên máy

Nộp bài t p l n vào ngày: 22/04/2019 ậ ớ

III Các phần m m và ngôn ng s d ng: ề ữ ử ụ

 Dreamweaver

 Photoshop CS6

 Html, CSS

 Chrome, IE 9

IV Ý tưởng thi ết kế :

 Số lượng trang: 1 trang chủ và 6 trang con

 Độ sâu: 3 mức

 Gam màu ch o: +) Mủ đạ àu sáng : b c , trạ ắng,…

+) Màu tối: đen xám,…

 Mã màu s d ng: màu tr ng #FFFFFF, màu b c #CCCCCC, ử ụ ắ ạ đen xám #505050

 Font ch s d ng: Times New Roman ữ ử ụ cho tiêu đề chính và Algerian cho logo Size 20 là ch y u, ngoài ra còn s d ng size 30, 24, 18, 61(logo) ủ ế ử ụ

Bố cục layout c a trang chủ ủ,style và các th c thiứ ết k : ế

1) Header Top: Bao g m Trang chồ ủ, Đăng kí, Đăng nhập, Hàng giảm giá, giỏ hàng, giới thiệu, tin t c ứ

2) Header Mid: Tìm ki m, logo ế (giaybongda24h.net), tư vấn, liên h ệ

3) Content: Chia làm 2 ph n theo chi u d c ầ ề ọ

 Content Left (header menu): Các hãng giày bóng đá để ạ b n ch n: ọ Giày bóng đá Adiadas, Giày bóng đá Nike, Giày bóng đá Mizuno, Giày bóng đá Mira, Giày bóng đá Mitre Hỗ trợ liện hệ trực tuyến để giúp đỡ khi có vấn đề

 Content Right: Các s n ph m giày kèm giá và hình nh thả ẩ ả ực 4) Footer: Địa chỉ Công ty, địa chỉ Gmai, Facebook, số điện thoại của Công ty, đánh giá của người tiêu dung

Xem thêm: cách làm bài t p lậ ớn

50px 70px

150px

1520px Header Top Header Mid

Ảnh Giày Danh sách các

Hãng giày

Footer Content Right Header menu

Sơ đồ Website-sơ đồ phân cấp liên kết các trang web

Trang chủ (Giaybongda24h.net)

Hàng giảm giá

Giày bóng

đá Mitre

Giày bóng

đá Mira

Giày bóng

đá Mizuno

Giày bóng

đá Nike

Giày bóng

đá Adidas

Xem giày Xem giày Xem giày Xem giày Xem giày Xem giày

V Giao diện Website:

1 Giao di ện trang ch ủ

2 Giao di n trang con ệ

VI Tài liệu tham kh o: ả

 Nguyễn Thị Quỳnh Như-Giáo trình: NGÔN NG Ữ THIẾT K WEB - Ế lưu hành nội bộ(9/2012)

 Website: https://ttnguyen.net/