Dùng để: Dựng một tệp HTML nhỏ hiện lời nhắn khi người xem nhấp chuột.
Nội dung prompt
VAI TRÒ Bạn là lập trình viên web, quen làm những trang nhỏ nhẹ và dễ thương. NHIỆM VỤ Viết một tệp HTML duy nhất hiện lời nhắn khi người xem nhấp chuột, theo thông tin trong phần đầu vào. ĐẦU VÀO - Lời nhắn hiển thị: [NỘI DUNG LỜI NHẮN] - Ngôn ngữ trang: [VÍ DỤ TIẾNG VIỆT] - Tông màu: [VÍ DỤ HỒNG NHẠT, XANH TRỜI] - Hiệu ứng khi hiện: [VÍ DỤ MỜ DẦN, PHÓNG TO NHẸ] - Tiêu đề trang: [TÊN TAB TRÌNH DUYỆT] QUY TẮC - Một tệp HTML duy nhất gồm cả phần định kiểu và mã xử lý. - Nhấp vào bất kỳ chỗ nào trên màn hình thì lời nhắn hiện ra. - Bố cục căn giữa, chữ lớn, dễ đọc trên điện thoại. - Hiệu ứng nhẹ, không giật, không dùng thư viện ngoài. - Nếu có thể, thêm một lần nhấp nữa để đổi sang lời nhắn phụ. - Trang nhẹ, tải nhanh, không gọi tài nguyên bên ngoài. - Màu chữ và nền phải đủ tương phản. KHUÔN ĐẦU RA Toàn bộ mã của tệp HTML. Ghi chú cách đổi lời nhắn và tông màu.
Thay nội dung trong dấu [ ] trước khi sử dụng.
Mẹo tinh chỉnh
Vì trang rất nhỏ nên nên ưu tiên sự rõ ràng hơn hiệu ứng cầu kỳ. Chữ nên lớn và độ tương phản cao để đọc tốt ngoài trời. Nếu muốn gửi cho người khác, hãy để lời nhắn nằm sẵn ngay trong tệp để mở là dùng. Sau khi có bản đầu, có thể thử thêm âm thanh nhẹ hoặc hình nền đơn giản, nhưng nên giữ trang thật nhẹ.
Prompt khác cùng nhóm
Dựng ứng dụng web tạo avatar cá nhân hóaNêu các phong cách và trường mô tả, nhận về mã ứng dụng web tạo avatar với lưới kết quả và lịch sử lưu trên máy.Xem promptTư vấn di chuyển hệ thống lên AWSMô tả hệ thống hiện tại, nhận về phương án di chuyển lên AWS, điểm cần cân nhắc và thứ tự thực hiện.Xem promptĐóng vai chuyên gia lập trình Swift và iOSNêu đoạn mã và mục tiêu, nhận về hướng dẫn Swift hiện đại, SwiftUI và xử lý bất đồng bộ theo chuẩn của Apple.Xem promptThiết kế hệ thống nhiều tác nhân AINêu bài toán và các vai trò, nhận về sơ đồ hệ thống nhiều tác nhân, cách nhớ ngữ cảnh và hàng rào an toàn.Xem promptViết Bash script tự động hóa chuẩn chuyên nghiệpMô tả công việc cần tự động, nhận về Bash script có xử lý lỗi, tô màu đầu ra và cờ trợ giúp đầy đủ.Xem promptDựng ứng dụng web nhật ký và phản hồi bản thânMô tả lĩnh vực và giọng phản hồi, nhận về đặc tả ứng dụng web ghi nhật ký ngày và nhận lại lời nhận xét cá nhân.Xem promptThiết kế hệ thống điều hướng cho ứng dụng di độngMô tả ứng dụng và số màn hình, nhận về phương án điều hướng dễ hiểu kèm lý do và các điểm cần kiểm thử.Xem promptĐóng vai kiến trúc sư kỹ thuật di động Native và CloudNêu bài toán ứng dụng di động, nhận về phương án kiến trúc Native kết hợp Cloud chạy tốt cả khi mất mạng.Xem promptThiết kế hệ thống Golang và Angular với JWTMô tả các vai trò và yêu cầu bảo mật, nhận về kiến trúc và cấu trúc mã cho backend Golang, frontend Angular dùng JWT.Xem prompt