디자인학원 봄아카데미
 | 
Web Publisher Training Course

교육기간
교육시간
강       사
모집인원
수  강  료

|  2017년 1월 16일~2017년 5월 25일
|  주 4일(월~목) 13:10~18:10
|  정을수, 백경찬
|  20명(선착순 모집)
|  전화 문의

수강 신청


강의 개요   |   수강 대상   |   주요 특징   |   커리큘럼   |   강사 소개   |   포트폴리오   |   진로분야   |   FAQ   |   수강 후기   |   수강 안내
강의에
들어가며
이제 코딩으로 스펙업!
디자인과 기술의 경계를 넘어라
본 강의는 단순한 속성 위주의 강의가 아닙니다.
깊이 있고 폭넓은 이해와 시야를 바탕으로 체계적이고 단계적인 훈련을 통해
실무에서도 응용 할 수 있는 참 능력이 되도록 하는 것이 목표입니다.
아는 것 VS 할 수 있다는 것
어? 코딩 좀 할 줄 아네! 빈틈 없는 코딩 실력으로 전문성을 높이고 취업 분야를 넓혀주는 봄아카데미의 교육과정
웹표준을 가르치는 곳은 많습니다.
그러나 체계적인 커리큘럼으로 수강생이 차근차근 배워나가는 즐거움을 누릴 수 있는 곳은 많지 않습니다.
봄아카데미의 웹퍼블리셔 양성 과정은 빈틈 없는 코딩 능력을 갖춤으로써 업무의 전문성을 높이고
취업 분야를 넓혀주는 것을 교육 목표로 삼고 있습니다
본 과정은 고용노동부에서 주관하는 국가기간·전략산업 직종훈련 과정(이하 국기 과정)으로
수강료 전액을 정부에서 지원합니다.
약 3.5개월 동안 생각한 것을 웹상으로 구현할 수 있는 코딩 기술을 배워
자신만의 멋진 포트폴리오를 제작하게 됩니다.
강의 대상
이런 분들에게 추천합니다!
그대 안에 아직 꽃피우지 않은 무한한 가능성이 남아 있습니다.

수강료 걱정 없이 취업
훈련을 받고 싶은 19살 김 군

(고등학교 3학년 재학생으로서
고등교육기관에 진학하지 않는 학생


취업 분야를 넓히고 싶은
디자인과 졸업예정자 최 양

전문대학 이상 최종 학년 재학생
(다음연도 3월말까지 졸업 예정인 자)


지금보다 좋은 조건으로
이직을 생각하는 오 대리

(직업안정기관에 구직
등록한 15세 이상 실업자)


새로운 도전을 준비하는
자영업자 박 대표

(연 매출 8,000만 원 이하 또는
폐업신고 예정인 자영업자)

강의
주요 특징
오랜 강의 경험을 통해 완성한 커리큘럼
봄아카데미의 ‘웹퍼블리셔 양성 과정’은 그래픽디자이너로 시작해서 웹표준을 독학으로 공부하여
펜타브리드 수석 디렉터로 근무했던 정을수 강사가 세심하게 연구하고,
오랜 강의 경험을 통해 완성한 커리큘럼으로 지도합니다.
  • HTML/CSS 코드를 기초부터 차근차근 배운 뒤 업그레이드
    기업에서 원하는 코딩 능력을 갖추는 것이 단기간에 쉽게 되지는 않습니다. 본 과정은 HTML/CSS 코드를
    기초부터 차근차근 배운 뒤 업그레이드해 나가게 됩니다. 또한 강사로부터 습득한 지식을 복습하고,
    수강생끼리 생각을 교류하여 사고의 근육을 키우며 개인의 부족한 부분을 채울 수 있도록 스터디그룹을
    진행합니다.
  • 커뮤니케이션 능력 및 실전 업무 경험
    기업에서는 혼자가 아닌 팀 단위로 업무를 추진합니다. 본 과정에서 강사의 지도아래 수강생끼리
    팀프로젝트를 진행하게 됩니다. 자신의 아이디어를 정리해서 제시하고, 각자의 의견을 교류하며
    발전시켜나감으로써 회의를 진행하는 데 필요한 커뮤니케이션 능력을 키우고, 토론에서 도출된 결론을
    구현해봄으로써 실전 업무를 경험하게 됩니다.
  • 1:1 상담을 통해 취업(창업) 계획을 작성
    강사와 수강생이 1:1 상담을 통해 취업(창업) 계획을 작성합니다. 계획을 바탕으로 취업을 희망하는 기업을
    탐색하여, 실무자를 만나보고 포트폴리오를 어떤 방향으로 제작해야 할지 함께 고민합니다.
  • 책임지는 포트폴리오
    포트폴리오 기획을 마치면 필요한 자료를 수집하고 제작하여 훈련기간 후반에 발표합니다. 다른 수강생과
    강사의 피드백을 받아 포트폴리오를 발전시켜 최종 완성합니다. 포트폴리오 완성이 늦어져서 훈련기간을
    경과한 경우에는 봄아카데미에서 별도의 과정을 개설하여 포트폴리오가 완성될 때까지 끝까지 책임지고
    지도합니다.
  • 취업 연계활동 지원
    이력서와 자기소개서를 취업컨설턴트에게 첨삭 받고 모의면접을 진행하는 등 취업(창업)연계활동을
    지원합니다.
잠깐! 강의를 수강하기 전에 알아둘 점은?
※디자인에 대한 기초지식과 현재 수준을 테스트 받은 뒤 과정에 대한 참여 의지와 열정, 태도를 확인하는
인터뷰가 진행됩니다. 본 과정을 원활히 진행하고, 수강생이 겪는 시행착오를 줄이기 위해 인터뷰를 통과한
분만이 본 과정을 수강하게 됩니다.
강의
커리큘럼
강의는 어떻게 진행 되나요?
머리로 이해되고 손으로 익숙해져 스스로 응용할 수 있을 만큼의 실력을 갖출 수 있도록
깊이 있고 폭넓은 이해와 시야를 바탕으로 체계적이고 단계적인 훈련으로 진행됩니다.


세부 커리큘럼

[01]
개념과 준비

미디어의 이해
웹기초
웹표준의 개요

[02]
시멘틱 마크업

html 기초문법
태그별 의미와 사용
구조의 이해

[03]
기초 스타일(1)

CSS 기초 문법
선택자
상속

[04]
기초 스타일(2)

우선순위
단위

[05]
폰트와 텍스트 스타일

폰트 스타일링
텍스트 스타일링

[06]
박스다루기(1)

박스로 생각하기
박스의 성질과 종류
넓이와 높이

[07]
박스다루기(2)

선긋기
배경
overflow
display
visibillity

[08]
배치하기(1)

웹에서의 배치란?
마크업에서 배치까지
관계성 있는 배치

[09]
배치하기(2)

플롯팅
클리어링

[10]
배치하기(3)

관계성이 없는 배치
position
visual stack level

[11]

입력양식 기본
접근성 있는 양식

[12]

표짜기 기본
접근성 있는 표

[13]
구조설계와 레이아웃

전체적인 컨텐츠와 디자인을 검토하여
CSS구조와 레이아웃 구조를 설계하기

[14]
기본정보 페이지

컨텐츠에 대한 구조적인 관점의 네이밍하기

[15]
제품소개 페이지

동일한 컨텐츠를 최소한의 CSS를 사용하여
효율성 있게 작업하기

[16]
서비스소개 페이지

각기 다른 컨텐츠들을 관리하기 쉽도록 규칙을 만들기

[17]
일반양식과 회원가입

디자인 상황을 고려한 접근성있는 입력양식

[18]
게시판/표

한 사이트에 사용되는 다양한 테이블 스타일 모듈화

[19]
브래드커럼스 / 서브메뉴 / 풋터

접근성을 고려한 마크업 위치선정과
확장성있는 메뉴와 풋터 만들기

[20]
상단메뉴

자바스크립트를 고려하고 확장성 있는
메뉴를 위한 마크업과 스타일링

[21]
메인 페이지

조밀하고 복잡한 메인 페이지 작업하기

[22]
통합 응용 실습 테스트

웹표준 기초 응용을 테스트해 볼 수 있는 실기 시험

[23]
HTML5/CSS3 개요 / 의미의 확장

웹의 미래
달라진 점
추가된 의미와 태그

[24]
리치미디어와 웹폼 / 폰트와 텍스트

비디오와 오디오
캔버스 태그
확장된 기능의 폼
텍스트와 관련된 새로운 표현들

[25]
박스를 위한 새로운 표현들

둥근모서리 박스
그림자
투명도 조절
다양한 배경사용

[26]
트랜지션과 트랜스폼

CSS만으로 쉽게 부드러운 이징효과를 주고 변형시키는 방법

[27]
애니메이션과 키프레임

CSS만으로 다양한 동작과 움직임 만들기

[28]
실습

HTML5/CSS3 통합 실습

[29]
이해와 접근

멀티디바이스 컨텐츠 설계에 대한 우선순위

[30]
플루이드 레이아웃

유연한 크기제어, 단위, 폰트, 레이아웃 설계

[31]

미디어 쿼리란, 뷰포트, 사용방법

[32]
움직임과 jQuery의 이해

웹에서의 동작
자바스크립트와 라이브러리
jQuery의 사용

[33]
선택자 (1)

DOM
\$()팩터리함수
CSS선택자
속성선택자

[34]
선택자 (2)

DOM
₩\$()팩터리함수
CSS선택자
속성선택자

[35]
이벤트 (1)

기본 이벤트, 합성이벤트

[36]
이벤트 (2)

이벤트 전파
이벤트 객체와 대상
이벤트 기본동작
이벤트 핸들러

[37]
효과 (1)

인라인 CSS 변경
숨김과 보이기
효과와 속도
동시효과와 연속효과

[38]
효과 (2)

페이드 토글
프로퍼티 애니메이션
CSS 위치변경

[39]
DOM 다루기

속성 조작하기
요소 삽입/이동/복사
CSS 나누기

[40]
패러럴 스크롤 만들기

시간차로 스크롤하며 컨텐츠를 보여주는 UI구현하기

[41]
슬라이딩 메뉴 만들기

마우스가 오버 되면 부드럽게 하위 메뉴가 나타나는 메뉴 구현하기

[42]
롤링 베너 만들기

가로 혹은 세로로 롤링되면서 컨텐츠를 보여주는 UI 구현하기

[43]

사이트 선정
구조 및 동작 설계

[44]
공통 포트폴리오 1(HTML5/CSS3)

마크업, 스타일/크리틱

[45]
공통 포트폴리오 1(HTML5/CSS3)

마크업, 스타일/크리틱

[46]
공통 포트폴리오 1(HTML5/CSS3)

jQuery / 크리틱

[47]
공통 포트폴리오 1(HTML5/CSS3)

코드다듬기와 정리하기/크리틱

[48]
공통 포트폴리오 2(모바일 우선 반응형 웹)

사이트 선정, 구조및 동작설계 / 크리틱

[49]
공통 포트폴리오 2(모바일 우선 반응형 웹)

마크업, 스타일 / 크리틱

[50]
공통 포트폴리오 2(모바일 우선 반응형 웹)

마크업, 스타일 / 크리틱

[51]
공통 포트폴리오 2(모바일 우선 반응형 웹)

jQuery / 크리틱

[52]
공통 포트폴리오 2(모바일 우선 반응형 웹)

코드다듬기와 정리하기 / 크리틱

[53]
개인 포트폴리오(페러럴 스크롤)

사이트 선정, 구조및 동작설계 / 크리틱

[54]
개인 포트폴리오(페러럴 스크롤)

마크업, 스타일 / 크리틱

[55]
개인 포트폴리오(페러럴 스크롤)

마크업, 스타일 / 크리틱

[56]
개인 포트폴리오(페러럴 스크롤)

jQuery / 크리틱

[57]
개인 포트폴리오(페러럴 스크롤)

코드다듬기와 정리하기 / 크리틱

[58]
팀작업 포트폴리오(Templet Working)

업무분담및 역할분담
스케줄짜기
사이트선정
구조및 동작설계

[59]
팀작업 포트폴리오(Templet Working)

마크업, 스타일 / 크리틱

[60]
팀작업 포트폴리오(Templet Working)

jQuery / 크리틱

강사에
관하여

정을수

(현) 프리랜서 디렉터 및 디자이너
(현) 봄아카데미 웹표준 강사
(전) 펜타브리드 수석 디렉터
(전) 메가존 웹표준화 팀장

2014~현재, Vom Academy 웹표준 강의
2013~현재, (사)한국인터넷전문가협회 웹표준 강의
2011~2014, 아카데미정글 웹표준 강의
2013. 한국디자인진흥원 국가기간전략산업직종
UX/UI 디자인 4기 교육
2013. Godpeople.com 디자인팀 웹표준 교육
2013. 에스원 웹사이트 웹접근성 고도화 (디렉터)
2012. 에스원 웹사이트 구축 (PM)
2012. 현대 아산정주영 웹사이트 구축 (PM)
2012. 현대자동차국내판매 웹사이트 구축 (UI 디렉터)
2012. 삼성HSPOSM 웹사이트 구축 (PM)
2012. 코스콤 웹접근성 고도화 (PM)
2011. U+ 통합웹사이트 구축 (UI개발 PL)
2010. 신한카드 웹사이트 (UI개발 PL)
2009. 삼성모바일닷컴 웹사이트 (UI개발 PL)

백경찬

(현) 봄아카데미 편집디자인 및 Digital Publishing 강사
(현) 서울인쇄센터 편집디자인 및 Digital Publishing 강사
(현) 경기과학기술대 디지털미디어디자인과 출강
(현) MOVE Interactive 디자인 팀장
(전) CCC 출판 디자인 팀장
(전) CCC 편지 디지털 에디션 Creative Director

KOSAF Korea / English 웹사이트 개발 프로젝트
CCC 모바일 컨텐츠 개발 (P4U, 솔라리움, S4U 등)
다수의 디지털 앱북 개발
(I LOVE Gangnam Style, 제주 여행, Smart Transition)
ACA (Rich Media Communication using Adobe Flash)
ACA (Print & Digital Media Publication using Adobe Indesign)
Apple & Android Developer

강의
포트폴리오
100% 스스로 코딩한 반응형
웹사이트 포트폴리오 제작
웹퍼블리셔 양성과정에 참여한 학생들은 아래와 같은 수준의
반응형 웹사이트를 직접 제작하게 됩니다.
진로 분야
웹퍼블리셔 양성 과정 진로 분야
웹퍼블리셔 양성 과정에 참여한 학생들의 진로 분야는 다음과 같습니다.
질문 있어요
더 궁금한게 있어요.
Q. 국기 과정이 뭔가요?
A. 국가기간 및 전략산업 중 인력부족 직종과 산업현장의 인력수요 증대에 따라 인력양성이 필요한 직종에 대하여
     기술·기능 인력의 양성·공급으로 기업의 인력난을 해소하기 위해 실시하는 훈련 제도를 말합니다. 국기 과정은 수강료
     전액을 정부에서 지원해주며, 강의시작일로부터 1개월 단위마다 출석률이 80% 이상인 경우 훈련장려금이 월 최대
     316,000원까지 지급됩니다.
Q. 코드를 전혀 모르는 사람도 이 과정을 들을 수 있나요?
A. 예, 가능합니다. 본 과정은 비전공자의 눈높이에서 기초부터 차근차근 배울 수 있도록 진행합니다. 과정이 진행되는 동안
     교육 내용을 이해하고, 잘 따라온다면 좋은 결실을 맺을 수 있습니다.
Q. 강의를 마치면 과제는 어느 정도인가요?
A. 배운 내용에 대한 복습을 위해 과제를 부여하고 있습니다. 과제에 대한 피드백을 개별적으로 제공합니다.
Q. 수업 준비물이 필요한가요?
A. 아니오. 강의실에서 실습할 수 있는 아이맥 PC가 세팅되어 있고, 어도비사의 일러스트레이터와 포토샵 최신 버전이
     설치되어 있습니다. 물론, 개인 노트북을 지참하셔도 되며, 간단한 필기도구와 종이를 준비해오면 됩니다. 교재는
     자체 제작된 교안을 배포합니다.
Q. 본 과정을 마치면 웹퍼블리셔가 될 수 있나요?
A. 예, 웹퍼블리셔가 될 수 있습니다. 하지만 좋은 웹퍼블리셔가 되기 위해서는 좀 더 장기적으로 보는 것이 좋습니다.
     본 과정을 통해 기본기를 다지고 자바스크립트와 제이쿼리 등을 공부하여 본인의 실무 능력을 더 키우신다면 유능한
     웹퍼블리셔가 될 수 있습니다.

강의
뒷 이야기

이런 시간이 되었어요
"안녕하세요 선생님. 저 맨 앞에서 들었던 학생이에요. 개념이 제대로 잡히는 것 같아서 너무 만족스러워요.
특히 플롯 개념을 잘 알게 되어서 기뻐요 ^^ 항상 좋은 수업 전달해 주셔서 감사합니다."
"마냥 어려운 외계어로만 보이는 코딩이어서 엄두도 못내던 차에, 강사님이 디자이너 출신이시면서 설명을 매우 쉽게 해 주신
다는 추천을 받고 강의를 듣게 되었습니다. 추천받은 대로 한 달 동안 배운 강의 내용이 알차게 머리 속에 정리되었어요.
감사하구요! 요즘 주변 디자인 전공 친구들에게도 추천중입니다 호호~"
"정을수 강사님, 이 어려운 HTML을 공부할 수 있다는 맘을 먹게 된 것은 순전히 선생님 강의가 있어서 입니다. ^^
지금도 알쏭달쏭 하지만 계속 공부하여 손에 익는 그날까지 해보려구요. "
"유재용 실장님 소개로 수강을 듣게 되었습니다. 웹표준, HTML, CSS … 막연하게 생각하던 개념을 쉽고 재밌게 가르쳐 주셔
서 듣는 내내 집중하게 되었구요. 디자인만 오래 하다가 새로운 분야에 첫 발을 잘 내딘 것 같아서 좋구요~
앞으로 궁금한 사항이나 질문들 지속적으로 커뮤니케이션이 되었으면 좋겠습니다."
"기초부터 차근차근 듣다보니 이해도 잘 되고 유익한 강의였습니다. ^_^ 강의 하시느라 수고 많으셨구요 추운데 감기 조심하
세용~ 감사합니다 ^^"
"알기 쉽게 설명해 주셔서 그동안 궁금했던 부분들이 싹~ 해결되는 느낌이었어요. 실무에도 많은 도움이 되고 있어요.
기회가 된다면 한번 더 듣고 싶네요. ^^"
"아직까지 많이 부족하지만 웹표준의 개념이 자리 잡히게 되서 너무나 좋았습니다. 구조나 여러 방면에서 아직 공부해야하고
생각할 것들이 많지만 열심히 노력해서 가르쳐 주신 부분들 잊지 않고 발전해 나가겠습니다. 그동안 수고하셨어요!!"
"웹표준 실전편이라 어려워 혹시라도 수업에 따라가지 못할까봐 걱정도 되었지만 강사님이 하나하나 자세히 알려주셔서 웹
표준 공부에 큰 도움이 되었고 자신감도 붙은 것 같습니다. 수강생 한명 한면의 눈높이에 맞춘 강의라 너무 재미있게 배울 수
있었습니다. 지난 3개월동안 수고 많으셨고 감사합니다. ^_^"
"봄아카데미에서는 매킨토시를 사용하는 새로운 경험을 할 수 있어서 좋았습니다. 정을수 강사님이 실무에서 해온 노하우를
잘 설명해주시고 모르는 부분들은 이해하기 쉽게 알려주셔서 현업에서 사용하기에 너무 좋은 것 같습니다."
"수강생들이 이렇게 하면 어떨까요 할때 "그것도 좋은 생각이네요" 하면서 한 방향의 일방적인 수업이 아니라 서로 의견을 주
고 받을 수 있는 수업이라서 학생들에게 생각할 수 있는 기회들을 주고 적용하게 되는 수업입니다."
수강을 하려면
수강 신청 안내
수강 상담 및 신청을 원하시면 홈페이지 게시판이나 전화(02-325-1500)로 연락주세요.
HRD-Net(www.hrd.go.kr) 개인회원 가입 후 “국가기간·전략산업 직종훈련 안내 동영상”을 시청합니 다. 워크넷(www.work.go.kr) 개인회원 가입 후 이력서를 작성해서 구직신청과 구직인증을 합니다. 본 과정의 훈련기관인 봄아카데미에 방문해서 디자인에 대한 기초지식과 현재 수준을 테스트 받은 뒤 인 터뷰를 실시합니다. 인터뷰를 마친 뒤 본 과정을 수강하는 데 문제가 없는 것으로 확인되면 훈련상담 신청서를 작성하고 실거주지 관할 고용센터로 전화하여 상담일정을 잡습니다. 상담받는 당일 본인의 신분증과 훈련상담신청서, 개인정보 수집 이용 동의서, 졸업예정 관련 확인서(해당자에 한함)를 가져 갑니다.
훈련참여 대상자를 선발하기 위하여 직업경력, 직업능력수준, 취업희망분야, 직업훈련 경험 등 직업훈 련 필요성에 관한 훈련상담을 받는 단계입니다. 주의할 점은 구직(취업) 의사가 없는 구직자(실업자)는 지원대상이 아니라는 것입니다. 또한 취업(창업) 희망직종과 관련 없는 훈련은 참여가 불가능합니다. 훈련상담 시 동영상 교육내용에 대한 이해도를 평가하며 평가결과가 부진한 경우 동영상을 재수강해 야 합니다. 훈련직종(분야)을 변경하고자 하는 경우 재상담을 받아야 하니 신중히 선택해야 합니다.
훈련상담후 국비지원 대상자로 선정된 경우 훈련직종, 훈련참여시기 등을 확정하여 ‘국가기간·전략산 업 직종훈련 대상자 확인서’를 발급받으실 수 있습니다. 상담결과 부적합으로 판정될 경우 이의 신청 서를 제출하여 재상담을 받을 수 있습니다.
본 과정을 실시하는 봄아카데미에 방문하여 수강을 신청합니다.
지문인식에 의한 출결관리 동의서’를 제출한 경우 지문인식기로 출석을 체크하며, 동의하지 않은 경우 직업훈련카드로 출석을 체크합니다. 지각, 조퇴 또는 외출 3회 시 1일 결석 처리되며, 지각, 조퇴 또는 외출로 1일 훈련시간의 50% 미만 참여 시 결석으로 처리됩니다. 예비군·민방위훈련, 취업·창업을 위한 시험, 입사시험, 기능경진대회, 경조사 등의 사유로 훈련을 받지 못한 경우는 출석으로 인정됩니다. 전체 출석률이 80%이상인 경우에만 해당 훈련과정이 ‘수료’처리 됩니다.
본 과정에 대해 더 궁금한 사항은 상담을 통해 자세히 안내 받을 수 있습니다.


비밀번호 확인 닫기