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 đá

TRƯỜNG ĐẠI HỌC MỞ HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN 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 ĐÁ Giảng viê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 Lý chọn đề: Mỗi sáng thức dậy, linh dương châu Phi biết rằng: Nó bị giết không chạy nhanh sư tử nhanh nhất! Mỗi sáng thức dậy, sư tử biết rằng: Nó chết đói khơng chạy nhanh linh dương chậm nhất! Dù bạn sư tử hay linh dương, bạn phải chạy mặt trời ló rạng Nhưng với người thời điểm kỉ XXI khơng cịn chạy với đơi chân trần thay vào người chọn cho đơi giày phù hợp để có bước chạy tự tin Hiện nhu cầu sử dụng giày người ngày đ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 người chơi thể thao, bóng đá lẽ họ phải chạy nhiều nên nhu cầu việc sử dụng giày họ cao Ở thời điểm tại,thế giới ngày phát triển,các phương tiện kỹ thuật công cụ thiết kế website ngày đơn giản , rộng rãi để thiết kế, xây dựng Từ em đị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 thầy giáo trình Thơng qua em có thêm hiểu biết , nắm rõ lĩnh vực thiết kế website cách hiệu Xem thêm: báo cáo thiết kế website bán quần áo PDF Mục đích đề tài : Giaybongda24h.net nhà cung cấp độc quyền sỉ & lẻ toàn quốc nhiều mẫu sản phẩm giày Nike, Adidas với chất lượng, mẫu mã đa dạng, style mang đến cho quý khách hàng cảm giác mạnh mẽ, tự tin, cá tính lịch Website giaybongda24h.net website tin cậy, đặt “uy tín” lên làm tiêu chí hàng đầu Ở bạn mua nhiều loại giày bóng đá với nhiều mẫu mã giá tiền khác từ – trăm đến - triệu phù hợp với khả chi trả người mua Cung cấp mẫu giày hãng tiếng 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 lứa tuổi dễ dàng tìm kiếm, với giao diện thân thiện 3 Kết mong muốn đạt được: Phân tích thiết kế website theo kiến thức môn thiết kế web Thiết kế giao diện dễ nhìn Tạo giao diện với số chức Sử dụng flash, hình ảnh Sử dụng thành thạo thẻ HTML Phân loại sản phẩm theo danh mục Nắm bước thiết kế Web Hiện thị thơng tin loại giày bóng đá Mang lại tính khả dụng cao II Kế hoạch thực 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ản thảo vẽ tay/phầm mềm), phối màu (chọn màu theo tiêu chí bánh xe màu Color Wheel), chọn font, cỡ font Từ ngày đến ngày : thực máy Nộp tập lớn vào ngày: 22/04/2019 III Các phần mềm ngôn ngữ sử dụng:     Dreamweaver Photoshop CS6 Html, CSS Chrome, IE IV Ý tưởng thiết kế :  Số lượng trang: trang chủ trang  Độ sâu: 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 đề Algerian cho logo Size 20 chủ yếu, ngồi cịn sử dụng size 30, 24, 18, 61(logo) Bố cục layout trang chủ,style 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 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 đỡ có vấn đề  Content Right: Các sản phẩm giày kèm giá hình ảnh thực 4) Footer: Địa Cơng ty, địa Gmai, Facebook, số điện thoại Công ty, đánh giá người tiêu dung Xem thêm: cách làm tập lớn 1520px Header Top 50px 70px Header Mid 150px Content Right 200px 664px Ảnh Giày 664px 1200px Footer 200px 1024px Danh sách Hãng giày 150px Header menu Sơ đồ Website-sơ đồ phân cấp liên kết trang web Trang chủ (Giaybongda24h.net) Giày bóng đá Adidas Giày bóng đá Nike Giày bóng đá Mizuno Giày bóng đá Mira Giày bóng đá Mitre Hàng giảm giá Xem giày Xem giày Xem giày Xem giày Xem giày Xem giày V Giao diện Website: Giao diện trang chủ Giao diện trang 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/