QQ79 Đăng nhập
Đây là bản dựng giao diện tĩnh — mọi nội dung là dữ liệu mẫu hư cấu. Không có tài khoản, thanh toán hay trò chơi nào hoạt động.

Giới thiệu về bản dựng Demo Portal

Trang này mô tả mục đích, nguyên tắc và giới hạn của bộ giao diện tĩnh đang được xem xét. Toàn bộ nội dung bên dưới là văn bản mẫu nguyên gốc, viết riêng cho bản dựng.

Mục đích của bản dựng

Đây là nền tảng giao diện độc lập, được dựng trước để sau này chuyển thành một theme cho hệ quản trị nội dung. Trọng tâm là HTML ngữ nghĩa, nội dung đọc được bởi công cụ tìm kiếm, khả năng truy cập bằng bàn phím và tốc độ tải.

Bản dựng không phải một nền tảng trò chơi và không chứa bất kỳ chức năng vận hành nào. Mọi khối giao diện ở đây là vỏ trình bày, chờ hệ quản trị nội dung đổ dữ liệu thật vào ở giai đoạn sau.

Nguyên tắc nội dung

  • Nội dung nằm trong HTML. Phần chữ thiết yếu phải đọc được ngay cả khi tắt JavaScript. JavaScript chỉ làm phong phú thêm tương tác.
  • Không chữ quan trọng nằm trong ảnh. Hình minh hoạ là đồ hoạ trừu tượng; tiêu đề và mô tả luôn là văn bản thật.
  • Không tuyên bố chưa kiểm chứng. Bản dựng không nêu giấy phép, chứng nhận, đối tác thanh toán hay số liệu vận hành nào.
  • Dữ liệu mẫu luôn được đánh dấu. Mọi con số minh hoạ đều mang thuộc tính nhận dạng và nhãn nhìn thấy được.

Cách tổ chức nội dung

Bộ giao diện gồm hai nhóm trang. Nhóm thứ nhất là các trang danh sách, dùng để trình bày tập hợp mục có cấu trúc lặp. Nhóm thứ hai là các trang nội dung biên tập, dùng cho văn bản dài do người biên tập soạn.

Trang danh sách

Trang chủ và sảnh mẫu dùng chung các khối tái sử dụng: băng chuyền ảnh, lưới thẻ, bộ lọc nhóm và khối số liệu minh hoạ. Các khối này nhận dữ liệu theo danh sách nên có thể gắn vào nguồn nội dung động mà không đổi cấu trúc.

Trang nội dung biên tập

Trang giới thiệu, khuyến mãi và hai trang hướng dẫn dùng chung một bố cục văn bản: tiêu đề cấp trang, mục lục bên cạnh, các mục có tiêu đề riêng và danh sách có thứ tự cho các bước tuần tự.

Nền tảng kỹ thuật

Bản dựng là HTML, CSS và JavaScript thuần. Không dùng framework, không có bước biên dịch cho sản phẩm, và không gọi tài nguyên từ bên ngoài khi chạy. Phông chữ lấy từ hệ thống; hình minh hoạ là tệp SVG cục bộ do dự án sở hữu.

Giao diện thích ứng thật ở các khổ màn hình nhỏ, bao gồm ngăn kéo điều hướng có thể thao tác bằng bàn phím và thanh điều hướng cố định dưới đáy ở khổ di động.

Giới hạn đã biết

Không có tài khoản và không có giao dịch. Bản dựng đã loại bỏ hoàn toàn phần đăng nhập, đăng ký và mọi thao tác liên quan tới tiền.

Các mục điều hướng chưa được dựng sẽ mở hộp thoại giải thích thay vì dẫn tới liên kết gãy.

Không khả dụng