홈페이지 제작 방법은 크게 세 가지로 나눌 수 있습니다. 홈페이지 빌더로 만들기, HTML로 직접 짜기, 업체에 맡기기입니다. AI는 따로 떨어진 넷째 길이 아니라 앞의 두 길 안에서 쓰는 도구입니다.
빌더는 템플릿을 고르고 화면에서 고쳐 게시하는 서비스이고, 직접 짜는 길은 MDN 학습 문서가 처음부터 안내합니다. 2026년 10월 21일에 Google Sites·Wix 도움말, MDN, 과학기술정보통신부 표준계약서를 직접 읽고 길마다 할 일을 정리했습니다.
1. 홈페이지 제작 방법, 무엇이 있나요?
세 가지입니다. 직접 만들려면 빌더나 HTML 가운데 하나를 고르고, 만들 시간이 없으면 업체에 맡깁니다. 어느 서비스가 몇 위인지 같은 공식 순위·점유율 통계는 확인되지 않아 이 글에 적지 않았습니다.
- 홈페이지 빌더: 템플릿을 고르고 글과 사진을 바꿔 게시합니다
- HTML 직접 작성: 코드로 화면을 짜고 호스팅에 올립니다
- 업체에 맡기기: 만들 범위를 문서로 정하고 계약합니다
어느 길이든 목적, 올릴 글과 사진, 문의 창구는 먼저 정해야 합니다. 시작 전 준비물은 홈페이지 만들 때 필요한 것, 체크리스트 8가지에 따로 모았습니다.
2. 빌더로 만들기, 템플릿 고르고 게시까지
홈페이지 빌더는 코드 대신 화면에서 템플릿을 고르고 글과 사진을 바꿔 사이트를 만드는 서비스입니다. Google Sites 고객센터는 만드는 순서를 이렇게 적었습니다.
- 컴퓨터에서 Google Sites를 엽니다
- 상단의 '새 사이트 시작' 아래에서 템플릿을 선택합니다
- 사이트를 수정합니다
- 오른쪽 상단에서 게시를 클릭합니다
MDN 게시 문서도 Google Sites와 WordPress를 무료 서비스의 예로 듭니다. 기능 범위는 제한될 수 있지만 처음 실험하기에는 충분하다고 적었습니다.
소개·연락처·문의 정도가 필요한 홈페이지라면 빌더로 먼저 만들어 보는 편이 부담이 적습니다. 서비스마다 무료 범위와 자체 도메인 연결 조건이 달라, 고를 때는 공식 요금표부터 봅니다.
3. HTML로 직접 짜기, 세 가지 언어와 올릴 곳
직접 짜는 길은 MDN의 「Your first website」 과정이 처음부터 안내합니다. 웹 기술을 전혀 모른다고 가정하고 시작하며, 처음에는 작게 시작하라고 권합니다.
"You won't build another Facebook right away, but it's not hard to make your own simple website online, so we'll start there."
풀면 페이스북 같은 서비스를 바로 만들 수는 없지만, 간단한 내 웹사이트를 온라인에 올리는 일은 어렵지 않다는 뜻입니다.
MDN 설명에 따르면 HTML은 화면의 뼈대와 내용을, CSS는 색과 배치 같은 모양을, 자바스크립트는 버튼을 눌렀을 때의 반응 같은 움직임을 맡습니다.
다 짠 파일은 인터넷에 올려야 남이 볼 수 있습니다. MDN은 대부분의 전문가·기업이 웹 호스팅(파일을 올려 두는 서버 공간)과 도메인(주소)을 산다고 설명합니다. 무료로 올리는 법은 깃허브로 웹사이트 무료 배포하기에 정리했습니다.
4. AI는 두 길 안에서 씁니다
빌더 쪽에는 AI가 첫 화면을 대신 만들어 주는 기능이 있습니다. Wix 고객센터는 AI 사이트 빌더의 질문에 답하면 비즈니스 정보를 바탕으로 디자인과 콘텐츠를 생성한다고 안내합니다.
아임웹은 2025년 9월 23일 업데이트 공지에서 AI 웹빌더를 소개했습니다. 컨셉 한 줄을 입력하면 사이트 이름·주소·메뉴·디자인을 제안하고, 만든 디자인은 「디자인 모드」에서 고친다고 적었습니다.
HTML 쪽에서는 AI 코딩 도구에 말로 시켜 코드를 짜게 할 수 있습니다. 도구별 요금과 차이는 AI 코딩 도구 총정리에 있습니다.
두 경우 모두 AI가 만든 결과는 초안입니다. Wix도 생성한 뒤 필요에 따라 조정하거나 다시 생성하라고 안내합니다. 글과 연락처가 맞는지는 사람이 확인해야 합니다.
5. 업체에 맡기기, 과업내용서부터
직접 만들 시간이 없으면 업체에 맡깁니다. 과학기술정보통신부는 민간 발주자와 SW사업자 사이 계약에 활용할 수 있는 표준계약서 4종을 배포했습니다. 홈페이지를 새로 만드는 일이라면 그중 「정보시스템 개발구축 사업 표준계약서」를 참고할 수 있습니다.
이 계약서의 출발점은 과업내용서입니다. 이름과 상관없이 맡기는 쪽과 만드는 쪽이 최종 합의한 일의 범위를 적은 문서이고, 나중에 일이 바뀔 때의 기준이 됩니다.
업체 고르는 법, 계약서 조항, 비용 항목은 홈페이지 제작 외주, 맡기기 전 총정리에서 이어집니다.
6. 내 상황에 맞는 길 고르는 법
세 길은 시간, 손댈 범위, 앞으로 누가 고칠지로 갈립니다. 아래 셋 중 내 상황에 가까운 줄을 고르면 됩니다.
- 당장 소개 페이지가 필요하고 내가 고치고 싶다 → 빌더(필요하면 AI 초안)
- 화면을 마음대로 짜고 싶고 배울 시간이 있다 → HTML 직접 작성
- 예약·결제처럼 기능이 많고 만들 시간이 없다 → 업체에 맡기기
어느 길이든 다 만든 뒤 글과 연락처를 누가 고칠지 먼저 정해 두면 길을 고르기가 쉬워집니다.
이 블로그를 운영하는 AiApp에서는 만들고 싶은 홈페이지를 말로 설명하면 AI가 기획서를 쓰고 화면과 기능을 만듭니다. 업종별 템플릿에서 시작해 클릭 한 번으로 실제 주소에 공개하고, 직접 만들기 어려우면 견적 페이지에서 맡길 때의 비용을 먼저 볼 수 있습니다.
이 묶음의 다른 글에서 길마다 더 자세히 다룹니다. 코딩이 정말 필요한지는 홈페이지 만들기 코딩, 꼭 배워야 할까?에서, AI로 혼자 만들 수 있는지는 홈페이지 만들기 AI, 정말 혼자 될까?에서 봅니다.
빌더를 고르려면 홈페이지 제작 사이트 순위? 고르는 기준과 무료 홈페이지 만들기 사이트, 비교해 보니를 보세요.
직접 따라 하려면 구글 무료 홈페이지 만들기, 사이트 도구로, 개인 사업자 홈페이지 만들기, 어디서 시작할까?, 홈페이지 만들기 html, AI로 한 장 짜기를 이어서 읽어 보세요.
무료로 회사 홈페이지를 열 때 놓치기 쉬운 것은 무료 회사 홈페이지 만들기, 놓치는 것에 정리했습니다.
참고자료 (모두 2026년 10월 21일 확인)
- Google 사이트 도구 고객센터 「Google Sites 사용 방법」 — support.google.com/sites
- MDN 「Your first website」·「Publishing your website」 — developer.mozilla.org
- Wix 고객센터 「Wix 에디터: AI 생성 사이트 제작하기」 — support.wix.com
- 아임웹 블로그 「컨셉 한 줄로 5분만에 웹사이트 완성! | 9월 업데이트 소식」 — imweb.me/blog
- 과학기술정보통신부 SW 표준계약서 보도자료·「정보시스템 개발구축 사업 표준계약서」 — msit.go.kr
#홈페이지제작방법 #홈페이지만들기 #홈페이지빌더 #HTML #홈페이지외주
