Khám phá lộ trình học →KIẾN THỨC ĐỂ HIỂU VÀ THỰC HÀNH

Xưởng mở rộng: tạo trang giới thiệu cơ bản bằng AI

Một trang giới thiệu có mục tiêu cụ thể mẫu mở được không cần mạng hoặc bản xem trước, có danh sách kiểm tra máy tính, điện thoại và bàn phím và kế hoạch xuất bản có phê duyệt.

Sản phẩm của buổi học

Một trang giới thiệu có mục tiêu cụ thể mẫu mở được không cần mạng hoặc bản xem trước, có danh sách kiểm tra máy tính, điện thoại và bàn phím và kế hoạch xuất bản có phê duyệt.

1Chọn một trang thử nghiệm: giới thiệu danh sách kiểm tra xử lý công việc văn phòng của An Phúc; ghi rõ đây là bản mẫu, không phải trang bán hàng hay nhận đăng ký thật.
2Điền bản yêu cầu gồm người đọc, nhu cầu, thông điệp, bằng chứng có thật và một lời kêu gọi hành động; không thêm lời chứng thực hay số khách tự tạo.
3Dùng P37 viết dàn ý và nội dung, giữ nhãn chưa duyệt nếu liên quan chương trình thử nghiệm.
4Dùng P38 yêu cầu tạo mã HTML/CSS cơ bản, không có công cụ theo dõi, thư viện bên ngoài hoặc biểu mẫu gửi dữ liệu. Nếu dùng công cụ dựng trang, giữ cùng cấu trúc và tiêu chí kiểm tra.
5Lưu thành tệp .html với mã hóa UTF-8 trong bản sao thư mục thực hành, rồi mở bằng trình duyệt. Nếu công cụ có bản xem trước, vẫn kiểm cả tệp đã xuất, không chỉ khung biên tập.
6Thu nhỏ màn hình hoặc dùng chế độ xem thiết bị của trình duyệt; kiểm tiêu đề, ảnh, nút và bảng không bị cắt.
7Dùng phím Tab để đi qua các nút và đường dẫn, kiểm dấu hiệu cho biết mục nào đang được chọn. Thêm mô tả thay thế cho ảnh có ý nghĩa; kiểm độ tương phản và tên nút có mô tả rõ.
8Chạy P39 để rà mã và nội dung, rồi tự thao tác để kiểm lại. Chỉ lập danh sách việc cần kiểm trước xuất bản; không kết nối tên miền, thanh toán hoặc công khai biểu mẫu trong lớp.

Chuẩn bị trước buổi học

Mở thư mục bài thực hành An Phúc, tạo bản sao riêng để sửa; giữ nguyên tệp đầu vào. Dùng một công cụ AI được đơn vị cho phép và một thư mục đầu ra có tên phiên bản. Dùng 06_ban-yeu-cau-noi-dung.docx và mẫu trang giới thiệu có mục tiêu cụ thể trong bộ thực hành. Chuẩn bị trình duyệt và trình sửa văn bản/HTML hoặc trình dựng trang được đơn vị cho phép.

Nội dung và mục tiêu cần đạt

  • Chọn một trang thử nghiệm: giới thiệu danh sách kiểm tra xử lý công việc văn phòng của An Phúc; ghi rõ đây là bản mẫu, không phải trang bán hàng hay nhận đăng ký thật.
  • Điền bản yêu cầu gồm người đọc, nhu cầu, thông điệp, bằng chứng có thật và một lời kêu gọi hành động; không thêm lời chứng thực hay số khách tự tạo.
  • Dùng P37 viết dàn ý và nội dung, giữ nhãn chưa duyệt nếu liên quan chương trình thử nghiệm.
  • Dùng P38 yêu cầu tạo mã HTML/CSS cơ bản, không có công cụ theo dõi, thư viện bên ngoài hoặc biểu mẫu gửi dữ liệu. Nếu dùng công cụ dựng trang, giữ cùng cấu trúc và tiêu chí kiểm tra.
  • Lưu thành tệp .html với mã hóa UTF-8 trong bản sao thư mục thực hành, rồi mở bằng trình duyệt. Nếu công cụ có bản xem trước, vẫn kiểm cả tệp đã xuất, không chỉ khung biên tập.
  • Thu nhỏ màn hình hoặc dùng chế độ xem thiết bị của trình duyệt; kiểm tiêu đề, ảnh, nút và bảng không bị cắt.
  • Dùng phím Tab để đi qua các nút và đường dẫn, kiểm dấu hiệu cho biết mục nào đang được chọn. Thêm mô tả thay thế cho ảnh có ý nghĩa; kiểm độ tương phản và tên nút có mô tả rõ.
  • Chạy P39 để rà mã và nội dung, rồi tự thao tác để kiểm lại. Chỉ lập danh sách việc cần kiểm trước xuất bản; không kết nối tên miền, thanh toán hoặc công khai biểu mẫu trong lớp.

Tình huống để thực hành

Trang minh họa có nút “Tải danh sách kiểm tra mẫu” dẫn tới tệp trong bộ thực hành. Không ghi “Đăng ký thành công” nếu nút chỉ đổi giao diện và không có hệ thống lưu đăng ký.

Gợi ý phân bổ trong 45 phút

9 phút
Hiểu ví dụ
27 phút
Làm sản phẩm
9 phút
Kiểm tra và sửa

Đây là xưởng tự học ngoài 8 giờ trực tiếp.

Tiêu chí tự đánh giá

  • Sản phẩm giải quyết đúng bài toán và có thể chỉ ra dữ kiện đầu vào.
  • Có thể giải thích các bước đã chọn và giới hạn của phương án.
  • Có ví dụ, nguồn tham khảo và một bước kiểm tra tiếp theo.
  • Ghi rõ mô phỏng nếu chưa triển khai trên dự án thật.

Ví dụ có bối cảnh

Đọc để hiểu sâu chủ đề