Tiểu Luận - Đề Tài - Xây Dựng Website Cho Doanh Nghiệp Hạt Dinh Dưỡng Mr.loi

Lê Thành Lợi TRƯỜNG CAO ĐẲNG THỰC HÀNH FPT POLYTECHNIC ASSIGNMENT XÂY DỰNG WEBSITE Đề tài: XÂY DỰNG WEBSITE CHO DOANH NGHIỆP HẠT DINH DƯỠNG Mr.Loi Page | Lời mở đầu Thiết kế website dần trở thành nhu câu khơng thể thiếu với doanh nghiệp, cá nhân Lợi ích thiết kế website mang vô lớn như: Tăng cảm hứng uy tín doanh nghiệp mắt người dùng, cung cấp thông tin giới thiệu doanh nghiệp, sản phẩm dịch vụ bạn với phạm vi rộng lớn Trang web cung cấp hội tuyệt vời để giới thiệu bạn với số đối tượng khách hàng rộng Sở hữu trang web chuyên nghiệp tăng uy tín cho doanh nghiệp bạn mắt khách hàng đối tác Trang web cung cấp hội để bạn bán sản phẩm dịch vụ 24/7 mà khơng cần phải chờ đợi mở cửa tắt cửa Trang web tìm kiếm dễ dàng cơng cụ tìm kiếm Google, giúp tăng khả tìm kiếm cho doanh nghiệp bạn Page | Mục lục : Phần I: CHUẨN BỊ .4 1.1 Phác thảo website qua trang web Figma: .4 1.2 Lên sơ đồ hiển thị qua trang web Draw.io 1.3 Domaiin tài khoản quản lý Domain: 1.4 Hosting tài khoản Hosting (Cpanel Directadmin) .5 1.5 Trỏ Domain IP Hosting (Cấu hinh DNS) 1.5 Trỏ địa IP vào để quản lý DNS 1.6 Cài đặt Wordpress: PHẦN II: CÀI ĐẶT THEME TÙY BIẾN WEBSITE 2.1 Các bước cài đặt Theme: 2.2 Tuỳ biến Website 11 2.2.1 Tuỳ biến Menu: 11 2.2.2 Tuỳ biến Header Fooder: 13 2.2.3 Tuỳ biến Logo: Error! Bookmark not defined 2.2.4 Tuỳ biến trang chủ: Error! Bookmark not defined Hình ảnh mơ tả web: Error! Bookmark not defined Page | Phần I: CHUẨN BỊ Tên miền (domain): https://mrloi.com/ 1.1 Phác thảo website qua trang web Figma: 1.2 Lên sơ đồ hiển thị qua trang web Draw.io 1.3 Domaiin tài khoản quản lý Domain: Tài khoản quản lí Domain sử dụng bên thứ cung cấp dịch vụ Page | 1.4 Hosting tài khoản Hosting (Cpanel Directadmin) Tài khoản quản lý Hostinger Cpanel 1.5 Trỏ Domain IP Hosting (Cấu hinh DNS) Trỏ domain vào địa IP hosting mua Page | 1.5 Trỏ địa IP vào để quản lý DNS 1.6 Cài đặt Wordpress: Bước 1: Quay trở lại tài khoản quản lý Hosting bạn (Cpanel Directadmin) Bước 2: Tìm kiếm mục Software chọn WordPress Manager by Softaculous Page | XÂY DỰNG WEBSITE Lê Thành Lợi Bước 3: Tiến hành thiết lập cài đặt tài khoản, mật WordPress Bước 4: Chọn Theme mặc định sau nhấn chọn Install Kết quả: Page | PHẦN II: CÀI ĐẶT THEME TÙY BIẾN WEBSITE 2.1 Các bước cài đặt Theme: Bước 1: Đăng nhập vào tàii khoản Admin WordPress Giao diện đăng nhập thành công: Page | Bước 2: Chọn Appearance Bước 3: Chọn Add New Add New Theme để thêm giao diện Page | Bước 4: Chọn giao diện phù hợp với loại hình kinh doanh Bước 5: Cài đặt plugins mà mẫu yêu cầu -> Next Page | 10 Kết quả: 2.2 Tuỳ biến Website 2.2.1 Tuỳ biến Menu: Bước 1: Chọn Appearance chọn Customize để tuỳ biến Menu Page | 11 XÂY DỰNG WEBSITE Lê Thành Lợi Giao diện chọn Appearance chọn Customize Bước 2: Chọn Menu Page | 12 XÂY DỰNG WEBSITE Lê Thành Lợi Bước 3: Thiết lập Menu thông tin Menu bạn mong muốn nhấn Published 2.2.2 Tuỳ biến Header Fooder: Page | 13 - Tuỳ biến Header: Bước 1: Chọn Slider Levolution để tuỳ biến Header XÂY DỰNG WEBSITE Lê Thành Lợi Bước 2: Chọn Header giao diện bạn chọn Giao diện vào tuỳ biến Header Page | 14 XÂY DỰNG WEBSITE Lê Thành Lợi - Tùy biến Fooder: Bước 1: Appearance chọn Customize để tùy biến Fooder Bước : Chọn Widgets Page | 15 XÂY DỰNG WEBSITE Lê Thành Lợi Chỉnh sửa hạng mục Fooder bao gồm : Text , Bố cục , Color , … 2.2.3 Tùy biến Logo: Tải Logo yêu thích kích thước phải phù hợp với wed Page | 16 XÂY DỰNG WEBSITE Lê Thành Lợi Bước 1: Chọn Betheme Bước 2: Chọn Theme Options Bước 3: Chọn Logo để tùy biến logo Bước 4: Chọn Browse để lưu logo Bước 5: Chọn Upload files Page | 17 Bước 6: Chọn Select Files tải files Logo có sẵn lên Bước 7: Chọn Select để Up logo chọn XÂY DỰNG WEBSITE Lê Thành Lợi 2.2.4 Tùy biến trang chủ Click Edit with BeBuilder (Hoặc Edit with Elementer, Edit Page) để sửa trang Web Link trang web: https://mrloi.com/ Hình ảnh mô tả wed: - Trang chủ: - Cửa hàng: Page | 18 XÂY DỰNG WEBSITE Lê Thành Lợi - Về chúng tôi: - Bài viết: Page | 19 XÂY DỰNG WEBSITE Lê Thành Lợi - Liên hệ: Phần III: Thiết kế chi tiết 3.1 Cài đặt thành công giỏ hàng Plugin cho Woocommerce Page | 20 XÂY DỰNG WEBSITE