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

단과교육과정

[전액무료] 웹 퍼블리싱 포트폴리오 제작 및 웹표준 전문가 양성 과정

교육센터 신청내역 보기

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

정규교육과정 소개



★ 교육비 2,301,950원 전액 정부지원 + 훈련수당 매일 최대 20,800원 지급 ★







HTML/CSS 포트폴리오 소개

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



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



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






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

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




강의 원칙

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

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

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

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

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





강의 대상


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

- 대학생 혹은 취업 준비자

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

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

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

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

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

참가신청

정규교육과정 개요

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

정규교육과정 프로그램

구분 강의 주제 및 내용 강사
2017. 12. 29. (금)
14:00~16:00
오리엔테이션
- 교육과정 소개
정을수 위원
KIPFA 웹표준분과
2018. 3. 5. (월)
12:00~18:00
개념과 준비
- 미디어의 이해
- 웹 기초
- 웹표준의 개요
정을수 위원
KIPFA 웹표준분과
2018. 3. 6. (화)
12:00~18:00
시멘틱 마크업
- HTML 기초문법
- 태그별 의미와 사용
- 구조의 이해
정을수 위원
KIPFA 웹표준분과
2018. 3. 7. (수)
12:00~18:00
기초 스타일
- CSS 기초 문법
- 선택자
- 상속
- 우선순위
- 단위
정을수 위원
KIPFA 웹표준분과
2018. 3. 8. (목)
12:00~18:00
폰트와 텍스트 스타일
- 폰트 스타일링
- 텍스트 스타일링
정을수 위원
KIPFA 웹표준분과
2018. 3. 12. (월)
12:00~18:00
박스다루기(1)
- 박스로 생각하기
- 박스의 성질과 종류
- 넓이와 높이
정을수 위원
KIPFA 웹표준분과
2018. 3. 13. (화)
12:00~18:00
박스다루기(2)
- 선긋기
- 배경
- overflow
- display
- visibility
정을수 위원
KIPFA 웹표준분과
2018. 3. 14. (수)
12:00~18:00
배치하기(1)
- 웹에서의 배치란?
- 마크업에서 배치까지
- 관계성 있는 배치
정을수 위원
KIPFA 웹표준분과
2018. 3. 15. (목)
12:00~18:00
배치하기(2)
- 플롯팅
- 클리어링
정을수 위원
KIPFA 웹표준분과
2018. 3. 19. (월)
12:00~18:00
구조적 배치실습(1)
- 실제 작업을 통한 연습(하)
정을수 위원
KIPFA 웹표준분과
2018. 3. 20. (화)
12:00~18:00
구조적 배치실습(2)
- 실제 작업을 통한 연습(중)
정을수 위원
KIPFA 웹표준분과
2018. 3. 21. (수)
12:00~18:00

- 입력양식 기본
- 접근성 있는 양식
정을수 위원
KIPFA 웹표준분과
2018. 3. 22. (목)
12:00~18:00

- 표짜기 기본
- 접근성 있는 표
정을수 위원
KIPFA 웹표준분과
2018. 3. 26. (월)
12:00~18:00
구조설계와 레이아웃
- 전체적인 컨텐츠와 디자인을 검토하여 CSS구조와 레이아웃구조를 설계하기
정을수 위원
KIPFA 웹표준분과
2018. 3. 27. (화)
12:00~18:00
서비스소개 페이지
- 각기 다른 컨텐츠들을 관리하기 쉽도록 규칙을 만들기
정을수 위원
KIPFA 웹표준분과
2018. 3. 28. (수)
12:00~18:00
일반양식과 회원가입
- 디자인 상황을 고려한 접근성있는 입력양식
정을수 위원
KIPFA 웹표준분과
2018. 3. 29. (목)
12:00~18:00
게시판/표
- 한사이트에 사용되는 다양한 테이블 스타일 모듈화
정을수 위원
KIPFA 웹표준분과
2018. 4. 2. (월)
12:00~18:00
상단메뉴/ 서브메뉴/ 풋터
- 자바스크립트를 고려하고 확장성 있는 메뉴를 위한 마크업과 스타일링
정을수 위원
KIPFA 웹표준분과
2018. 4. 3. (화)
12:00~18:00
메인 페이지
- 조밀하고 복잡한 메인 페이지 작업하기
정을수 위원
KIPFA 웹표준분과
2018. 4. 4. (수)
12:00~18:00
통합 응용 실습 테스트
- 웹표준 기초 응용을 테스트해 볼 수 있는 실기 시험
정을수 위원
KIPFA 웹표준분과
2018. 4. 5. (목)
12:00~18:00
HTML5 / CSS3 개요/ 의미의 확장
- 추가된 의미와 태그
정을수 위원
KIPFA 웹표준분과
2018. 4. 9. (월)
12:00~18:00
리치미디어와 웹폼/ 폰트와 텍스트
- 비디오와 오디오
- 캔버스 태그
- 확장된 기능의 폼
- 텍스트와 관련된 새로운 표현들
정을수 위원
KIPFA 웹표준분과
2018. 4. 10. (화)
12:00~18:00
박스를 위한 새로운 표현들
- 둥근모서리박스
- 그림자
- 투명도 조절
- 다양한 배경사용
정을수 위원
KIPFA 웹표준분과
2018. 4. 11. (수)
12:00~18:00
애니메이션
- CSS만으로 쉽게 부드러운 이징효과를 주고 변형시키는 방법
정을수 위원
KIPFA 웹표준분과
2018. 4. 12. (목)
12:00~18:00
이해와 접근
- 멀티디바이스 컨텐츠 설계에 대한 우선순위
정을수 위원
KIPFA 웹표준분과
2018. 4. 16. (월)
12:00~18:00
플루이드 레이아웃
- 유연한 크기제어
- 단위
- 폰트
- 레이아웃 설계
정을수 위원
KIPFA 웹표준분과
2018. 4. 17. (화)
12:00~18:00
미디어 쿼리
- 미디어 쿼리란?
- 뷰포트
- 사용방법
정을수 위원
KIPFA 웹표준분과
2018. 4. 18. (수)
12:00~18:00
자바스크립트 기초
- 데이터탑입
- 배열
- 함수
- 문법
정을수 위원
KIPFA 웹표준분과
2018. 4. 19. (목)
12:00~18:00
선택자
- DOM
- $()팩터리 함수
- CSS 선택자
- 속성 선택자
정을수 위원
KIPFA 웹표준분과
2018. 4. 23. (월)
12:00~18:00
이벤트
- 기본 이벤트
- 합성 이벤트
- 이벤트 전파
- 이벤트 객체와 대상
- 이벤트 기본 동작
- 이벤트 핸들러
정을수 위원
KIPFA 웹표준분과
2018. 4. 24. (화)
12:00~18:00
효과
- 인라인 CSS 변경
- 숨김과 보이기
- 효과와 속도
- 동시효과와 연속효과
- 페이드 코글
- 프로퍼티 애니메이션
- CSS 위치변경
정을수 위원
KIPFA 웹표준분과
2018. 4. 25. (수)
12:00~18:00
DOM 다루기
- 속성 조작하기
- 요소 삽입/이동/복사
- CSS 나누기
정을수 위원
KIPFA 웹표준분과
2018. 4. 26. (목)
12:00~18:00
패러럴 스크롤 만들기
- 시간차로 스크롤하며 컨텐츠를 보여주는 UI구현하기
정을수 위원
KIPFA 웹표준분과
2018. 5. 8. (화)
12:00~18:00
슬라이딩 메뉴 만들기
- 마우스가 오버되면 부드럽게 하위 메뉴가 나타나는 메뉴 구현하기
정을수 위원
KIPFA 웹표준분과
2018. 5. 9. (수)
12:00~18:00
롤링 배너 만들기
- 가로 혹은 세로로 롤링되면서 컨텐츠를 보여주는 UI 구현하기
정을수 위원
KIPFA 웹표준분과
2018. 5. 10. (목)
12:00~18:00
포트폴리오
- 마크업
- 스타일1/ 크리틱
정을수 위원
KIPFA 웹표준분과
2018. 5. 14. (월)
12:00~18:00
포트폴리오
- 마크업
- 스타일2/ 크리틱
정을수 위원
KIPFA 웹표준분과
2018. 5. 15. (화)
12:00~18:00
포트폴리오
- jQuery/ 크리틱
정을수 위원
KIPFA 웹표준분과
2018. 5. 16. (수)
12:00~18:00
포트폴리오
- 코드다듬기와 정리하기/ 크리틱
정을수 위원
KIPFA 웹표준분과
2018. 5. 17. (목)
12:00~18:00
포트폴리오
- 사이트 선정
- 구조 및 동작 설계
정을수 위원
KIPFA 웹표준분과
2018. 5. 21. (월)
12:00~18:00
포트폴리오
- 마크업
- 스타일/ 크리틱
정을수 위원
KIPFA 웹표준분과
2018. 5. 23. (수)
12:00~18:00
포트폴리오
- 마크업
- 스타일/ 크리틱
정을수 위원
KIPFA 웹표준분과
2018. 5. 24. (목)
12:00~18:00
포트폴리오
- jQuery/ 크리틱
정을수 위원
KIPFA 웹표준분과
2018. 5. 28. (월)
12:00~18:00
포트폴리오
- 코드다듬기와 정리하기/ 크리틱
정을수 위원
KIPFA 웹표준분과
2018. 5. 29. (화)
12:00~18:00
포트폴리오
- 사이트 선정
- 구조및 동작설계 / 크리틱
정을수 위원
KIPFA 웹표준분과
2018. 5. 30. (수)
12:00~18:00
포트폴리오
- 마크업
- 스타일 / 크리틱
정을수 위원
KIPFA 웹표준분과
2018. 6. 4. (월)
12:00~18:00
포트폴리오
- jQuery / 크리틱
정을수 위원
KIPFA 웹표준분과
2018. 6. 5. (화)
12:00~18:00
포트폴리오
- 코드다듬기와 정리하기 / 크리틱
정을수 위원
KIPFA 웹표준분과
2018. 6. 7. (목)
12:00~18:00
포트폴리오
- 사이트 선정
- 구조 및 동작설계 / 크리틱
정을수 위원
KIPFA 웹표준분과
2018. 6. 11. (월)
12:00~18:00
포트폴리오
- 마크업
- 스타일 / 크리틱
정을수 위원
KIPFA 웹표준분과
2018. 6. 12. (화)
12:00~18:00
포트폴리오
- jQuery / 크리틱
정을수 위원
KIPFA 웹표준분과
2018. 6. 14. (목)
12:00~18:00
포트폴리오
- 코드다듬기와 정리하기 / 크리틱
정을수 위원
KIPFA 웹표준분과
2018. 6. 18. (월)
12:00~18:00
포트폴리오
- 사이트 선정
- 구조 및 동작설계 / 크리틱
정을수 위원
KIPFA 웹표준분과
2018. 6. 19. (화)
12:00~18:00
포트폴리오
- 마크업
- 스타일 / 크리틱
정을수 위원
KIPFA 웹표준분과
2018. 6. 20. (수)
12:00~18:00
포트폴리오
- jQuery / 크리틱
정을수 위원
KIPFA 웹표준분과
2018. 6. 21. (목)
12:00~18:00
포트폴리오
- 코드다듬기와 정리하기 / 크리틱
정을수 위원
KIPFA 웹표준분과
2018. 6. 25. (월)
12:00~18:00
포트폴리오
- 코드다듬기와 정리하기 / 크리틱
정을수 위원
KIPFA 웹표준분과
2018. 6. 26. (화)
12:00~18:00
발표회 및 수료식
- 포트폴리오 발표 및 수료
정을수 위원
KIPFA 웹표준분과

정규교육과정 강사소개

교육센터 강사진 보기

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

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

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

     

     

등록안내



    ▒  교육문의
    담당 

    정지우 대리

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

신청하기



hosting.kr