쉽게 따라하는 나만의 홈페이지 제작하기

홈페이지를 통해 여러분은 어떤 목적을 실현하고 싶으신가요? 기업에게 홈페이지는 전세계 사람들에게
회사를 소개할 수 있는 장이며, 제품 전시실이며, 가상세계에 설치한 사무실이기도 합니다. 또한, 개인에게는
수억 명의 네티즌과 교감할 수 있는 소통의 장이며, 정보를 주고받을 수 있는 창구로서 역할을 합니다.
이렇게 온라인 상에서 중요한 가치를 지니는 만큼, 홈페이지 제작은 명확한 전략을 가지고 접근해야 합니다.

홈페이지 제작 순서 5step

  • 목적 설정
  • 아웃라인 구상
  • 제작 방법 결정
  • 도메인/호스팅
    신청
  • 유지 보수
    (퀄리티 높이기)

Step 1. 목적 설정: 어떤 종류의 홈페이지 제작할지 설정


  • 개인용-취미/홍보

    [20대 직장인 K씨]
    직장 외 여가 시간을 활용해
    내가 좋아하는 관심사나 사회적
    이슈에 대해 글도 올리고,
    일상 얘기도 풀면서 취미로
    홈페이지를 운영하고 싶다.

  • 기업용 – 소개/홍보

    [H사 인사팀 직원 L씨]
    1년 전 창업한 우리회사는 현재
    시장 반응이 꽤 좋은 편이다.
    아직 이렇다 할 회사 홈페이지가
    없어 회사소개, 사업영역, 비전,
    위치 등을 담은 홈페이지 제작이
    필요하다.

  • 쇼핑몰 – 판매

    [오프라인 B쇼핑샵 CEO]
    한남동/금호동에서 패션샵을
    운영 중인데, 시간이 안 되 직접
    방문하지 못하는 고객들을 위해
    온라인 쇼핑몰도 병행하며
    운영해볼까 한다.

  • 커뮤니티 – 정보 공유

    [A고등학교 졸업자 O씨]
    오랜 역사를 자랑하는 A고등학교 동문들은 사회에 나와서도 회사, 동호회 등 여러 방면으로 만남과 활동을 이어가고 있다.
    좀더 적극적인 활동 지원 및 정보 공유를 위해 동창회 커뮤니티 홈페이지를 운영하려고 한다.

  • 오락 – 게임/영화/음악

    [온라인 게임 창업 예정 B씨]
    대학 동아리 때부터 게임 창업에
    관심이 있었던 친구들과 함께
    온라인 게임을 개발했다.
    화려한 영상과 이미지, 그리고
    게임 운영을 할 수 있는 시스템이 갖춰진 홈페이지가 필요하다.

  • 교육 – 신청/동영상 강의

    [자격증 학원 운영자 A씨]
    직장인이나 바쁜 학생들을 위해
    온라인 강의를 오픈하려고 한다.
    오프라인 강의를 촬영해 업로드 하거나, 온라인 강의만을 위한 동영상 촬영 후 업로드하여 운영 할 수 있는 교육 전문 홈페이지가 필요하다.

Step 2. 아웃라인 구상: 홈페이지에 넣을 콘텐츠/기능/화면 구상

예시) 어떤 화면 모양에 어떤 내용이 들어갔으면 좋겠다!


  • 어떤 내용?

    • 주기적으로 공지할 공간이 필요한가?
      – 공지사항, 자유게시판 등
    • 텍스트, 이미지, 영상 삽입 필요한가?
      – 제품/서비스 기능 소개, 매뉴얼, 광고 등
    • 고객정보(DB)를 모을 것인가?
      – 회원 가입, 이벤트 모집, 샘플 체험 등
    • 커뮤니케이션이 필요한가?
      – 댓글, Q&A
    • 구매부터 결제 프로세스가 필요한가?
      – 신청, 예약, 장바구니, 결제, 주문, 배송 등 쇼핑몰 목적의 모든 홈페이지 해당
  • 어떤 화면?

    · 게시판형?  · 블로그형?   · 포트폴리오형?
    · 가격중심형?   · 정보나열형?

    cont01

Step 3. 제작 방법 결정: 어떤 방식으로 홈페이지 제작할지 결정


Step 4. 도메인 & 호스팅 신청


도메인+호스팅=홈페이지

도메인 + 호스팅 신청하기 >
(셀프 제작 툴(CMS)과 홈페이지 제작 업체에서 도메인/호스팅을 함께 제공하는 경우도 있으니 참고하세요!)

Step 5. 제작 중 유지보수: 홈페이지 퀄리티 높이기


  • cont03
    검색 엔진 최적화(SEO)
    내 홈페이지의 정보가
    검색이 잘 되도록

    방법확인

  • cont04
    웹 표준 지키기
    모든 기기와 브라우저에
    최적화된 화면을 위해

    방법확인

  • cont05
    웹 접근성 높이기
    장애인, 고령자 등
    모든 사용자를 위해

    방법확인

  • cont06
    보안(SSL 인증서)
    데이터 암호화와
    민감한 정보 보호를 위해

    방법확인


잠깐! 쉬운 홈페이지 제작은 가비아와 함께