메인 이미지

WPPA 이미지 Web Publisher Professional Academy 웹 퍼블리셔 프로페셔널 아카데미 26기





- 흰색 이미지
  • 교육일정2018.05.09 - 2018.09.19
  • 교육시간월수 19:00~21:50
  • 교육장소아카데미정글(강남 신사)
  • 강      사이인수, 이시영, 차영신
  • 모집인원20명
  • 수 강 료180만원   [카드 2~6개월 무이자할부 가능]

 강의 개요

line 이미지
웹의 정보구조부터 동적 표현,
그리고 포트폴리오까지

오랜 기간 하드웨어적 한계로 인해 웹은 PC를 통하여 사용되는 것으로 인식되어 왔으나
몇 년 전부터 스마트폰을 시작으로 태블릿, 스마트, Tv등 웹에 접근 할 수 있는 디바이스가 다양해지고 있습니다.
이 모든 디바이스를 아우를 수 있는 능력을 갖춘 웹 퍼블리셔가 절실하게 필요한 실정에
맞추어 본 커리큘럼이 탄생하게 되었습니다.



멀티디바이스 시대를 대비하는 웹퍼블리셔 양성과정

웹을 구성하는 기술도 HTML5라고 통칭되는 여러가지 새로운 기술(반응형웹+ JQUERY 애니메이션)들이
속속 등장 하게 되어, 이런 웹 환경의 변화에 따라 클라이언트측 코드는 특정한 디자인을
HTML과 CSS로 구성하는 이상의 기능과 가치를 요구하고 있습니다.

따라서 웹 접근성, SEO(Search Engine Optimization) 등 웹 서비스 품질을 높이는 이슈가 부각되고 있습니다.
아카데미 정글 웹퍼블리셔 프로페셔널과정에서는 단순히 디자인을 코드로 교환/변환하는 수준에서 벗어나
클라이언트 측 코드 전반적인 이해와 웹 서비스 품질을 높얼 수 있는 전문가 양성을 목표로 하고 있습니다.


 강의 특징

line 이미지
  • 기초부터 시작하는 스타트업 과정
  • HTML5 와 CSS를 이용한 미니프로젝트 연계 수업
  • 개인별 과제 평가 및 개인별 케어
  • 실무규모의 프로젝트 산출
  • 포트폴리오 구축

html 5 와 css3를 이용하여
다양한 디바이스 환경에 맞춘 퍼블리싱

html 5 와 css3를 이용한
Animation 효과

미디어쿼리를 이용한
반응형 웹으로 동적 표현

타이포그래피의 중요성을
css3로만 효과를 낼수 있는 속성

JQuery를 이용한 다이나믹한 웹사이트

수강대상

line 이미지
  • 시각 디자인의 공부를 처음 시작하려는 분 이미지 웹 퍼블리셔 취업 희망자
    웹 퍼블리싱 포트폴리오
    구축 희망자
  • 안경 아이콘 HTML5, 웹 접근성을 포함한
    기술을 습득하고 싶은 자

    웹 클라이언트(서버) 전체에 대한
    이해를 하기 위한 자
  • 안경 아이콘 디자인 영역에서 퍼블리싱까지
    영역을 확장하고 싶은 자

    프리랜서 디자이너 및 기획자

커리큘럼

line 이미지
  • line 이미지
  • 01. The Basic
  • OT 및 환경설정 - 강의 전반의 소개와 강의 환경을 설정
    웹 이란 무엇인가?
    - 웹에 대한 정의와 역사
    - Web을 어떤게 구성해야 하는가
    Web을 설계하는 방법
    - 정보전달, 감성적 디자인, SEO 등 사용자의 요구를 만족하기 위한 웹 설계
line 이미지 2
  • line 이미지
  • 02. HTML
  • HTML 1 : 정보의 기본구조 - HTML의 속성과 구조
    HTML 2 : 정보 시맨틱 구성 - 시멘틱 요소와 HTML5에서 추가된 아웃라인
    HTML 3 : 서식요소 - HTML5에서 강화된 서식기능과 요소
    HTML 4 : 새로운 정보 형태 - 멀티미디어 요소 등 새로 추가된 정보 형태
line 이미지 2
  • line 이미지
  • 03. CSS
  • CSS 1 : 개념과 기초 - CSS3 선택자 집중 학습
    CSS 2 : Box 모델과 관련 속성
    - Box 모델과 요소 배치
    - Layout을 구성하기 위한 속성
    - 다양한 Layout 학습 (가변형, 고정형)
    CSS 3 : Text와 Font 관련 속성
    - 웹을 구성하는 타이포의 중요성
    - 웹 상의 텍스트 속성
    CSS 4 : Transform과 Animation 관련 속성
    - 애니메이션 관련 속성
    - 동적 화면을 만드는 방법
line 이미지 2
  • line 이미지
  • 04. 미디어쿼리 / 반응형 웹
  • 미디어 쿼리를 사용한 반응형 웹사이트 이해
    - 사례중심의 반응형웹사이트 분석과 이해
line 이미지 2
  • line 이미지
  • 05. Javascript / jQuery/UI 개발
  • 역동적이고 창의적인 사이트 작업 구현
    클라이언트(서버) 동적 작업의 이해
    Javascript 기초 문법
    jQuery 기초 및 활용
    UI 개발 실습
line 이미지 2
  • line 이미지
  • 06 미니 프로젝트 1
    Native App Design
  • HTML과 CSS만을 사용한 사이트 작업
line 이미지 2
  • line 이미지
  • 07. 미니 프로젝트 2
  • 미니 프로젝트 1의 작업에 동적인 작업 추가
    Server Side와 Client Side 이해
    서버 환경 학습, 방명록 or 게시판 개발
    PHP, MySql 을 통해 웹 서버 작업의 이해
line 이미지 2
  • line 이미지
  • 08. 실무 프로젝트
  • 앞서 학습한 내용을 응용하여 실무규모 프로젝트 진행
line 이미지 2
  • line 이미지
  • 09. 특강
  • 웹접근성과 사용성향상을 위한 웹 표준 기술
    웹 / 모바일 접근성 실무 가이드
line 이미지 2

 강사소개

line 이미지
이인수 선생님 이미지

강사
이인수


현) ㈜매디브 대표
㈜애비로드 본부장
㈜코드프로 본부장
㈜애드캡슐 팀장


주요프로젝트

IKEA 운영중
2016 신세계푸드 퍼블리싱
2016 루이까또즈 오픈몰 스크립터
2016 정보화진흥원 Open PaaS 퍼블리싱
2015 롯데시네마 예매, 좌석 시스템 스크립터
2015 Ahnlab 모바일 스크립터
2015 삼성Wireless스피커 마이크로사이트 퍼블리싱
2015 삼성TV 해외 마이크로사이트 퍼블리싱
2015 펀드슈퍼마켓 고도화(접근성) 퍼블리싱


이시영 선생님 이미지

강사
이시영


현) 디노웍스㈜ 대표
방위사업청 사업관리본부 운영 아키텍트
웹표준솔루션 포럼 회원사
KAIST 산업공학과 (석사)


주요프로젝트


주요 금융사 및 대기업 웹 접근성 개선 컨설팅 및 구축 사업
현대건설, CJ 그룹, 기아자동차, IBK 기업은행, 국민카드 등

차영신 선생님 이미지

강사
차영신


(현) ㈜태그앤브레이스 대표
(전) ㈜이모션, 컨설팅 사업부 대표




주요프로젝트

2013~2015 삼성그룹 홈페이지 개편
2013 삼성전기 홈페이지 웹접근성
2012~2013 우리은행 인터넷뱅킹 재구축
2012 신한은행 오픈뱅킹 재구축
2009~2011 CJmall 웹표준화

  • ※ 본 강의는 강사, 커리큘럼이 일부 변경되거나 사정으로 인하여 폐강될 수 있습니다.
  • ※ 본 강의내용은 교육기획자 및 강사와의 협의없이 무단으로 사용될 수 없습니다.
  • ※ 무단사용시 저작권 침해로 인해 처벌받을 수 있음을 알려 드립니다.