AI로 5분만에 홈페이지 만들고 수정하는 방법
-
1
홈페이지 자동 빌더에 접속합니다.
mypr.kr/home/make/ 바로가기 -
2
아이디 + 비밀번호로 로그인합니다.
-
3
챗GPT에 접속합니다.
chatgpt.com 바로가기 -
4
홈페이지 만들기 화면의 HTML 코드 요청 프롬프트 예시를 참고해 전체 HTML 코드를 요청합니다.
-
5
완성된 HTML 코드 우측의 복사 버튼을 눌러 전체 코드를 복사합니다.
-
6
홈페이지 제목, 홈페이지 주소(URL), 3. 본문(html 코드)에 복사한 코드를 붙여넣습니다.
-
7
홈페이지 만들기/미리보기 버튼을 눌러 저장하고 결과를 확인합니다.
-
8
수정이 필요하면 만든 홈페이지를 보며 수정사항을 메모하고, 챗GPT에 수정요청 예시 문장으로 다시 요청합니다.
-
9
새로 받은 전체 HTML 코드를 기존 본문에 교체하고 다시 저장합니다.
-
10
마스터 관리자는 내 홈페이지에서 공개/비공개를 선택해 방문자에게 보여줄 항목을 관리합니다.
기존 홈페이지 제작과정
일반적인 홈페이지 제작은 상담부터 기획, 견적, 디자인, 개발, 검수, 배포까지 여러 단계를 거치며, 각 단계마다 자료 전달과 수정 커뮤니케이션이 필요합니다.
-
1
상담 및 요구사항 정리
업종, 목적, 필요한 메뉴, 참고 사이트, 예산과 일정을 정리합니다. -
2
견적 산정 및 계약
페이지 수, 디자인 범위, 기능 개발 여부에 따라 견적을 받고 계약을 진행합니다. -
3
자료 수집
로고, 사진, 회사 소개, 서비스 설명, 연락처, 상담 문구 등 제작에 필요한 자료를 전달합니다. -
4
기획안 및 화면 구성
메뉴 구조, 섹션 순서, 주요 문구와 전환 버튼 위치를 정합니다. -
5
디자인 시안 제작
디자이너가 메인 화면과 주요 섹션의 시안을 만들고 색상, 분위기, 이미지 톤을 확정합니다. -
6
퍼블리싱 및 개발
확정된 디자인을 HTML, CSS, JavaScript로 구현하고 반응형 화면을 개발합니다. -
7
검수 및 수정
PC와 모바일에서 문구, 이미지, 버튼, 링크, 상담 동선을 확인하고 수정 요청을 반영합니다. -
8
도메인/호스팅 연결
서버에 파일을 업로드하고 도메인, SSL, 기본 보안 설정을 연결합니다. -
9
오픈 및 유지보수
오픈 후 문구 변경, 이미지 교체, 이벤트 페이지 추가 등 유지보수 요청을 별도로 진행합니다.
▶ 사용방법 영상으로 보기