무료 홈페이지 제작 시작점

무료 홈페이지,
지금 필요한 방식으로
바로 만드세요

사이트 전체를 시작할지, 필요한 화면만 만들지, 이미 있는 결과를 다듬을지부터 고르세요. 코딩 지식보다 어떤 결과가 필요한지가 먼저입니다.

  • 제작 도구 바로 열기
  • 4가지 시작 경로 비교
  • 비용 발생 지점 먼저 확인
CmsHom CodeBuilder에서 홈페이지를 제작하는 실제 작업 화면
첫 시작 추천 실제 CodeBuilder 화면 구성을 고르고 페이지를 만드는 시작점

02 / 시작 경로

내 현재 상태에 맞춰
도구를 고르세요

무료 홈페이지 빌더 하나로 모든 일을 해결하려 하지 않습니다. 처음 만들기, 코드 생성, 기존 화면 수정, 이미지 준비를 각 작업에 맞는 도구로 나누었습니다.

CodeBuilder의 실제 홈페이지 제작 화면
실제 시스템 화면 · CodeBuilder

처음부터 사이트 전체를 만들고 싶어요

CodeBuilder

홈페이지의 큰 구성을 고르고, 여러 페이지를 한 흐름으로 준비할 때 가장 먼저 여세요.

  • 전체 사이트 구성
  • 페이지별 내용 준비
  • 제작 결과 확인
CodeBuilder 열기
웹디자인 코드 스튜디오의 실제 코드 생성 화면
실제 시스템 화면 · 웹디자인 코드 스튜디오

필요한 화면과 코드를 만들고 싶어요

웹디자인 코드 스튜디오

업종·목적·필요한 구성을 설계서로 정리하고, 화면과 코드 결과를 연결해 만들 때 사용하세요.

  • 설계서 만들기
  • PC·모바일 결과 확인
  • ZIP 결과 내려받기
코드 스튜디오 열기
무료 웹디자인 에디터에서 화면을 편집하는 실제 작업 화면
실제 시스템 화면 · 무료 웹디자인 에디터

기존 화면을 직접 다듬고 싶어요

무료 웹디자인 에디터

준비한 화면을 불러와 내용과 배치를 다듬고, 여러 화면 크기를 확인한 뒤 필요한 형식으로 내보낼 때 적합합니다.

  • 드래그 편집
  • 화면 크기별 확인
  • HTML·PDF·PPTX 내보내기
무료 에디터 열기
이미지 에디터 Pro에서 제품 이미지를 조정하는 실제 작업 화면
실제 시스템 화면 · 이미지 에디터 Pro

홈페이지에 쓸 이미지를 준비하고 싶어요

이미지 에디터 Pro

사진을 불러와 크기·색감·선명도를 조정하고, 홈페이지에 맞는 이미지 형식으로 저장할 때 사용하세요.

  • 사진 조정
  • 크기·형식 변경
  • PNG·JPG·WebP 저장
이미지 에디터 열기

03 / 한 작업의 흐름

고르고, 만들고, 다듬고, 내보내세요

여러 도구는 따로 떨어진 상품이 아니라, 필요한 구간만 선택해 이어 쓰는 제작 작업대입니다.

  1. 01

    시작 방식 고르기

    전체 사이트인지, 한 화면인지 결과 범위를 먼저 정합니다.

  2. 02

    구성과 화면 만들기

    CodeBuilder 또는 코드 스튜디오에서 첫 결과를 준비합니다.

  3. 03

    문구·배치·이미지 다듬기

    무료 에디터와 이미지 에디터로 사용할 결과를 정리합니다.

  4. 04

    확인하고 내보내기

    PC·모바일 화면을 확인하고 제공되는 형식으로 결과를 내보냅니다.

04 / 비용 경계

무료로 하는 일과
선택할 때 비용 드는 일

‘무료 홈페이지’가 모든 선택지의 영구 무료를 뜻하지는 않습니다. 기본 제작과 편집을 먼저 시작하고, AI 실행·유료 템플릿·인터넷 공개는 필요할 때만 선택하세요.

먼저 시작하는 범위

기본 제작·편집 기능은 무료

  • 구성 선택과 초안 확인결과를 보며 다음 단계를 결정
  • 일반 편집과 화면 확인문구·배치·이미지를 직접 조정
  • 도구별 결과 내보내기각 도구가 안내하는 형식으로 저장

필요할 때 선택하는 범위

비용은 선택 시점에 나눠 확인

05 / 만들 수 있는 결과

작게 시작해도
쓸모 있는 페이지부터

개인 홈페이지 무료 시작부터 소상공인의 사업 소개, 포트폴리오, 한 상품을 설명하는 랜딩까지 필요한 범위로 시작할 수 있습니다.

  1. 01

    개인·포트폴리오

    자기소개, 작업물, 연락 방법을 한곳에 정리합니다.

  2. 02

    소상공인·사업 소개

    회사 개요, 서비스, 위치와 문의 경로를 준비합니다.

  3. 03

    제품·서비스 랜딩

    하나의 제안을 설명하고 다음 행동으로 연결하는 페이지를 만듭니다.

  4. 04

    행사·캠페인 안내

    일정, 핵심 내용, 신청 방법을 짧고 명확하게 보여줍니다.

06 / 만든 뒤의 선택

결과를 만든 뒤에
운영 방법을 고르세요

제작을 시작하는 일과 인터넷에 공개해 운영하는 일은 구분합니다. 먼저 결과를 확인한 뒤, 직접 계속할지 도움을 받을지 결정하세요.

07 / 자주 묻는 질문

무료 홈페이지 만들기,
시작 전에 확인하세요

무료 사이트 제작의 범위와 도구 선택, 공개 단계를 미리 정리했습니다.

무료 홈페이지는 정말 무료인가요?

기본 제작·편집 기능은 무료로 시작할 수 있습니다. AI 실행, 유료 템플릿, 인터넷 공개와 운영에 필요한 호스팅·도메인은 별도 조건입니다.

AI 무료 홈페이지 제작은 어디서 시작하나요?

사이트 전체를 만들려면 CodeBuilder를 먼저 권합니다. 필요한 화면과 코드만 만들려면 웹디자인 코드 스튜디오를 선택하세요.

개인 홈페이지를 무료로 시작할 때도 쓸 수 있나요?

네. 자기소개, 포트폴리오, 연락 방법처럼 필요한 내용을 작게 구성해 시작할 수 있습니다.

무료 홈페이지 빌더와 무료 웹디자인 에디터는 무엇이 다른가요?

CodeBuilder는 사이트 전체를 처음부터 준비할 때 적합하고, 무료 웹디자인 에디터는 이미 있는 화면의 문구·배치를 직접 다듬을 때 적합합니다.

무료 웹사이트를 만든 뒤 바로 인터넷에 공개되나요?

제작 결과와 인터넷 공개·운영은 다른 단계입니다. 실제 방문자가 접속하는 홈페이지로 운영하려면 호스팅이 필요하고, 내 주소가 필요하면 도메인을 별도로 준비합니다.

AI 기능도 모두 무료인가요?

아닙니다. 기본 수동 제작·편집과 AI 실행은 비용 구조가 다릅니다. AI 선택 기능을 실행하면 안내된 기준에 따라 통합 충전금에서 차감됩니다.

혼자 무료 사이트 제작을 하다 막히면 어떻게 하나요?

제작한 결과와 필요한 도움을 정리해 AI 전문 제작의뢰 상담으로 연결할 수 있습니다. 직접 할 부분과 도움받을 부분을 나눠 진행하세요.

READY WHEN YOU ARE

비용을 결정하기 전에,
만들 결과부터 확인하세요

전체 홈페이지가 필요하다면 CodeBuilder가 가장 빠른 첫 시작점입니다.

사이트 무료 제작 시작 4가지 도구 다시 비교하기
AI 상담원과 실시간 상담