Hướng dẫn tự thiết kế website Portfolio bằng Claude

Thứ hai - 26/10/2026 22:56

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

Hướng dẫn thiết kế trang 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.

Nội dung thiết kế website Portfolio trên Claude

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.

Giao diện website Portfolio trên Claude

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.

Giao diện website Portfolio trên Claude

Nguồn tin: Quantrimang.com

Tổng số điểm của bài viết là: 0 trong 0 đánh giá

  Ý kiến bạn đọc

Trợ giúp

Thông tin liên hệ

Lưu niệm
THỐNG KÊ TRUY CẬP
  • Đang truy cập26
  • Máy chủ tìm kiếm5
  • Khách viếng thăm21
  • Hôm nay5,931
  • Tháng hiện tại2,252,167
  • Tổng lượt truy cập23,328,927
QUẢNG CÁO
Phan Thanh Phú
Quảng cáo 2
Liên kết site
Đăng nhập Thành viên
Hãy đăng nhập thành viên để trải nghiệm đầy đủ các tiện ích trên site
Thăm dò ý kiến

Bạn thấy Website cần cải tiến những gì?

Lịch Âm dương
Máy tính
Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây