상단 타이틀
     
 


웹표준 기초자를 위한 HTML/CSS Training

 

본 과정은 HTML/CSS의 기본이 준비가 되신 분들을 대상으로 실제 존재하는 사이트를 선정해 메인페이지, 게시판, 단순 소개 페이지 등등의 특성이 있는 컨텐츠별로 작업을 직접해보고 크리틱(코드지도)을 받는 방식의 수업입니다.

혼자서 책을 통해 공부 하셨던 분들이나 속성으로 HTML을 배우신 분들은 "할 수 는 있지만 맞게 한건지는 모르겠다" 라고 말합니다. 코드는 정답이 있을 수 가 없지만 그 상황(디자인과 기획목적)에 맞춰 좀 더 관리하기 쉬운코드, 활용도가 좋은 코드로 만들어야 하기 때문에 더 그렇습니다. 그러므로 단순히 문법에 틀리지 않았다고 “코드를 짤 수 있다!” 라고 말 할 수 없는 것입니다.


본 과정에서는 크리틱을 통해 실무에서 진행되는 일들과 함께 그에 필요한 노하우가 함께 전달 및 숙련될 수 있도록 하였습니다. 특히 “캡춰코딩“과목에서는 자신이 선택한 실제 디자인을 강사와 함께 진행하면서 자기주도적인 학습시간이 되도록 구성하였습니다.

*사업주 환급과정(교육비의 22%~28% 환급)

교육 프로그램

   
구분 강의 주제 및 내용

1일차
1월 27일(월)
19:00 ~ 22:00

구조설계와 레이아웃

전체적인 컨텐츠와 디자인을 검토하여 CSS구조와 레이아웃 구조를 설계하며
컨텐츠와 디자인 특성에따라 어떻게 시작하는지를 경험합니다.

(주요포인트: CSS구조, 네이밍규칙, 디자인구조파악, float&clear)
2일차
2월 03일(월)
19:00 ~ 22:00
브래드커럼스 / 서브메뉴 / 풋터

접근성을 고려한 마크업 위치선정과 확장성있는 메뉴와 풋터를 실습합니다.

(주요포인트:vertical-align, background, float&clear)
3일차
2월 05일(수)
19:00 ~ 22:00
회사소개 페이지

각기 다른 컨텐츠들을 관리하기 쉽도록 규칙을 만들어 작업하는 것을 실습합니다.

(주요포인트: 네이밍규칙, background, 음수마진, float&clear)
4일차
2월 10일(월)
19:00 ~ 22:00
제품,서비스소개 페이지

동일한 컨텐츠를 최소한의 CSS를 사용하여 효율성있게 작업하는 것을 실습합니다.

(주요포인트: background, 모듈화, 네이밍규칙, float&clear)
5일차
2월 12일(수)
19:00 ~ 22:00
입력양식

접근성있는 입력양식을 디자인 상황에 맞게 만드는 실습합니다.

(주요포인트: 접근성 있는 입력양식)
6일차
2월 17일(월)
19:00 ~ 22:00
게시판

한 사이트에 사용되는 다양한 테이블을 어떻게 모듈화 하는지를 실습합니다.

(주요포인트: 접근성 있는 테이블, 모듈화)
7일차
2월 19일(수)
19:00 ~ 22:00
상단메뉴

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

(주요포인트: 접근성 있는 메뉴마크업, position, background)
8일차
2월 24일(월)
19:00 ~ 22:00
메인 페이지

조밀하고 복잡한 메인 페이지를 실습합니다.

(주요포인트: float&clear, IR기법)

- 관계성 없는 배치
- position:absolute
- position:relative
- position:fixed
- 박스가 보이는 순서
9일차
2월 26일(수)
19:00 ~ 22:00
캡춰 코딩 1. 레이아웃과 메뉴

자신이 선택한 사이트의 전체적인 컨텐츠와 디자인을 검토하여 CSS구조와 레이아웃 구조를 설계하며,컨텐츠와 디자인 특성에 따라 어떻게 시작하는지를 경험합니다.
10일차
3월 03일(월)
19:00 ~ 22:00
캡춰 코딩 2. 기업소개

각기 다른 컨텐츠들을 관리하기 쉽도록 규칙을 만들어 작업하는 것을 실습합니다.
11일차
3월 05일(수)
19:00 ~ 22:00
캡춰 코딩 3. 제품/서비스 소개

각기 다른 컨텐츠들을 관리하기 쉽도록 규칙을 만들어 작업하는 것을 실습합니다.
12일차
3월 10일(월)
19:00 ~ 22:00
캡춰 코딩 4. 메인

조밀하고 복잡한 메인 페이지를 실습합니다.


강사 소개

강사 사진

KIPFA 정을수

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

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


 

신청하기

 

 

 

서울시 동작구 동작대로 43 (사당동 5층) 한국인터넷전문가협회

Tel. 02-874-8648 l Fax. 02-874-8738 l 페이스북:/kipfa

 

교육문의 : park@kipfa.or.kr/ jaram122@kipfa.or.kr






Posted by kipfanews
올블로그추천버튼 블코추천버튼 믹시추천버튼 한RSS추가버튼 구글리더기추천버튼

댓글을 달아 주세요