Thông tin liên hệ
- 036.686.3943
- admin@nguoicodonvn2008.info
Bạn muốn CV xin việc của mình chuyên nghiệp hơn, mới mẻ hơn với nhà tuyển dụng nhưng chưa biết thay đổi như nào? Một ý kiến hay mà bạn có thể thử đó là thiết kế website Portfolio với đầy đủ thông tin về mình, từ CV, kỹ năng và các dự án cá nhân.
Claude sẽ hỗ trợ bạn thiết kế trang web portfolio thông qua câu lệnh mà chúng ta mô tả, với đầy đủ thông tin về bạn bằng giao diện mà bạn muốn thiết kế. Dưới đây là hướng dẫn chi tiết tự thiết kế website Portfolio trên Claude
Bước 1:
Để trang web portfolio đầy đủ thông tin về bạn thì chúng ta cần có những thông tin dưới đây:
Định hướng Portfolio: Xác định ngành nghề hoặc vị trí muốn ứng tuyển để lựa chọn phong cách thiết kế phù hợp.
Nội dung giới thiệu: Tóm tắt bản thân, kinh nghiệm và thế mạnh chuyên môn trong vài câu.
Dự án muốn trình bày: Chọn những sản phẩm tiêu biểu và ghi rõ mục tiêu, vai trò của bạn cùng kết quả đạt được nếu có.
Phong cách giao diện mong muốn: Tham khảo một website bạn thích hoặc xác định màu sắc, bố cục và phong cách thiết kế muốn sử dụng.
Hãy chuẩn bị bản mô tả thông tin về bạn để Claude có thể triển khai trang web đầy đủ thông tin.
Bước 2:
Tiếp đến bạn nhập câu lệnh dưới đây vào khung chat trên Claude. Phần thông tin cá nhân, giao diện muốn thiết kế có thể thay đổi lại theo yêu cầu của bạn.
Hãy tạo cho tôi một website Portfolio cá nhân gồm một trang duy nhất, được lưu trong một tệp HTML.
Toàn bộ mã HTML, CSS và JavaScript phải nằm trong cùng một tệp. Không sử dụng framework và không sử dụng hình ảnh bên ngoài.
Thông tin cá nhân
Họ tên: Trần Quốc Bảo
Chức danh: Front-end Developer
Giới thiệu bản thân: Tôi yêu thích xây dựng giao diện web hiện đại, có tính tương tác cao và thân thiện với người dùng.
Kỹ năng: HTML, CSS, JavaScript, React, Git.
Email: quocbao@example.com
GitHub: https://github.com/
LinkedIn: https://www.linkedin.com/
Yêu cầu thiết kế:
Giao diện hiện đại theo phong cách công nghệ, sử dụng nền tối và một màu nhấn nổi bật như tím neon hoặc xanh cyan.
Bao gồm các phần: Trang giới thiệu nổi bật, Giới thiệu bản thân, Dự án hiển thị dưới dạng thẻ, Kỹ năng và Liên hệ.
Website phải hiển thị tốt trên điện thoại di động.Sau khi hoàn tất, Claude sẽ hiển thị bản xem trước trang web ở cạnh phải giao diện.

Bạn có thể xem trước những gì Claude đã xây dựng, từng mục thông tin đã chính xác chưa. Nếu có phần nào cần thay đổi thì bạn nhập câu lệnh kèm mô tả chi tiết thay đổi để Claude để tiến hành tạo website mới.

Cuối cùng chúng ta tiến hành tải file xuống dạng HTML để mở như bình thường.

Nguồn tin: Quantrimang.com
Ý kiến bạn đọc
Những tin mới hơn
Những tin cũ hơn
Cách tắt app chạy ngầm Windows 11, giảm ngốn RAM trên Win 11
Câu nói hay nhất về tháng 11, chào tháng 11
TOP công cụ AI tạo tài liệu tốt nhất
Cách xây dựng plugin trong ChatGPT
Hướng dẫn tự thiết kế website Portfolio bằng Claude
5 thiết kế ChatGPT + Canva đáp ứng hầu hết các nhu cầu trong cuộc sống
Những công cụ AI tốt nhất giúp giải toán dễ dàng
Hướng dẫn kết nối Booking.com với ChatGPT lên kế hoạch du lịch
15 prompt Gemini tạo ảnh sinh nhật đẹp nhất
Cách tắt bộ nhớ an toàn trên Messenger
Hướng dẫn kết nối Claude với Figma thiết kế giao diện website
Hướng dẫn sử dụng Canva Grow tạo quảng cáo với AI
TOP phần mềm quay màn hình có hỗ trợ AI
Khóa chat trong ChatGPT: cách bật mã PIN, mở khóa và những giới hạn cần biết
4 lầm tưởng về AI trong công việc và cách kiểm chứng
Mẹo giao việc nhiều bước cho ChatGPT Agent và kịch bản bạn có thể thử
Những lời chúc đầu tuần hay cho cả 7 ngày may mắn
ChatGPT Dots là gì? Cách hoạt động, giá và những điều cần cân nhắc
Karaoke Khóc (Midi)
TOP công cụ AI viết truyện ma, truyện kinh dị hay nhất
Hướng dẫn cài đặt và sử dụng n8n trên Windows 11
Cách lập trình chuyên nghiệp hơn, dễ dàng hơn với tính năng Tệp trên Grok
Công thức tính diện tích hình Elip
Hướng dẫn ngắt kết nối ứng dụng trên ChatGPT
Hướng dẫn tạo đoạn hội thoại cho topic trên Twee
Bức tranh tổng quan về hỗ trợ khách hàng tích hợp AI
Cách sửa lỗi There Are Currently No Power Options Available Windows
Claude Code thực sự có giá bao nhiêu?
Hướng dẫn 8 cách mở bàn phím ảo trên Windows 10
Hướng dẫn tạo flashcard trên Canva AI