브랜딩업 아임웹 리뉴얼 시안입니다. 기관 이름, 프로그램, 연락처는 모두 예시이며 자료를 받는 즉시 교체합니다. 오른쪽 아래 「제작 방식 보기」를 켜면 아임웹에서 어떤 기능으로 만드는지 섹션마다 표시됩니다.
아임웹 기본 헤더 · 메뉴 5개 · 검색 위젯(통합 검색 결과 페이지로 이동)
○○교육원※ 예시 기관명
기본 텍스트 + 이미지 위젯 · 숫자 카드는 커스텀 위젯(직원이 설정 패널에서 숫자 수정)

영유아 · 어린이 · 청소년 교육 프로그램

교육 프로그램 안내와 신청,
필요한 정보를 한곳에서 확인합니다

교육 일정과 모집 현황을 확인하고 온라인으로 바로 신청하실 수 있습니다. 기관 소개와 교육 소식도 같은 자리에서 찾아보세요.

흰 가운을 입은 아이들이 돋보기와 스포이트로 색색의 비커를 관찰하는 과학 실험 수업
8개이번 달 교육
5개모집 중
2개접수 예정

※ 예시 숫자. 직원이 설정 패널에서 직접 고칩니다.

커스텀 위젯 · 사진 3장과 교육 이름을 설정 패널에서 수정 · 카드는 대상별 분류 페이지로 이동
쇼핑 「상품 목록」 위젯 + 카테고리 탭 · 프로그램 = 상품, 정원 = 재고 · 정원이 차면 자동 품절(마감)

교육 일정 및 모집 현황

교육 일정 및 모집 현황

정원이 차면 자동으로 「모집 마감」 표시로 바뀝니다. 접수 예정 교육은 접수 시작일을 카드에 적어 둡니다.

※ 프로그램, 일정, 금액은 예시입니다

총 8개최신순이름순
  • 영유아

    오감 놀이 교실

    24개월부터 36개월12.02 ~ 12.23 매주 수요일 10:30정원 12명

    무료재료비 없음

    모집 마감
  • 영유아

    부모와 함께 블록 놀이

    4세부터 5세, 보호자 1인 동반12.05 ~ 12.26 매주 토요일 10:00정원 15명

    무료재료비 없음

    신청하기
  • 어린이

    과학탐구 교실 겨울 특별반

    초등 3학년부터 4학년12.29 ~ 01.09 화요일, 목요일 10:00정원 20명

    10,000원실험 재료비

    신청하기
  • 어린이

    겨울 미술 워크숍

    초등 1학년부터 2학년12.21 ~ 12.23 월요일부터 수요일 14:00정원 16명

    무료재료 제공

    신청하기
  • 어린이

    독서 토론 교실

    초등 5학년부터 6학년01.05 ~ 01.28 매주 화요일 16:00정원 14명, 접수 시작 12.15 10:00

    무료도서 대출 제공

    접수 예정
  • 청소년

    로봇 코딩 캠프

    중학 1학년부터 3학년12.28 ~ 12.30 월요일부터 수요일 13:00정원 18명, 노트북 대여

    20,000원키트 재료비

    신청하기
  • 청소년

    진로 탐색 특강

    고등 1학년부터 2학년01.10 토요일 14:00, 1회정원 40명, 접수 시작 12.20 10:00

    무료대강당

    접수 예정
  • 청소년

    영상 제작 교실

    중학 2학년부터 고등 1학년12.05 ~ 12.26 매주 토요일 13:00정원 12명, 4주 과정

    무료장비 대여

    신청하기

※ 예시. 프로그램을 쇼핑 상품으로, 정원을 재고로 등록하면 정원이 찼을 때 자동으로 마감(품절)됩니다. 교육 사진은 기관 활동 사진으로 교체합니다.

아임웹 입력폼 위젯 · 드롭다운 + 텍스트 + 연락처 + 동의 체크 + 제출 · 접수 내역은 관리자에서 확인

온라인 신청

온라인 교육 신청

보호자 이름과 연락처, 참여할 아이의 학년을 적어 주시면 접수 확인 연락을 드립니다.

  1. 1
    프로그램 선택드롭다운에서 신청할 교육을 고릅니다
  2. 2
    보호자 정보 입력이름과 연락처, 참여자 학년 또는 연령
  3. 3
    접수 확인 연락영업일 기준 1일 안에 확정 안내
안내 정원이 찬 교육은 직원이 드롭다운에서 지우거나 「마감」을 붙입니다. 대기 접수가 필요하면 기관 기준에 맞춰 대기 칸을 추가합니다.

교육 신청서

※ 시안이라 실제로 접수되지 않습니다. 수집 항목과 동의 문구는 기관 기준으로 교체합니다.

접수 후 영업일 기준 1일 안에 확인 연락을 드립니다.

아임웹 캘린더 위젯 · 일정마다 분류 색 지정 · 직원이 공개 화면에서 날짜를 눌러 일정 추가

월간 교육 일정

교육 일정

영유아 어린이 청소년 접수 시작 휴관

2026.12

※ 예시 일정. 휴대폰에서는 날짜마다 분류 색 점으로 줄여 보입니다.

게시판 위젯(갤러리형) · 교육 소식 게시판에 사진 글을 올리면 자동으로 뜸
게시판 위젯(목록형) · 중요 공지 상단 고정 · 게시판 검색 · 직원이 직접 등록
섹션 배경 사진 + 기본 텍스트 위젯 · 오시는 길은 지도 위젯

기관 소개

교육기관의 교육사업과 기관 정보를
효과적으로 전달합니다

○○교육원은 영유아부터 청소년까지 지역 아이들의 배움을 돕는 공공 교육기관입니다. 연간 운영 계획, 조직과 시설, 교육 실적을 기관 소개 페이지에서 확인하실 수 있습니다.

2009년개원
126개연간 운영 프로그램
4,800명연간 수강 인원

※ 수치와 소개 문구는 예시입니다. 기관 자료로 교체합니다.

오시는 길

주소
경기도 ○○시 교육로 12 ○○교육원 (우 12345)
전화
031-000-0000
운영 시간
평일 09:00 ~ 18:00 (점심 12:00 ~ 13:00)
토요일 09:00 ~ 13:00, 일요일과 공휴일 휴관
대중교통
지하철 ○○역 2번 출구에서 도보 7분
버스 11, 52, 720번 「○○교육원」 하차

※ 주소, 전화, 교통편은 예시입니다.

Header Code 보정 스크립트 (확대 허용 · 본문 바로가기 · 초점 테두리) + KWCAG 2.2 자가점검표 납품

웹 접근성

누구나 쉽게 이용할 수 있는 홈페이지로 만듭니다

교육기관은 장애인차별금지법상 웹 접근성 의무 대상입니다. 아임웹 기본 상태에서 걸리는 항목을 먼저 고치고, 납품 전 자가점검표로 확인한 결과를 함께 드립니다.

아임웹 기본 상태 (2026.11 실측)

  • 화면 확대가 막혀 있음 (최대 배율 1.0 고정)
  • 「본문 바로가기」 건너뛰기 링크 0개
  • 키보드 초점 테두리가 테마에 따라 안 보임
  • 사진 대체 글이 비어 있거나 파일명 그대로

아임웹 사이트 2곳의 HTML을 받아 확인한 결과입니다.

브랜딩업 보정 후

  • 확대 허용 viewport로 교체 (최대 500%까지)
  • 모든 페이지 첫 Tab에 「본문 바로가기」 표시
  • 초점 테두리 두 겹, 어두운 배경에서도 보임
  • 사진마다 뜻이 있는 대체 글을 업로드 때 작성

Header Code 스크립트 1개와 작성 지침으로 해결합니다.

  • KWCAG 2.2 자가점검표한국형 웹 콘텐츠 접근성 지침 33개 항목을 페이지별로 점검해 표로 납품
  • 화면 확대 허용휴대폰에서 두 손가락 확대, PC에서 글자 200% 확대 시 가로 넘침 없음
  • 본문 바로가기이 시안에서도 Tab 키를 한 번 누르면 왼쪽 위에 나타납니다
  • 키보드 이동메뉴, 분류 탭, 신청 버튼, 입력폼까지 마우스 없이 순서대로 이동
  • 320px까지 확인320, 390, 768, 1440 네 폭에서 가로 넘침 0, 버튼 글자 줄바꿈 0 확인
  • 명도 대비 AA본문 4.5:1 이상. 남색과 교실 색 3개, 안내 배지 모두 확인

서비스 범위: Header Code 보정과 자가점검표 납품까지입니다. 아임웹이 직접 그리는 화면(로그인, 게시판 내부 등)은 코드를 바꿀 수 없어 웹 접근성 인증마크 획득은 약속하지 않습니다. 인증이 필요하면 상담 때 범위를 따로 정합니다.

아임웹에서 이렇게 만듭니다

컨셉: 남색 현판, 밝은 교실 셋공공기관의 신뢰를 주는 남색 하나에 영유아(주황) 어린이(초록) 청소년(보라) 보조색 셋. 글꼴은 Pretendard 하나, 숫자는 IBM Plex Mono.

기본아임웹 기본 위젯 (에디터에서 바로 수정)
커스텀브랜딩업 제작 커스텀 위젯 (설정 패널로 수정)
게시판·폼·쇼핑아임웹 전용 기능 (관리자에서 관리)
코드Header Code 보정 스크립트