Tạo trang web

Bắt đầu bằng cách mô tả những gì bạn muốn xây dựng trong ChatGPT hoặc Codex. Sau đó xem xét phiên bản đầu tiên và tiếp tục tinh chỉnh trong quá trình thực hiện.

Bắt đầu với sites

Mở ChatGPT trên web hoặc trong ứng dụng máy tính. Thêm từ "website" vào câu lệnh hoặc nhắc đến @Sites để bắt đầu quy trình sites. Ví dụ: bạn có thể yêu cầu một bảng điều khiển yêu cầu dự án cho nhóm vận hành:

Câu lệnh:

Build a project request dashboard website for my operations team. Let team members submit requests, see who owns each one, update the status, and filter the list. Require people to sign in with their workspace account, and keep the request data saved between visits.

Bảng điều khiển chỉ là một ví dụ. Bạn có thể điều chỉnh quy trình sau cho trang web mình muốn xây dựng.

1. Mô tả trang web

   Cho ChatGPT biết trang web dành cho ai và bạn muốn mọi người làm gì. Chia sẻ các tài liệu hoặc dữ liệu cần thiết. Với bảng điều khiển yêu cầu, bạn có thể cung cấp các yêu cầu mẫu, người phụ trách và nhãn trạng thái.

2. Xem xét trang web

   Thử các thao tác bạn đã yêu cầu và đối chiếu nội dung, kết quả với tài liệu nguồn. Với bảng điều khiển, bạn có thể gửi yêu cầu, thay đổi trạng thái hoặc lọc theo người phụ trách. Xác nhận cách trang web sử dụng và lưu thông tin.

3. Tinh chỉnh trang web

   Cho ChatGPT biết bạn muốn thay đổi gì và chia sẻ ảnh chụp màn hình hoặc trang web tham khảo nếu hữu ích. Với bảng điều khiển, bạn có thể yêu cầu: “Đặt bộ lọc người phụ trách và trạng thái phía trên danh sách yêu cầu.”

4. Quản lý và chia sẻ trang web

   Quay lại sites để mở lại hoặc chỉnh sửa trang web. Trước khi xuất bản, hãy thực hiện các bước kiểm tra trước khi chia sẻ. Chọn những người có thể truy cập và kiểm tra liên kết đã xuất bản từ góc nhìn của khách truy cập mục tiêu.

Lưu bản ghi và tiến trình

Việc lưu một phiên bản trang web sẽ giữ lại nội dung, thiết kế và hành vi của trang web. Yêu cầu của khách truy cập, cập nhật trạng thái, tệp tải lên và tiến trình cá nhân cần có nơi lưu trữ riêng. Cho ChatGPT hoặc Codex biết cần lưu gì và ai được phép đọc hoặc thay đổi dữ liệu đó.

Với các bản ghi dùng chung hoặc cá nhân, hãy yêu cầu áp dụng các quy tắc truy cập trên máy chủ. Kiểm tra xem các cập nhật có còn được lưu sau khi tải lại hay không và dùng các tài khoản riêng để xác nhận quyền truy cập của từng người. Việc ẩn một nút không bảo vệ bản ghi bên dưới.

Với các tệp được cung cấp, hãy chỉ rõ trang web nên dùng bản sao hay cập nhật từ nguồn. Kiểm tra thời điểm thông tin được cập nhật lần cuối.

Để biết các tùy chọn lưu trữ và đăng nhập, xem Dữ liệu và kết nối.

Mẹo xây dựng trang web

• Sử dụng tài liệu nguồn của bạn. Đính kèm các tệp, liên kết, định nghĩa và công thức mà trang web cần sử dụng. Yêu cầu ChatGPT hoặc Codex chỉ ra thông tin còn thiếu thay vì tự điền vào.
• Mô tả trạng thái trống và trạng thái lỗi. Giải thích khách truy cập nên thấy gì khi tìm kiếm không có kết quả, biểu mẫu chưa hoàn chỉnh hoặc ứng dụng được kết nối không khả dụng. Cung cấp cách thử lại hoặc khắc phục vấn đề.
• Chia sẻ hình ảnh tham khảo. Đính kèm ảnh chụp màn hình hoặc liên kết đến một trang và chỉ ra các chi tiết bạn muốn sử dụng, chẳng hạn như thẻ nhỏ gọn hoặc vị trí tìm kiếm. Cung cấp màu thương hiệu, phông chữ hoặc hướng dẫn về văn phong nếu có.
• Lên kế hoạch cho điện thoại. Mô tả cách thẻ, bảng và biểu mẫu nên hiển thị vừa với màn hình hẹp. Kiểm tra xem thanh điều hướng, bộ lọc và các thành phần điều khiển trong biểu mẫu có còn dễ sử dụng mà không cần cuộn ngang hay không.
• Gắn nhãn dữ liệu mẫu. Nếu nội dung chính thức chưa sẵn sàng, hãy yêu cầu các bản ghi mẫu được gắn nhãn là ví dụ. Thay thế chúng trước khi chia sẻ trang web.
• Thay đổi từng phần cụ thể. Mỗi lần chỉ yêu cầu một thay đổi và nêu rõ những gì cần giữ lại. Ví dụ: di chuyển một bộ lọc mà không thay đổi các bản ghi đã lưu, quy tắc truy cập hoặc thao tác hiện có. Thử lại tương tác bị ảnh hưởng sau mỗi thay đổi.

Thư viện Sites giới thiệu các ứng dụng web mẫu bạn có thể xây dựng bằng Sites.

Câu lệnh mẫu

Với một trung tâm tài nguyên, hãy bắt đầu bằng câu lệnh ngắn:

Câu lệnh:

Build a resource hub website where project leads can search our kickoff resources by task. Use the resource list I attach. Save a version without deploying it so I can review it.

Bạn có thể mở rộng yêu cầu đó bằng các thao tác của khách truy cập, quy tắc tìm kiếm và tùy chọn thiết kế:

Câu lệnh:

Build a resource hub website for project leads preparing a kickoff. Use the resource list I attach, with its titles, descriptions, task labels, and source links.

Visitor actions:

- Choose a task, such as preparing an agenda.
- Search within that task's resources.
- Select a result to open its source link.

Search rules:

- When the search is empty, show all resources for the selected task.
- If no task is selected, show the full list.
- If there are no matches, offer a way to clear the filters and show the help contact from my list.
- Flag entries with missing titles or links for my review.
- Search filters can reset when the visitor returns.

Design preferences:

- Use a white background and dark text. Keep descriptions to one sentence, with a layout that works on a phone.
- If I provide a reference screenshot, use it for the search placement and compact resource cards.
- If I provide a brand guide, use its accent color.

Save a version without deploying it so I can review the layout and try the search.

Với một dự án hiện có, hãy yêu cầu ChatGPT kiểm tra tính tương thích và chuẩn bị để xuất bản:

Câu lệnh:

Deploy this project with sites. Check whether it is compatible, make any required changes, and give me the deployment URL.

Khi trang web cần ghi nhớ các bản ghi hoặc tệp tải lên, hãy nêu rõ điều đó trong yêu cầu:

Câu lệnh:

Add player scores and avatar uploads to this game. Keep the scores and uploaded avatars between visits.