Mô tả chi tiết Quản lý Cài đặt Giao Diện E-Learning

Quản lý Cài đặt Trang Web cho phép người dùng quản trị hệ thống cài đặt các thông tin quan trọng như giao diện, logo, văn bản, màu sắc, mã nguồn và các cài đặt khác để tùy chỉnh giao diện cũng như hành vi của trang web.

Các trường thông tin chính

Biểu tượng và Logo

  • Biểu tượng(icon): Cho phép tải lên hoặc thay đổi biểu tượng của trang web.
  • Logo:

Logo chính: Logo hiển thị trên đầu trang web hoặc các trang con.

Logo không có chữ: Sử dụng trong các tình huống cần phiên bản tối giản.

  • Ảnh trang/Băng rôn: Tùy chỉnh các hình ảnh được sử dụng trên trang chính, banner, hoặc các trang con.

Kiểu chân trang

Lựa chọn kiểu hiển thị chân trang:
  • Đầy đủ: Hiển thị toàn bộ thông tin như liên kết, bản quyền, và giới thiệu.
  • Tối thiểu: Chỉ hiển thị thông tin cần thiết.
  • Trung bình: Hiển thị một phần thông tin chi tiết.

Văn bản

Tùy chỉnh nội dung văn bản cho:
  • Tiêu đề trang chính: Hiển thị trên giao diện chính của người dùng.
  • Chân trang "Giới thiệu": Phần giới thiệu về trang web.
  • Chân trang "Bản quyền": Văn bản hiển thị thông tin bản quyền.

Màu sắc

  • Màu nền đầu trang:
  • Nhập mã màu (theo định dạng HEX hoặc RGB) để tùy chỉnh.
  • Hỗ trợ chọn mã màu ngẫu nhiên.
  • Màu nền chân trang: Tương tự như màu đầu trang, cho phép tùy chỉnh hoặc chọn màu ngẫu nhiên.

Các đường dẫn

Nhập và tùy chỉnh các liên kết:
  • Đường dẫn video giới thiệu: URL hiển thị video giới thiệu trên trang web.
  • Liên kết khác: Tùy chỉnh các đường dẫn bổ sung theo yêu cầu.

Mã nguồn

  • CSS: Nhập mã CSS tùy chỉnh để điều chỉnh giao diện theo ý muốn.
  • JavaScript: Tích hợp hoặc bổ sung các đoạn mã JS để thêm tính năng tùy chỉnh.
  • Bổ sung đầu trang: Thêm mã nguồn hiển thị ở phần <head> của trang.
  • Bổ sung cuối trang: Thêm mã nguồn hiển thị trước thẻ </body> để tối ưu hóa tải trang.

E-Learning

  • Đường dẫn hỏi đáp: Cài đặt URL cho hệ thống hỏi đáp của trang web.
  • Cho phép đăng ký lớp: Tích chọn bật/tắt tính năng đăng ký lớp học.

Hướng dẫn sử dụng

5.1.png 5.2.png

Cài đặt biểu tượng và logo

5.3.png
  • Tải lên biểu tượng (icon), logo chính, và logo không có chữ.
  • Tải lên hình ảnh trang chính hoặc banner.
  • Tùy chỉnh kiểu chân trang: Chọn kiểu chân trang từ danh sách thả xuống: Đầy đủ, Tối thiểu, hoặc Trung bình.

Tùy chỉnh văn bản

5.4.png

Nhập nội dung cho:

  • Tiêu đề trang chính.
  • Chân trang "Giới thiệu".
  • Chân trang "Bản quyền".

Click nút Lưu để lưu thay đổi.

Tùy chỉnh màu sắc

5.5.png

Nhập mã màu hoặc chọn màu ngẫu nhiên cho:

  • Màu nền đầu trang.
  • Màu nền chân trang.

Click nút Lưu để áp dụng thay đổi.

Cài đặt đường dẫn

5.6.png
  • Nhập URL cho video giới thiệu hoặc liên kết khác.
  • Click nút Lưu để lưu thông tin.

Chỉnh sửa mã nguồn

5.7.png

Nhập các đoạn mã tùy chỉnh vào:

  • CSS: Thay đổi giao diện.
  • JavaScript: Thêm chức năng mới.
  • Bổ sung đầu trang hoặc cuối trang: Tích hợp mã bổ sung.

Click nút Lưu để lưu các đoạn mã.

Cài đặt E-Learning

5.8.png
  • Nhập URL cho hệ thống hỏi đáp.
  • Tích chọn hoặc bỏ chọn Cho phép đăng ký lớp.
  • Click nút Lưu để áp dụng thay đổi.

Lưu ý

  • Kiểm tra kỹ trước khi click Lưu để tránh lỗi không mong muốn.
  • Mã CSS và JavaScript phải được nhập đúng cú pháp để đảm bảo hệ thống hoạt động ổn định.
  • Các tùy chỉnh cần phù hợp với mục tiêu và giao diện tổng thể của trang web.