내 소개 페이지를 만들고 브라우저로 열어요
내 이름과 이야기, 내가 한 일을 담는 첫 홈페이지.
사진과 작업 사례가 들어 있는 HTML 파일 하나예요. 압축을 풀거나 프로그램을 설치하지 않아도 돼요.
PC와 ChatGPT 계정으로 연습해요. 로그인이나 사용 한도 안내가 나오면 멈춰도 괜찮아요. 결제할 필요는 없어요. 실제 아이폰 제작은 아직 확인하지 않았어요.
01완성된 틀에 내 소개를 넣어요
시작 파일을 받아 ChatGPT 새 대화에 첨부하세요. 사진을 따로 올릴 필요는 없어요.
디자인을 길게 설명하지 않아도 괜찮아요. 이름과 영문 표기, 짧은 소개만 부탁해 보세요.
첨부한 홈페이지의 이름을 메뉴와 작업 상세까지 모두 바꿔 줘. 한글은 홍길동, 영문은 HONG GILDONG, 이니셜은 HG야. 첫 화면 소개는 '작은 브랜드의 시작을 디자인합니다.'로 바꿔 줘. 사진과 작업, 디자인과 기능은 그대로 두고 HTML 파일 하나를 내려받게 줘.
홍길동과 hello@example.com은 가상 정보예요. 실제 집 주소나 전화번호는 넣지 않아요.
02내 이름이 들어간 홈페이지를 열어요
답변의 HTML 파일을 내려받아 두 번 클릭하세요. 내 이름과 소개를 확인하고, 메뉴와 작업 상세에도 이름이 바뀌었는지 살펴보세요.
완성된 틀을 내 것으로 바꾼 거예요. 빈 화면부터 코드를 작성한 수업은 아니에요.
소개 문구를 한 번 더 바꾸고 싶다면
마음에 들지 않는 부분만 같은 대화에서 말하세요. 이 요청도 실제로 보내 확인했어요.
첫 화면 이름 아래에 보이는 소개를 '작은 브랜드의 이야기를 함께 만듭니다.'로 바꿔 줘. 나머지는 그대로 두고 HTML 파일 하나로 줘.
HTML 파일이 없거나 열리지 않는다면
설명 말고, 수정한 홈페이지를 내려받을 수 있는 HTML 파일 링크로 줘.
다운로드 폴더에서 .html로 끝나는 파일을 찾아 브라우저로 여세요. .html.txt라면 메모장에서 파일 형식을 ‘모든 파일’로 바꿔 .html로 저장하세요. 암호나 개인정보를 요구하는 파일은 실행하지 마세요.
한도 안내가 나오거나 답변이 멈춘다면
한도 안내가 나오면 잠시 기다려도 괜찮아요. 다른 대화는 잘 된다면 새 대화에 시작 파일을 다시 첨부하고 같은 요청을 한 번 보내 보세요. 그래도 안 되면 멈추세요. 결제하거나 계속 재시도할 필요는 없어요.
내 페이지로 쓰거나 다른 사람에게 보여 주려면
사진과 작업은 연습용이에요. 실제로 쓰려면 내가 사용해도 되는 사진, 내 작업과 공개해도 되는 연락처로 바꾸세요. 이력이나 수상 경력을 지어 넣지 않아요.
메일 링크는 기기의 메일 앱을 열 뿐, 홈페이지에서 바로 전송하지 않아요. 예시의 주소로 실제 문의를 보내지는 마세요.
HTML 파일을 나누면 상대도 열어 볼 수 있어요. 내 컴퓨터에서 여는 것과 인터넷에 홈페이지를 공개하는 것은 달라요. 온라인 공개와 도메인 연결은 이 수업에 포함하지 않아요.
내 이름과 소개가 보이고, 작업 상세와 연락 메뉴가 열리면 완성이에요.