Website bán điện thoại

26 3 0
Website bán điện thoại

Đ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

Website bán điện thoại môn thiết kế web dành cho ai cần có đầy đủ code và kết quả sau khi chạy Trong thời đại của công nghệ thông tin và internet, website là một công cụ hiệu quả để truyền tải thông tin, quảng bá hình ảnh và thương hiệu, cũng như tạo ra những giá trị kinh tế cho các cá nhân và tổ chức. Trong lĩnh vực du lịch, website càng có vai trò quan trọng hơn, bởi nó không chỉ giúp khách hàng tiếp cận được với những thông tin về các điểm đến, tour du lịch, dịch vụ lưu trú, mà còn giúp họ đặt tour, thanh toán và nhận được sự hỗ trợ từ nhà cung cấp dịch vụ du lịch. Để xây dựng được một website du lịch chuyên nghiệp, hấp dẫn và hiệu quả, người thiết kế cần phải có những kiến thức và kỹ năng về thiết kế giao diện, lập trình web, quản trị cơ sở dữ liệu, cũng như nắm bắt được nhu cầu và xu hướng của thị trường du lịch. Đây là một công việc không hề đơn giản và đòi hỏi sự sáng tạo, linh hoạt và tỉ mỉ từ người thiết kế. Bài tập lớn này là một phần của môn học Thiết kế web, do Thầy Nguyễn Quang Hưng giảng dạy. Mục tiêu của bài tập lớn là để sinh viên có thể áp dụng những kiến thức và kỹ năng đã học trong môn học vào thực tế, qua việc thiết kế một website du lịch theo yêu cầu đề bài. Bài tập lớn cũng là cơ hội để sinh viên rèn luyện khả năng làm việc nhóm, phân công công việc, giải quyết vấn đề và trình bày báo cáo. Báo cáo này gồm có 3 chương chính: Chương 1 tổng quan về website du lịch; Chương 2 bố cục layout và cách thức thiết kế; Chương 3 giao diện của website; Chương 4 đánh giá kết quả và hướng phát triển.

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ ĐÔNG Á KHOA: CÔNG NGHỆ THÔNG TIN BÀI TẬP LỚN HỌC PHẦN: THIẾT KẾ WEB ĐỀ TÀI 10: THIẾT KẾ WEBSITE BÁN ĐIỆN THOẠI MOBIPHONE Sinh viên thực Khóa Lớp Mã sinh viên Nguyễn Đức Duy 13 DCCNTT13.10.14 20222598 Bắc Ninh, năm 2023 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ ĐÔNG Á KHOA: CÔNG NGHỆ THÔNG TIN BÀI TẬP LỚN HỌC PHẦN: THIẾT KẾ WEB ĐỀ TÀI 10: THIẾT KẾ WEBSITE BÁN ĐIỆN THOẠI MOBIPHONE STT Sinh viên thực Nguyễn Đức Duy Mã sinh viên Điểm số Điểm chữ 20222598 CÁN BỘ CHẤM CÁN BỘ CHẤM (Ký ghi rõ họ tên) (Ký ghi rõ họ tên) LỜI NĨI ĐẦU Trong thời đại cơng nghệ thơng tin internet, website công cụ hiệu để truyền tải thơng tin, quảng bá hình ảnh thương hiệu, tạo giá trị kinh tế cho cá nhân tổ chức Trong lĩnh vực du lịch, website có vai trị quan trọng hơn, khơng giúp khách hàng tiếp cận với thông tin điểm đến, tour du lịch, dịch vụ lưu trú, mà giúp họ đặt tour, toán nhận hỗ trợ từ nhà cung cấp dịch vụ du lịch Để xây dựng website du lịch chuyên nghiệp, hấp dẫn hiệu quả, người thiết kế cần phải có kiến thức kỹ thiết kế giao diện, lập trình web, quản trị sở liệu, nắm bắt nhu cầu xu hướng thị trường du lịch Đây công việc không đơn giản đòi hỏi sáng tạo, linh hoạt tỉ mỉ từ người thiết kế Bài tập lớn phần môn học Thiết kế web, Thầy Nguyễn Quang Hưng giảng dạy Mục tiêu tập lớn để sinh viên áp dụng kiến thức kỹ học môn học vào thực tế, qua việc thiết kế website du lịch theo yêu cầu đề Bài tập lớn hội để sinh viên rèn luyện khả làm việc nhóm, phân cơng cơng việc, giải vấn đề trình bày báo cáo Báo cáo gồm có chương chính: Chương tổng quan website du lịch; Chương bố cục layout cách thức thiết kế; Chương giao diện website; Chương đánh giá kết hướng phát triển MỤC LỤC LỜI NÓI ĐẦU MỤC LỤC .2 DANH MỤC CÁC TỪ VIẾT TẮT .4 CHƯƠNG 1: TỔNG QUAN 1.1 Cơ sở lý thuyết thiết kế web .5 1.1.1 Lý thuyết .5 1.1.2 Cách sử dụng 1.2 Giới thiệu .7 1.2.1 Lý chọn đề tài 1.2.2 Phân tích đề tài .8 1.2.2.1 Yêu cầu 1.2.2.2 Chức .8 CHƯƠNG 2: BỐ CỤC LAYOUT VÀ CÁCH THỨC THIẾT KẾ 2.1 Logo 2.2 Ý tưởng 2.3 Công cụ hỗ trợ .9 2.4.Sử dụng boostrap tạo khung 10 2.5 Phần đầu giao diện(header) 11 2.6 Danh mục sản phẩm 12 2.7.Thiết kế banner .13 2.8 Tạo mục sản phẩm 14 2.9 Model toán 16 2.10 Thông tin đăng nhập 18 CHƯƠNG 3: GIAO DIỆN WEBSITE .20 3.1 Trang chủ .20 3.1.1.Kết đạt được: 20 3.1.2.Hạn chế 20 TÀI LIỆU THAM KHẢO 22 DANH MỤC CÁC TỪ VIẾT TẮT Từ viết tắt Từ đầy đủ HTML HyperText Markup Language CSS Cascading Style Sheets DOM Document Object Model BOM Browser Object Model CHƯƠNG 1: TỔNG QUAN 1.1 Cơ sở lý thuyết thiết kế web 1.1.1 Lý thuyết  HTML ngôn ngữ đánh dấu siêu văn bản, sử dụng để xác định cấu trúc nội dung trang web HTML gồm thẻ (tag) thuộc tính (attribute) để tạo phần tử (element) trang web Một số thẻ HTML là: , , , , đến ,

, , , , ,

    ,
  • nhiều thẻ khác Một số thuộc tính HTML là: id, class, href, src, alt, style nhiều thuộc tính khác  CSS ngơn ngữ định kiểu siêu văn bản, sử dụng để tạo giao diện hiệu ứng cho trang web CSS gồm quy tắc (rule) thuộc tính (property) để áp dụng cho phần tử HTML Một quy tắc CSS gồm chọn (selector) khối khai báo (declaration block) Một khối khai báo gồm nhiều thuộc tính CSS giá trị chúng Một số chọn CSS là: tên thẻ, id, class, phần tử con, phần tử anh em, thuộc tính nhiều chọn khác Một số thuộc tính CSS là: color, backgroundcolor, font-family, font-size, font-weight, text-align, margin, padding, border nhiều thuộc tính khác  Bootstrap framework CSS phổ biến, sử dụng để tạo trang web đáp ứng (responsive) thân thiện với thiết bị di động Bootstrap gồm thành phần (component), bố cục (layout) tiện ích (utility) để giúp bạn thiết kế trang web nhanh chóng dễ dàng Một số thành phần Bootstrap là: navbar, carousel, card, modal, alert, badge, button, form, table nhiều thành phần khác Một số bố cục Bootstrap là: container, row, column, grid system nhiều bố cục khác Một số tiện ích Bootstrap là: display, flex, margin, padding, position, border, color nhiều tiện ích khác  JavaScript ngơn ngữ lập trình siêu văn bản, sử dụng để tạo chức hành vi cho trang web JavaScript gồm biến (variable), kiểu liệu (data type), toán tử (operator), câu lệnh điều khiển (control statement), hàm (function), đối tượng (object), mảng (array), chuỗi (string), số (number), boolean, null, undefined nhiều khái niệm khác JavaScript tương tác với phần tử HTML thông qua DOM (Document Object Model) BOM (Browser Object Model) 1.1.2 Cách sử dụng  HTML sử dụng để tạo trang web tĩnh, tức có nội dung khơng có chức hay hành vi Để sử dụng HTML, cần trình soạn thảo văn (như Notepad) trình duyệt web (như Chrome) Sau đó, viết thẻ HTML tệp văn lưu lại với html Cuối cùng, mở tệp trình duyệt để xem kết  CSS sử dụng để tạo giao diện hiệu ứng cho trang web HTML Để sử dụng CSS, viết quy tắc CSS tệp HTML tệp riêng biệt với đuôi css Nếu viết CSS tệp riêng, cần liên kết tệp với tệp HTML thẻ Sau đó, mở tệp HTML trình duyệt để xem kết  Bootstrap sử dụng để tạo trang web đáp ứng thân thiện với thiết bị di động Để sử dụng Bootstrap, cần liên kết tệp Bootstrap (như bootstrap.min.css bootstrap.min.js) với tệp HTML thẻ Ta cần liên kết jQuery Popper.js, hai thư viện JavaScript hỗ trợ cho Bootstrap Sau đó, mở tệp HTML trình duyệt để xem kết  JavaScript sử dụng để tạo chức hành vi cho trang web HTML Để sử dụng JavaScript, ta viết mã JavaScript tệp HTML tệp riêng biệt với đuôi js Nếu viết JavaScript tệp riêng, ta cần liên kết tệp với tệp HTML thẻ Sau đó, mở tệp HTML trình duyệt để xem kết 1.2 Giới thiệu 1.2.1 Lý chọn đề tài Thị trường điện thoại di động thị trường lớn giới Sự phổ biến điện thoại di động làm cho trở thành nguồn hội kinh doanh đáng kể Sự phụ thuộc ngày lớn vào điện thoại di động sống hàng ngày tạo nhu cầu ổn định cho sản phẩm Điện thoại di động không công cụ liên lạc, mà phần quan trọng sống số.Mở cửa hàng điện thoại di động giúp bạn xây dựng thương hiệu thăng tiến thương hiệu thơng qua sản phẩm dịch vụ chất lượng Vì vậy, em chọn đề tài thiết kế website bán điện thoại làm tập lớn Đây đề tài thực tiễn có ý nghĩa Em có đam mê quan tâm đến điện thoại di động,chọn đề tài kinh doanh bán điện thoại mang lại nhiều hội tiềm thành công, đòi hỏi cẩn thận, nghiên cứu thị trường kế hoạch kinh doanh cẩn thận Em mong muốn nhận kết hiệu từ đề tài 1.2.2 Phân tích đề tài 1.2.2.1 Yêu cầu  Website bán điện thoại phải có giao diện thân thiện, đẹp mắt, dễ sử dụng tương thích với nhiều thiết bị khác (máy tính, điện thoại, máy tính bảng…)  Website bán điện thoại cung cấp kênh liên hệ hỗ trợ khách hàng để giải vấn đề thắc mắc họ  Website bán điện thoại phải có chức tốn trực tuyến an tồn tiện lợi cho người dùng  Website bán điện thoại phải có chức đánh giá, nhận xét, góp ý trải nghiệm cho người dùng 1.2.2.2 Chức  Thiết kế hỗ trợ trang web tốt cho công ty kinh doanh  Hình thành nên mạng lưới kinh doanh rộng lớn nước  Tạo sựu gắn kiết trao đổi buôn bán dễ cửa hàng( công ty) với khách hàng  Tăng tính thuận lợi, nhanh chóng cho cửa hàng( cơng ty) kinh doanh  Đem lại nhiều lựa chọn, tư vấn nhiệt tình nhân viên bán hàng với khách hàng, tạo cầu nối cửa hàng( công ty) với khách hàng 2.4.Sử dụng boostrap tạo khung 2.5 Phần đầu giao diện(header) Cài đặt: Search Kết quả: 2.6 Danh mục sản phẩm Cài đặt:
  • Kết quả: 2.7.Thiết kế banner Cài đặt: Duy Nguyen Vinaphone 2.8 Tạo mục sản phẩm Cài đặt: Kết : 2.9 Model toán Cài đặt: Kết :

Ngày đăng: 21/12/2023, 14:50

Tài liệu cùng người dùng

  • Đang cập nhật ...

Tài liệu liên quan