📘 HƯỚNG DẪN SỬ DỤNG TRANG WEB
Vũ Thành Công – Lưu Kiếm
Trang web là nơi quản lý, lưu trữ và chia sẻ bài viết, văn bản, tư liệu, kinh nghiệm sống và thông tin phục vụ học tập, công tác; đồng thời lan tỏa các giá trị sống tích cực.
👉 Địa chỉ truy cập:
https://vuthanhcong77.github.io/quanlybaivietvtc/
I. Giao diện tổng thể
- Header cố định phía trên
- Nội dung chính bên trái
- Cột thông tin phụ (sidebar) bên phải
- Footer cuối trang
- Tối ưu cho máy tính và điện thoại
II. Thanh đầu trang (Header)
1. Logo và Giới thiệu
Nhấn vào mục Giới thiệu để xem giới thiệu về chủ nhân của trang web.
2. Thanh Menu ngang (chỉ hiện trên máy tính)
| Mục |
Chức năng |
| ❤️ Sức khỏe | Kiến thức chăm sóc sức khỏe, phát triển trí tuệ và xây dựng hạnh phúc cho mỗi người, mỗi nhà và cả cộng đồng |
| 📖 Học tập | Nội dung học tập, kỹ năng nghiệp vụ |
| ✍ Bài viết | Các bài viết chia sẻ kinh nghiệp, định hướng tích cực cho những ai có nhu cầu |
| 📢 Tin tức | Tin mới cập nhật tại địa phương |
| 📷 Thư viện ảnh | Hình ảnh hoạt động của tập thể, cá nhân |
| 📄 Văn bản | Văn bản, tài liệu quan trọng phục vụ nghiệp vụ công tác |
| 📁 Tài liệu | Tài liệu tham khảo |
3. Menu trên điện thoại (nút ☰)
Nhấn nút ☰ để mở menu dọc, có menu cấp 2 trong mục Văn bản và Liên kết.
III. Khu vực nội dung chính
1. Tin tức mới nhất
Tự động hiển thị 12 bài mới thuộc các mục: Tin tức, Bài viết, Sức khỏe.
2. Tổng số bài viết
Hiển thị tổng số bài đã đăng trên toàn hệ thống.
3. Nội dung chia sẻ nổi bật
Các bài viết giá trị được đặt trực tiếp trên trang chủ.
IV. Cột thông tin bên phải (Sidebar)
Gồm những bài viết nổi bật, quan trọng, nền tảng nội dung chính của trang và những tin bài tuyên truyền theo chủ đề; liên kết nhanh, hình ảnh nổi bật. Trên điện thoại sẽ tự động chuyển xuống dưới.
V. Các chức năng tiện ích
- ⏰ Hiển thị thời gian thực
- 📢 Chữ chạy thông báo nhân các sự kiện quan trọng và những chia sẻ truyền cảm hứng tích cực
- 🔗 Chia sẻ Facebook, Copy link
- ⬆ Nút lên đầu trang
- 🎨 Đổi hình nền, lưu cho lần sau
- 👁 Thống kê online và lượt xem chỉ để tham khảo
VI. Footer
Liên kết đến trang phường Lưu Kiếm và Facebook.
VII. Hướng dẫn sử dụng hiệu quả
- Xem nhanh 12 bài mới tại mục Tin tức mới nhất
- Tìm nội dung theo chuyên đề bằng thanh Menu
- Dùng nút ☰ khi xem trên điện thoại
- Dùng Copy link để gửi nhanh qua Zalo
VIII. Ghi chú kỹ thuật
- Website chạy tĩnh trên GitHub Pages, tốc độ nhanh
- Sử dụng file dữ liệu posts_data.json để lưu trữ nội dung là chủ yếu; một số ít dữ liệu được lưu bằng content.json "Văn bản chuyên môn", manifest.json "Tên trang và icon", photos.json "Cập nhật trang ảnh", qlvbcq.html "Quản lý văn bản cơ quan", site_config.json "Thay đổi dòng chữ chạy"...
- Dữ liệu bài viết quản lý tập trung
- Dữ liệu dùng chung layout.css "Trang chí, căn chỉnh", sidebar.html "Dữ liệu cột phải"
- Tương thích tốt với mọi thiết bị
Trang web là không gian học tập, chia sẻ và lan tỏa giá trị sống tích cực hàng ngày, nơi truyền năng lượng tích cực.