Khoá học gồm những gì?
Chào Mừng Đến
Với Khoá Học
Với Khoá Học
- 4 buổi học · 2 giờ/buổi · Zoom Live mỗi tối thứ Hai
- Recording đầy đủ · xem lại bất cứ lúc nào tại Web1trang.vn
- 1 giờ mentor 1-1 · hỗ trợ cá nhân khi gặp khó về thiết kế, kỹ thuật hay ý tưởng
- Nhóm Zalo · hỏi đáp và chia sẻ tiến độ cùng nhóm Zalo
🎯 Cuối khoá · bạn có 1 website/blog thật, public, kết nối domain riêng
Thứ Hai hàng tuần · 19h30 – 21h30 · Zoom
Lịch Học 4 Buổi
1
Nền Tảng & Tư Duy Website
Thứ Hai · 6/7/2026
2
Xây Dựng Blog & Nội Dung Cơ Bản
Thứ Hai · 13/7/2026
3
Nội Dung & SEO Bằng AI
Thứ Hai · 20/7/2026
4
Xuất Bản & Tăng Trưởng Bền Vững
Thứ Hai · 27/7/2026
Cuối khoá học bạn sẽ đạt được
Chúng Ta Cần Đạt Được Gì?
Trước khi làm website
Hiểu Về
Brand Guideline
Brand Guideline
Font chữ
Chọn 1–2 font nhất quán cho toàn bộ website
Màu sắc
Bộ màu chủ đạo: primary · secondary · neutral
Style
Phong cách tổng thể: tối giản · ấm áp · chuyên nghiệp
🤖 AI giúp gì? Gợi ý bộ màu, font phù hợp với ngành nghề và cá tính của bạn
Bài tập về nhà · Hoàn thành trước buổi 2
Brief:
Bản Mô Tả Website
Bản Mô Tả Website
- 1Nhận file brief từ chị Thanh Tâm
- 2Điền đầy đủ thông tin: mục tiêu · đối tượng · nội dung chính
- 3Xác định style website muốn hướng đến
- 4Thu thập chất liệu: logo · ảnh · màu sắc thương hiệu
⚡ Tại sao cần brief? Đây là "bản vẽ" để AI hiểu đúng ý bạn · brief càng chi tiết, website càng đúng ý
Cần chuẩn bị · Phần 1
Tài Khoản AI Pro
& Terminal
& Terminal
Tài khoản AI cần có
- Claude Pro (Anthropic) · AI chính trong khoá
- ChatGPT Plus · hỗ trợ tạo ảnh & nội dung
- Mọi người đã có chưa? → Setup ngay trong buổi
Tại sao dùng Terminal?
- Chạy lệnh AI nhanh hơn giao diện web
- Tự động hoá công việc lặp lại
- Deploy website chỉ bằng 1 lệnh
- Claude Code chạy trực tiếp trong Terminal
Bước 1 · Chuẩn bị dữ liệu
Xử Lý Dữ Liệu Thô
Từ Brief
Từ Brief
- Gom nội dung từ Brief đã điền ở Buổi 1 → tạo file .md rõ ràng theo từng mục
- Ảnh thô → resize & nén lại cho nhẹ trước khi đưa vào website
- File gọn gàng, đặt tên rõ ràng → AI đọc & dùng chính xác hơn
🗣️ Mình mô tả, AI làm: AI tự lưu, tự quy định và hiểu ngữ cảnh
💡 Dữ liệu càng sạch thì AI dựng website càng nhanh, đúng ý, tiết kiệm token hơn cho những lần sau
Nền tảng kỹ thuật
Emdash Là Gì?
Nền tảng
- Mã nguồn mở
Giấy phép MIT, miễn phí dùng, sửa và tự host tại github.com/emdash-cms/emdash - Ngôn ngữ
Full-stack TypeScript, xây trên nền Astro
Vì sao chọn
- Điểm mạnh
Kế thừa tinh thần WordPress nhưng an toàn hơn nhờ mỗi plugin phải khai báo rõ quyền hạn - Lợi thế
Chạy nhanh và nhẹ trên Cloudflare (D1 + R2), không cần PHP/MySQL cồng kềnh
🔗 Toàn bộ mã nguồn công khai tại github.com/emdash-cms/emdash
Bước 2 · Định hướng AI
Mô Tả Cấu Trúc
Cho AI Hiểu
Cho AI Hiểu
- Trang CMS có nội dung động, tự sinh danh sách và cập nhật liên tục (blog)
- Trang Landing page có nội dung tĩnh, tập trung 1 mục tiêu, ít thay đổi
- Mô tả rõ silo: trang nào thuộc nhóm nào, liên kết ra sao
💡 Mô tả càng chi tiết thì AI khởi tạo cấu trúc càng chính xác ngay từ đầu
Bước 3 · Nội dung website
Thêm Nội Dung Chuẩn
Vào Website
Vào Website
- Thêm bài viết
- Thêm nội dung trang chủ
- Thêm thông tin sản phẩm
- Thêm thông tin dự án…
Bước 4 · Hoàn thiện & duyệt
Feedback
Thiết Kế
Thiết Kế
Quy tắc
- Hoàn thiện từng trang
- Tập trung các trang chính → List → chi tiết
- Thiết lập chuyên mục & tag cho từng chủ đề
- Chọn layout hiển thị bài viết: lưới, danh sách hoặc carousel
- Feedback từng trang → từng section
Xem còn thiếu
- Bổ sung hình ảnh, nội dung còn thiếu
- Hoặc nhờ AI bổ sung nội dung, hình ảnh (ChatGPT làm ảnh tốt)
💡 Để website ấn tượng: dùng ảnh cá nhân, ảnh thật hoặc ảnh theo bộ nhận diện