STEP 01. ChatGPT로 홈페이지 기획하기
- 실습 목표
- 홈페이지의 목적과 콘텐츠를 정리하고 Codex에 전달할 제작 지시문을 작성합니다.
- 교육 시간
- 20분
- 수업에서 할 일
- · ChatGPT의 기본 사용법과 질문 작성법 익히기
· 홈페이지 주제, 방문 대상과 목적 정하기
· 메뉴와 주요 콘텐츠 구성하기
· 제작 자료를 모으고 Codex에 전달할 지시문 쓰기
나만의 홈페이지 기획안과 Codex 제작 지시문
홈페이지 제작 예시 보기1:1 맞춤 AI 교육내 업무에 바로 쓰는 120분 실습
실습 보기
ChatGPT로 아이디어를 기획하고, Codex로 직접 웹페이지를 만들어 보세요. 코딩이 처음이어도 참여할 수 있는 120분 1:1 실전 교육입니다. 만든 화면을 자기 노트북에서 직접 수정하고, 파일을 저장해 다시 열어 봅니다.
만들고 싶은 홈페이지가 있다면 기획부터 결과 확인까지 같은 주제로 함께 진행합니다.
ChatGPT 활용
만들고 싶은 홈페이지를 예로, 어떤 배경과 조건을 알려줘야 원하는 문구와 화면 구성이 나오는지 배웁니다.
기획 단계 보기코딩 없이 제작
HTML이나 CSS를 처음 접하는 분도, 자연어로 원하는 문구와 이미지 위치를 설명하고 화면이 바뀌는 과정을 볼 수 있습니다.
제작 단계 보기사업 아이디어 구체화
고객이 첫 화면에서 볼 내용을 직접 구성해 보고, 어떤 내용을 더 설명해야 할지와 향후 구축할 기능을 생각해 봅니다.
확인·수정 단계 보기ChatGPT로 홈페이지를 기획하고, Codex로 직접 제작하는 실전 교육입니다. 코딩을 몰라도 AI에게 원하는 내용을 설명하고, 생성된 웹페이지를 확인하고 수정하는 과정을 1:1로 실습할 수 있습니다.
1:1 맞춤 실습 · 총 120분 · ChatGPT + Codex
나만의 홈페이지 기획안과 Codex 제작 지시문
홈페이지 제작 예시 보기Codex로 직접 제작한 홈페이지 첫 화면 초안
다시 열어 수정할 수 있는 웹페이지 초안과 제작 지시문
120분 동안 만드는 결과물은 홈페이지 첫 화면 초안입니다. 실제 자료를 가져오실 때는 개인정보와 비공개 내용을 지워 주세요.
1:1 맞춤교육 신청아이디어를 설명하는 데서 출발해, 대상 고객과 첫 화면에 필요한 문구·메뉴·버튼을 지시문으로 정리합니다.
기획을 실제 화면으로 옮기고, 문구나 이미지 위치처럼 바꾸고 싶은 부분을 자연어로 요청합니다.
웹서비스를 20년 이상 개발·운영해 온 강사가 화면을 함께 보며, 경험에 맞춰 수정 방법을 안내합니다.
강사 소개
홈페이지와 웹서비스를 개발하고 운영해 온 강사가 수강생의 경험에 맞춰 ChatGPT 기획과 Codex 제작을 안내합니다.
만든 화면을 함께 보고 다음 수정 방법을 정리합니다.
누가 읽을지, 어떤 내용을 보여줄지, 방문자가 무엇을 해야 할지부터 적습니다.
필요한 화면과 요소, 모바일 배치와 버튼 동작을 제작 지시로 정리합니다.
소개 문구와 화면 순서를 정리한 뒤 자연어로 요청해 첫 화면을 만들어 봅니다.
바꿀 위치와 원하는 결과, 그대로 둘 부분을 구분해 수정 요청을 작성합니다.
미리보기에서 메뉴와 버튼을 눌러 보고, 좁은 화면에서 글과 카드 순서를 확인합니다.
만든 파일의 기본 구조와 다시 쓸 제작 지시문, 확인할 항목을 함께 정리합니다.
같은 홈페이지를 기획하고 만들어 본 뒤, 수업이 끝나도 직접 이어갈 수 있도록 수정 방법을 정리합니다.
먼저 만들 홈페이지의 목적과 방문자를 정합니다. 준비한 자료를 ChatGPT에 전달해 화면 순서와 제작 지시문을 만듭니다.
제작 지시문을 Codex에 입력하고 생성된 페이지를 엽니다. 실제 화면을 보며 제목, 이미지 영역, 메뉴와 배치를 수정합니다.
PC와 모바일에서 초안을 확인하고 추가 수정을 요청합니다. 자기 노트북에서 한 번 더 직접 수정한 뒤, 파일을 저장하고 다시 엽니다. 이후에도 쓸 제작 지시문을 정리합니다.
아이디어를 정리하고 원하는 결과를 얻을 수 있도록 질문과 제작 지시문을 작성합니다.
AI에 자연어로 요청해 웹페이지를 생성하고, 문구와 배치를 직접 수정하는 과정을 경험합니다.
저장한 홈페이지 초안 파일과 이후에 다시 쓸 제작 지시문을 정리합니다. 수업 중 직접 파일을 다시 열어 봅니다.
결과물의 범위와 완성도는 수강생의 수준과 실습 진행 상황에 따라 달라집니다. 교육에서 만드는 화면은 이후 수정과 확장에 사용할 초안입니다.
네. ChatGPT로 제작 지시문을 정리하는 방법부터 Codex에서 웹페이지를 만들고 수정하는 방법까지 강사와 1:1로 진행합니다.
기획 20분, 제작 65분, 확인·수정 35분입니다. ChatGPT로 구성을 정하고 Codex로 첫 화면을 만든 뒤, 직접 한 번 더 수정하고 저장한 파일을 다시 열어 봅니다.
만들고 싶은 홈페이지를 정해 기획부터 제작과 수정까지 이어서 실습합니다. ChatGPT에서 만든 지시문을 Codex에 전달하고, 나온 화면을 보면서 요청을 고칩니다.
네. 서비스 소개나 넣고 싶은 문구·이미지가 있으면 가져오세요. 개인정보와 비공개 정보는 지워 주세요. 준비한 자료가 없다면 실습용 예시를 사용할 수 있습니다.
직접 수정해 저장한 웹페이지 초안 파일과 다시 쓸 수 있는 제작 지시문을 가져갑니다. 저장한 파일을 혼자 다시 여는 방법도 실습하며, 결과물의 범위는 진행 상황에 따라 달라집니다.
수업 범위는 홈페이지 첫 화면의 제작과 수정입니다. 회원가입, 예약, 결제, 데이터베이스, 서버 구축과 실제 공개는 별도 작업입니다.
네. 온라인과 오프라인 모두 1:1로 진행할 수 있습니다. 신청 후 일정과 장소를 협의하며, 출장 교육은 방문 장소를 확인한 뒤 별도 출장비를 안내합니다.
네. 회원관리나 예약·결제처럼 실제 운영에 필요한 기능을 확인한 뒤, 별도 제작 범위와 비용을 안내합니다.
내 아이디어를 홈페이지 첫 화면으로 만들어 보세요.
1:1 맞춤교육 신청