• 교육 종합 안내
  • 정규 교육 과정
    • 웹디자인/UX/UI/웹개발
    • IT 서비스 기획/비즈니스
    • 소셜커머스/블로그
    • 경영전략/기획
    • 마케팅/홍보/서비스
  • 기업 위탁 교육
  • 온라인 교육센터
  • 교육센터 FAQ
    • 정규 교육 과정
    • 온라인 교육
    • 결제 및 환불
    • 회원 관련
  • 교육센터 소개
  • 강사모집

단과교육과정

[전액지원] 웹 퍼블리싱 포트폴리오 제작 및 웹표준 전문가 양성 과정<6.5.>

교육센터 신청내역 보기

프로그램안내 강사소개 등록관련안내 교육장소

정규교육과정 소개

★ 교육비 2,301,950원 전액 정부지원 + 훈련수당 매월 최대 416,000 지급 ★







HTML/CSS 포트폴리오 소개

사실 html/css는 쉽게 전문가가 아니더라도 사용할 수 있도록 보편성을 철학으로 하여 설계된 언어입니다. 하지만 프로 작업자로서 실제 디자인을 코드로 만들 수 있게 되기까지 배우기는 쉽지 않은 것이 사실입니다. 머리로 이해되고 손으로 익숙해져 응용될 만큼 친절하게 단계별로 학습할 수 있는 가이드가 많지 않은 것도 그 이유중 하나입니다. 보통의 책과 강의는 속성설명 위주의 내용이 대부분이기 때문입니다.



본 강의는 단순한 속성 위주의 강의가 아닙니다. 깊이 있고 폭넓을 이해와 시야를 가져서 실무에서도 응용 할 수 있는 참지식이 되도록 하는 것이 그 목표입니다. 앞으로의 모든 미디어는 소프트웨어. 텔레비전 방송 그리고 E-Book에 이르기까지 모든 미디어를 HTML/CSS가 통합해 나갈 기세입니다. 이것은 기존의 북 디자인, 웹 디자인 그리고 3D의 각 각의 아웃풋이 웹이라는 하나의 아웃풋으로 된다는 뜻입니다.



그렇기에 본 과정은 디자이너 분들에게 HTML/CSS를 마음껏 주무룰 수 있는 또 하나의 도구로 만들어 드리겠다는 목표를 가지고 있으며, HTML/CSS에 대해 좀 더 진지하고 의욕적으로 배우고 싶은 분들을 위해 만들어 지게 되었습니다. 전 과정에 걸쳐 실무에서의 강사의 경험을 최대한 살리고 기존의 책이나 강의의 기능 명세를 알아보는 방식의 단순한 학습이 아닌 통합적인 이해하고 머리와 손으로 익혀질 수 있는 배움이 될 수 있도록 교육 방식을 디자인하였습니다.






HTML / CSS. 왜 배워야 하는가?

좋은 웹 디자인은 HTML/CSS에 대한 충분한 이해로부터 시작됩니다! 현재의 웹 사이트들은 대부분 브로슈어를 디자인 하는 것처럼 픽셀을 기반으로 디자인 되어지고 있습니다. 하지만 웹 페이지는 적게는 몇 십페이지 많게는 수 만페이지가 될 수 있으므로, 규칙을 기반으로 디자인 되어야 하며 이렇게 만들어진 웹 페이지야 말로 웹 다운 큰 힘을 갖게 됩니다. 그러므로 웹디자이너는 크리에이티브한 시각언어를 규칙안에 담아 내어 현장감 있고 현실성 있는 디자인을 만들어 낼 수 있어야 합니다.




강의 원칙

첫째. 최대한 쉽게 설명할 것.

둘째. 점진적으로 향상되는 재미가 있을 것.

셋째. 최대한 일반인이 생각할 수 있는 단어와 그림으로 기술적 원리를 설명할 것.

넷째. 기술에 대한 폭넓은 이해와 디자인과 기술간의 인사이트를 수업에서 경험하도록 할 것.

다섯. 실제 작업과 괴리감이 없을 것.





강의 대상


- 가장 기초부터 제대로 개념을 잡고 싶은 분들

- 대학생 혹은 취업 준비자

- 디자이너이면서 코딩업무를 병행하셔야 하는 분들

- 프론트엔드 개발자를 준비하시는 분들

- 개인 쇼핑몰이나 블로그를 운영하는데 HTML/CSS를 다루셔야 하는 분들

- 책이나 강의를 들어도 이해가 어려운 분들

- 개념이 선명하지 않아 우연하게 작업이 이루어지는 분들

참가신청

정규교육과정 개요

기간 2017년 06월 05일 (월) 오전 10:00 ~ 2017년 08월 31일 (목) 오후 6:00
인원 30명
장소 한국인터넷전문가협회 평생교육원 5층 약도보기
주최 (사) 한국인터넷전문가협회
주관 한국인터넷전문가협회 평생교육원
후원

고용노동부

한국인터넷전문가협회
목적 좋은 웹 디자인은 HTML/CSS에 대한 충분한 이해로부터 시작됩니다! 현재의 웹 사이트들은 대부분 브로슈어를 디자인 하는 것처럼 픽셀을 기반으로 디자인 되어지고 있습니다. 하지만 웹 페이지는 적게는 몇 십페이지 많게는 수 만페이지가 될 수 있으므로, 규칙을 기반으로 디자인 되어야 하며 이렇게 만들어진 웹 페이지야 말로 웹 다운 큰 힘을 갖게 됩니다. 그러므로 웹디자이너는 크리에이티브한 시각언어를 규칙안에 담아 내어 현장감 있고 현실성 있는 디자인을 만들어 낼 수 있어야 합니다.
참여대상 - 가장 기초부터 제대로 개념을 잡고 싶은 분들
- 대학생 혹은 취업 준비자
- 디자이너이면서 코딩업무를 병행하셔야 하는 분들
- 프론트엔드 개발자를 준비하시는 분들
- 개인 쇼핑몰이나 블로그를 운영하는데 HTML/CSS를 다루셔야 하는 분들
- 책이나 강의를 들어도 이해가 어려운 분들
- 개념이 선명하지 않아 우연하게 작업이 이루어지는 분들
경품이미지

정규교육과정 프로그램

구분 강의 주제 및 내용 강사
2017. 6. 5. (월)
10:00~18:00
개념과 준비
- 미디어의 이해
- 웹 기초
- 웹표준의 개요
정을수 위원
KIPFA 웹표준분과
2017. 6. 7. (수)
10:00~18:00
시멘틱 마크업
- HTML 기초문법
- 태그별 의미와 사용
- 구조의 이해


2017. 6. 8. (목)
10:00~18:00
기초 스타일
- CSS 기초 문법
- 선택자
- 상속
- 우선순위
- 단위


2017. 6. 12. (월)
10:00~18:00
폰트와 텍스트 스타일
- 폰트 스타일링
- 텍스트 스타일링


2017. 6. 13. (화)
10:00~18:00
박스다루기(1)
- 박스로 생각하기
- 박스의 성질과 종류
- 넓이와 높이


2017. 6. 14. (수)
10:00~18:00
박스다루기(2)
- 선긋기
- 배경
- overflow
- display
- visibility


2017. 6. 15. (목)
10:00~18:00
배치하기(1)
- 웹에서의 배치란?
- 마크업에서 배치까지
- 관계성 있는 배치


2017. 6. 19. (월)
10:00~18:00
배치하기(2)
- 플롯팅
- 클리어링


2017. 6. 20. (화)
10:00~18:00
구조적 배치실습(1)
- 실제 작업을 통한 연습(하)


2017. 6. 21. (수)
10:00~18:00
구조적 배치실습(2)
- 실제 작업을 통한 연습(중)


2017. 6. 22. (목)
10:00~18:00

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


2017. 6. 26. (월)
10:00~18:00

- 표짜기 기본
- 접근성 있는 표


2017. 6. 27. (화)
10:00~18:00
구조설계와 레이아웃
- 전체적인 컨텐츠와 디자인을 검토하여 CSS구조와 레이아웃구조를 설계하기


2017. 6. 28. (수)
10:00~18:00
서비스소개 페이지
- 각기 다른 컨텐츠들을 관리하기 쉽도록 규칙을 만들기


2017. 6. 29. (목)
10:00~18:00
일반양식과 회원가입
- 디자인 상황을 고려한 접근성있는 입력양식


2017. 7. 3. (월)
10:00~18:00
게시판/표
- 한사이트에 사용되는 다양한 테이블 스타일 모듈화


2017. 7. 4. (화)
10:00~18:00
상단메뉴/ 서브메뉴/ 풋터
- 자바스크립트를 고려하고 확장성 있는 메뉴를 위한 마크업과 스타일링


2017. 7. 5. (수)
10:00~18:00
메인 페이지
- 조밀하고 복잡한 메인 페이지 작업하기


2017. 7. 6. (목)
10:00~18:00
통합 응용 실습 테스트
- 웹표준 기초 응용을 테스트해 볼 수 있는 실기 시험


2017. 7. 10. (월)
10:00~18:00
HTML5 / CSS3 개요/ 의미의 확장
- 추가된 의미와 태그


2017. 7. 11. (화)
10:00~18:00
리치미디어와 웹폼/ 폰트와 텍스트
- 비디오와 오디오
- 캔버스 태그
- 확장된 기능의 폼
- 텍스트와 관련된 새로운 표현들


2017. 7. 12. (수)
10:00~18:00
박스를 위한 새로운 표현들
- 둥근모서리박스
- 그림자
- 투명도 조절
- 다양한 배경사용


2017. 7. 13. (목)
10:00~18:00
애니메이션
- CSS만으로 쉽게 부드러운 이징효과를 주고 변형시키는 방법


2017. 7. 17. (월)
10:00~18:00
이해와 접근
- 멀티디바이스 컨텐츠 설계에 대한 우선순위


2017. 7. 18. (화)
10:00~18:00
플루이드 레이아웃
- 유연한 크기제어
- 단위
- 폰트
- 레이아웃 설계


2017. 7. 19. (수)
10:00~18:00
미디어 쿼리
- 미디어 쿼리란?
- 뷰포트
- 사용방법


2017. 7. 20. (목)
10:00~18:00
자바스크립트 기초
- 데이터탑입
- 배열
- 함수
- 문법


2017. 7. 24. (월)
10:00~18:00
선택자
- DOM
- $()팩터리 함수
- CSS 선택자
- 속성 선택자


2017. 7. 25. (화)
10:00~18:00
이벤트
- 기본 이벤트
- 합성 이벤트
- 이벤트 전파
- 이벤트 객체와 대상
- 이벤트 기본 동작
- 이벤트 핸들러


2017. 7. 26. (수)
10:00~18:00
효과
- 인라인 CSS 변경
- 숨김과 보이기
- 효과와 속도
- 동시효과와 연속효과
- 페이드 코글
- 프로퍼티 애니메이션
- CSS 위치변경


2017. 7. 27. (목)
10:00~18:00
DOM 다루기
- 속성 조작하기
- 요소 삽입/이동/복사
- CSS 나누기


2017. 7. 31. (월)
10:00~18:00
패러럴 스크롤 만들기
- 시간차로 스크롤하며 컨텐츠를 보여주는 UI구현하기


2017. 8. 1. (화)
10:00~18:00
슬라이딩 메뉴 만들기
- 마우스가 오버되면 부드럽게 하위 메뉴가 나타나는 메뉴 구현하기


2017. 8. 2. (수)
10:00~18:00
롤링 배너 만들기
- 가로 혹은 세로로 롤링되면서 컨텐츠를 보여주는 UI 구현하기


2017. 8. 3. (목)
10:00~18:00
포트폴리오 1
- 마크업
- 스타일1/ 크리틱


2017. 8. 7. (월)
10:00~18:00
포트폴리오 1
- 마크업
- 스타일2/ 크리틱


2017. 8. 8. (화)
10:00~18:00
포트폴리오 1
- jQuery/ 크리틱


2017. 8. 9. (수)
10:00~18:00
포트폴리오 1
- 코드다듬기와 정리하기/ 크리틱


2017. 8. 10. (목)
10:00~18:00
포트폴리오2
- 사이트 선정
- 구조 및 동작 설계


2017. 8. 14. (월)
10:00~18:00
포트폴리오 2
- 마크업
- 스타일/ 크리틱


2017. 8. 16. (수)
10:00~18:00
포트폴리오 2
- 마크업
- 스타일/ 크리틱


2017. 8. 17. (목)
10:00~18:00
포트폴리오 2
- jQuery/ 크리틱


2017. 8. 21. (월)
10:00~18:00
포트폴리오 2
- 코드다듬기와 정리하기/ 크리틱


2017. 8. 22. (화)
10:00~18:00
포트폴리오 3
- 사이트 선정
- 구조및 동작설계 / 크리틱


2017. 8. 23. (수)
10:00~18:00
포트폴리오 3
- 마크업
- 스타일 / 크리틱


2017. 8. 24. (목)
10:00~18:00
포트폴리오 3
- jQuery / 크리틱


2017. 8. 28. (월)
10:00~18:00
포트폴리오 4
- 사이트 선정
- 구조 및 동작설계 / 크리틱


2017. 8. 29. (화)
10:00~18:00
포트폴리오 4
- 마크업
- 스타일 / 크리틱


2017. 8. 30. (수)
10:00~18:00
포트폴리오 4
- jQuery / 크리틱


2017. 8. 31. (목)
10:00~18:00
포트폴리오 4
- 코드다듬기와 정리하기 / 크리틱


정규교육과정 강사소개

교육센터 강사진 보기

  • 강사 사진
    KIPFA 웹표준분과   정을수 위원

    현) (사)한국인터넷전문가협회 웹표준분과 위원
    전) 펜타브리드 디렉터 ­ 수석
    전) 메가존 웹표준화팀 ­ 팀장
    전) 프리랜스 디자이너

    주요프로젝트
    삼성에스원 - PM
    아산정주영닷컴 - PM
    현대자동차 국내판매사이트 - UI 디렉팅
    삼성haposm - PM
    코스콤 웹접근성 - 디렉팅
    엘지유플러스 ­ UI개발 PL
    신한카드 ­ UI 개발 PL
    삼성모바일닷컴 - UI개발 PL

     

     

등록안내



    ▒  교육문의
    담당 

    정지우 대리

    전화 : 070-8672-6617 /팩스 : 02-6277-6992 / 메일 : wangjiwoo@kipfa.or.kr

신청하기



hosting.kr