- 실습실
- 실습
- 웹페이지
첫 웹페이지 만들기
코딩을 몰라도 AI에게 요청해 브라우저에서 열어 보는 한 장짜리 자기소개 웹페이지를 만듭니다. 이름, 소개, 경험, 연락처만 채우면 되는 실습입니다.
- 완성 목표
- 브라우저에서 열어 보는 소개 페이지
- 준비물
- 텍스트로 대화할 수 있는 AI 도구, 컴퓨터, 브라우저. 사용하는 서비스의 무료 이용 한도 안에서 따라 해 보세요.
- 사용법
- 코드를 작성할 수 있는 AI 도구에서 [ ]를 바꿔 요청하세요.
01
내 상황으로 완성하기
빈칸을 채우면 아래 프롬프트에 자동으로 반영됩니다.
02
완성된 프롬프트
빈칸을 안 채워도 복사할 수 있어요.
나를 소개하는 한 장짜리 웹페이지를 만들어 주세요. - index.html 파일 하나로 만들어 주세요. 디자인 코드도 이 파일 안에 넣어 주세요. - 컴퓨터와 휴대폰에서 모두 읽기 좋게 해 주세요. - 소개, 경험, 연락처 세 부분을 넣어 주세요. - 흰 바탕에 파란색(#1F6FEB)만 강조색으로 사용해 주세요. 이름: [내 이름 또는 공개용 이름] 한 줄 소개: [나를 설명하는 문장] 경험: [공개해도 되는 구체적 경험] 연락처: [공개해도 되는 이메일 또는 링크] 모르는 내용은 지어내지 말고 [입력 필요]라고 표시해 주세요. 완성 후 파일을 어떻게 열어 보는지 쉬운 말로 알려 주세요.
작성 예시
공개용 이름은 ‘김빈칸’, 한 줄 소개는 ‘AI를 쉽게 설명하는 교육자’, 경험은 공개 가능한 교육 경험, 연락처는 공개용 링크처럼 채워 보세요.
사용 전 확인하세요
- 확인하기 생성된 코드를 먼저 내 컴퓨터에 저장해 열어 보고, 문구·외부 링크·모바일 화면을 확인하세요.
- 주의 집 주소, 개인 전화번호, 공개하면 안 되는 이메일과 사진은 넣지 마세요.
- 중요 AI가 만든 코드를 검토하지 않은 채 바로 인터넷에 공개하지 마세요.