ĐỒ ÁN CƠ SỞ 1 ĐỀ TÀI : WEBSITE TƯ VẤN VÀ CUNG CẤP DỊCH VỤ CÂY CẢNH GREENWORLD. Giảng viên hướng dẫn : TS.DƯƠNG HỮU ÁI

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT - HÀN Đồ án sở ĐỀ TÀI : WEBSITE TƯ VẤN VÀ CUNG CẤP DỊCH VỤ CÂY CẢNH GREENWORLD Sinh viên thực : NGUYỄN VĂN QUÝ Giảng viên hướng dẫn : TS.DƯƠNG HỮU ÁI Lớp : 20CE Đà nẵng, tháng năm 2021 Page | ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT - HÀN ĐỒ ÁN CƠ SỞ ĐỀ TÀI : WEBSITE TƯ VẤN VÀ CUNG CẤP DỊCH VỤ CÂY CẢNH GREENWORLD Đà Nẵng, tháng năm 2021 Page | LỜI CẢM ƠN Em xin gửi lời cảm ơn chân thành đến ban giám hiệu nhà trường , thầy tận tình bảo giảng dạy , cung cấp kiển thức tảng tạo điều kiện tốt để chúng em học tập trau dồi Đặc biệt em xin chân thành cảm ơn Tiến sĩ Vương Công Đạt nhiệt tình hướng dẫn chúng em suốt trình xây dựng trang web Trong trình thực đề tài, chúng em cố gắng nổ lực nhiên khơng tránh khỏi sai sót.Chúng em mong nhận góp ý thầy giáo từ phía hội đồng nhà trường để thực hoàn chỉnh chủ đề Chúng em xin chân thành cảm ơn! Page | MỤC LỤC Trang MỞ ĐẦU .1 Dễ dàng thao tác Tùy chỉnh dễ dàng .6 Chất lượng sản phẩm đầu hoàn hảo Độ tương thích cao PHỤ LỤC DANH MỤC NGUỒN THAM KHẢO .14 Chương : GIỚI THIỆU Page | I TÊN ĐỀ TÀI “WEBSITE TƯ VẤN VÀ CUNG CẤP CẤP DỊCH VỤ CÂY CẢNH GREENWORLD” II MÔ TẢ GreenWorld cung cấp thông tin giống cảnh, cảnh trưởng thành, điều kiện liên quan để sinh trưởng thuận lợi, bệnh hướng giải Website liên kết với nhà vườn đưa hình ảnh chân thực, kinh nghiệm chăm sóc cảnh lâu năm nhà vườn, cung cấp cách đầy đủ khách quan để hổ trợ khách hàng lựa chọn cảnh thích hợp với khơng gian mà mơng muốn III CHỨC NĂNG Đây website bán hàng giới thiệu sản phẩm cửa hàng, công ty đến người tiêu dùng với chi tiết mặt hàng với giá xác Có chức sau: - Hiển thị danh sách mặt hàng theo loại - Hiển thị thông tin hàng - Hiển thi hàng hóa khách hàng chọn mua - Cung cấp số mẹo vặt Chương : Công nghệ hỗ trợ Page | HTML (Hypertext Markup Language) mã dùng để xây dựng nên cấu trúc nội dung trang web CSS chữ viết tắt Cascading Style Sheets, ngơn ngữ sử dụng để tìm định dạng lại phần tử tạo ngơn ngữ đánh dấu (ví dụ HTML) Bạn hiểu đơn giản rằng, HTML đóng vai trị định dạng phần tử website việc tạo đoạn văn bản, tiêu đề, bảng,…thì CSS giúp thêm chút “phong cách” vào phần tử HTML đổi màu sắc trang, đổi màu chữ, thay đổi cấu trúc,…rất nhiều Bootstrap sưu tập miễn phí mã nguồn mở công cụ dùng để tạo mẫu webiste hồn chỉnh Với thuộc tính giao diện quy định sẵn kích thước, màu sắc, độ cao, độ rộng…, designer sáng tạo nhiều sản phẩm mẻ tiết kiệm thời gian làm việc với framework trình thiết kế giao diện website Giữa mn vàn ứng dụng thiết kế website nay, Bootstrap có khả cạnh tranh cao nhờ đặc điểm bật sau: • Dễ dàng thao tác • Tùy chỉnh dễ dàng • Chất lượng sản phẩm đầu hồn hảo • Độ tương thích cao Dễ dàng thao tác Cơ chế hoạt động Bootstrap dựa xu hướng mã nguồn mở HTML, CSS Javascript Người dùng cần trang bị kiến thức mã sử dụng Bootstrap hiệu Bên cạnh đó, mã nguồn dễ dàng thay đổi chỉnh sửa tùy ý Page | Tùy chỉnh dễ dàng Bootstrap tạo từ mã nguồn mở cho phép designer linh hoạt Giờ lựa chọn thuộc tính, phần tử phù hợp với dự án họ theo đuổi CDN Boostrap cịn giúp bạn tiết kiệm dung lượng khơng cần tải mã nguồn máy Chất lượng sản phẩm đầu hoàn hảo Bootstrap sáng tạo lập trình viên giỏi khắp giới Bootstrap nghiên cứu thử nghiệm thiết bị Được kiểm tra nhiều lần trước đưa vào sử dụng Do đó, chọn Bootstrap, bạn tin tạo nên sản phẩm với chất lượng tốt Độ tương thích cao Điểm cộng lớn Bootstrap khả tương thích với trình duyệt tảng Đây điều quan trọng cần thiết trải nghiệm người dùng Sử dụng Grid System với hai tiền xử lý Less Sass, Bootstrap mặc định hỗ trợ Responsive ưu tiên cho giao diện thiết bị di động Bootstrap có khả tự động điều chỉnh kích thước trang website theo khung browser Mục đích để phù hợp với hình máy tính để bàn, tablet hay laptop Font Awesome thư viện chứa font chữ ký hiệu hay sử dụng website Font chữ ký hiệu icons mà ta thường hay sử dụng layout website Page | Chương : Triển khai xây dựng *BỐ CỤC TRANG WEB I Bố cục trang trangchu.html (trang chủ) Thanh menu - Gồm mục: Danh mục sản phẩm, Blog chia sẻ, Khuyến mãi, Hướng dẫ đặt hàng Liên hệ Carousel Page | - Có thể chuyển thành khu vực giới thiệu danh mục Khung sản phẩm -Hiển thị tên sản phẩm , giá tiền Footer Page | - Giới thiệu GREENWORLD - Các sản phẩm cập nhật II Trang Page | - Mô tả chi tiết sản phẩm, danh mục - Đánh giá khách hàng - Có nút thêm vào giỏ hàng Chương : Kết luận hướng phát triển Page | 10 Kết luận : Trang web hoàn thành giao diện tĩnh nhiên cịn nhiều thiếu xót thẩm mỹ hạn chế chức Hướng phát triển: Tiếp tục bổ sung thêm giao diện tĩnh Hoàn thành chức hoàn chỉnh cho nút Trau dồi kiến thức sử dụng công nghệ web động để giúp trang web hoạt động Đăng ký tên miền , mua hosting thương mại hóa trang web sau hoàn thành DANH MỤC NGUỒN THAM KHẢO Page | 11 Video hướng dẫn : https://www.youtube.com/watch?v=PVql_5M53LI https://www.youtube.com/watch?v=KLWA2vCERSQ https://www.youtube.com/watch?v=36jRXMsIFuA&t=2071s Web tham khảo : Cây cảnh Store - Địa cung cấp cảnh & phụ kiện giá rẻ (caycanhstore.com) Page | 12