|
|
|
|
|
|
 |
- 제목 : "웹표준과 모바일웹" 실무 테크닉 마스터링 워크샵
- 개강 : 2012.6.4 월수과정 (2012연간 수강일정표)
- 교육시간 : 주2일 / 총14강 40시간(2개월 과정) / 오후7:00-10:00
- 수강료 : 50만원 (자비수강 20% 할인)
- 국비지원
근로자향상제(재직자 지원금제):60%지원
구카드제(2011년4월1일 기준):이전100%, 이후80%
재직자 계좌제:80%
실업자 계좌제(2011.12.31 이전 발급카드):일반80%,뉴스타트/취업성공패키지100% 지원)
실업자 계좌제(2012.1.1 이후 발급카드):일반55%,뉴스타트/취업성공패키지100% 지원)
입금계좌 : 국민은행 068801-04-165229 이제식
- 강사 : 이지만/장세영
- 모집인원 : 20명 [선착순 마감] (수강신청하기)
- 상담전화 : 02-2274-5832
|
 |
- '웹표준 전문 코더' 신생 직업군으로 부각, 아직은 지원자 없어 업계 희소가치 백배 (관련 기사 보기)
- 관공서 및 정부 관련 웹사이트, 금융, 포털 사이트 웹표준 작업은 이미 필수 작업
- 웹 접근성을 높여 보다 글로벌한 기준을 만들어가는 것이 바로 웹의 사명감
- 'IT강국' 이라는 수식어가 무색하게도 한국의 웹은 보편성과는 다소 거리가 있습니다.
시각화에만 주력을 하는 웹시장은 그 규모에 비해 웹의 질적 가치와 보편성은 훼손된지 오래입니다.
- 이제는 MS사의 종속적인 사용성을 벗어나 웹의 본질인 ‘보편성(Universal Design)'을 따지고 웹 접근성을 높여
보다 글로벌한 기준을 만들어가는 것이 바로 웹의 사명감이 아닌가 싶습니다.
최근 들어 웹 표준을 할 줄 아는 코더를 찾는 기업이 점점 늘어나고 있습니다.
특히 수 많은 관공서 및 정부 관련 단체와 관련된 웹사이트, 금융, 포털 사이트 등은 이미 웹표준으로 바꾸는 작업이 한창이며,
필수 작업이 된지 오래입니다.
이는 그 만큼 웹표준이 시대의 흐름이자 절대가치가 될 날이 멀지 않음을 증명해주는 것입니다.
- 아직은 웹표준이 '소수를 위한 투자'라하여 등한시 하는 기업이 많습니다.
하지만 웹시장은 소수를 근간으로 접근성과 보편의 철학을 만들었으며
소수를 통해 다수와 함께 소통 가능한 표준을 만들 수가 있었습니다.
이제 웹은 소수를 다수에 편입시키려는 과도기에 놓여있는 것입니다.
- 때문에 최소한 컴퓨터가 자신의 생계수단인 웹종사자들이라면 급변하는 표준화시장에 얼마나 빨리 발을 담그느냐가
이후 자신의 밥그릇 크기가 달라지게 하는 것은 아닐까요?
- 현재 업계에서는 전문 웹표준 코더가 없어서,, 한 두달전부터 미리 예약하고도 인력이 없어
윗돈을 얹어 주고도 인력을 못 구하고 있다는 후담. (월 평균 300~400만원 급여)
- 지금 이 순간 자신의 목표가 어디까지인지 점검해보고 그 목표가 그래도 웹이라는 곳에 놓여 있다면
웹표준은 분명 웹을 위한 하나의 과정으로 배워야 할 필수과목일 것입니다.
- 참고자료 :
웹 접근성 실태조사 조사항목 및 체크리스트(pdf)
한국정보통신표준인터넷 웹 콘텐츠 접근성 지침(pdf)
|
 |
- 현 일반 코딩 가능 웹디 또는 프리랜서 웹디, 코더, 프로그래머
- 기본 HTML을 이해 하고 있어야 수강 가능합니다.
- 드림위버 사용 가능한 사람
- 웹디자인에서 영역을 넓혀서 프리랜서를 계획하고 있는 사람
- 전공을 아직 정하지 못한 사람
- 현재의 연봉 보다 더 높은 연봉으로 점프하려는 사람
- css의 각 속성에 대한 학습은 되었지만 코딩에 대한 전체적인 실무 workflow를 가지지 못한 사람
- css 속성을 이용한 코딩이 가능하나 실무적인 float, position에 대한 이해가 부족함 사람
- 코딩은 가능하나 코딩이 진행될수록 화면 깨짐이 발생하고 css 파일이 뒤죽박죽이 되는 사람
|
 |
|
|
 |
|
|
|
|
|
- [구조언어로서의 XHTML]
준비 : http://html5.cafe24.com/source/index.html 의
상단메뉴중 [코딩가이드] 메뉴 확인
1. 적절한 문서형 선언 이해 (Document Type Definition:DTD)
2. html, css, js 의 역할 알아보기
3. diplay의 이해 (block / inline)
4. firefox 실무 플러그인 알아보기
(firebug, web developer, html validator)
|
|
이지만
|
|
|
|
|
|
|
|
|
|
- [float에 대한 이해1]
1. float 란 무엇인가
2. float 사용의 역할과 사용시 발생되는 문제점 알기
3. float 와 관련된 속성 알아보기 (float, overflow, clear)
|
|
이지만
|
|
|
|
|
|
|
|
|
|
- [float에 대한 이해2]
1. float, clear 보스를 이용한 레이아웃 잡기
2. haslayout 이해를 통한 float 사용시 문제점 해결하기
|
|
이지만
|
|
|
|
|
|
|
|
|
|
- [position에 대한 이해]
1. absolute, relative 의 공통점, 차이점 이해하기
2. absolute, relative 의 자주쓰는 패턴 익히기 (예제학습)
3. positon:relative를 활용하기 (예제학습)
|
|
이지만
|
|
|
|
|
|
|
|
|
|
- [table에 대한 이해]
1. 테이블 태그에 대한 이해
2. 테이블의 border-collapse :
collapse || seperate 옵션에 대한 이해
3. 홈페이지에서 사용하는 일반적인 테이블 css 코딩 형식에 대한 학습
4. em 단위 학습 및 사용
|
|
이지만
|
|
|
|
|
|
|
|
|
|
- [실무코딩을 위한 첫걸음]
1. 기본 베이스 파일 다운
2. reset.css 설명 및 실무작업시 효율적인 workflow 설명
3. form태그 작성 및 설명 후 텍스트와 요소(이미지등)간의
상하 가운데 정렬 학습
4. a태그 색변경 클래스 만들기
|
|
이지만
|
|
|
|
|
|
|
|
|
|
- [로그인 코딩]
6강까지 배운 내용을 바탕으로 float, position, form 요소가
들어있는 로그인 페이지 코딩
( 6강에서 받은 베이스 파일을 활용하여 코딩)
|
|
이지만
|
|
|
|
|
|
|
|
|
|
|
|
- [응용 실습 프로젝트 1 : 응용 실습 준비]
1. 앞서 배운 웹표준의 개념 정리
2. 응용실습을 위한 HTML 기본 문법 복습
3. 효율적인 작업을 위한 프로그램(에이트플러스) 셋팅 최적화
|
|
장세영
|
|
|
|
|
|
|
|
|
|
- [응용 실습 프로젝트 2 : 레이아웃 실습1]
1. 레이아웃을 위한 CSS(position, float)사용법 심화 복습
2. 2,3단 서브페이지 레이아웃 실습 예제
|
|
장세영
|
|
|
|
|
|
|
|
|
|
- [응용 실습 프로젝트 3 : 레이아웃 실습2]
1. 메인페이지 레이아웃 실습 예제
2. 고정형, 가변형 레이아웃 실습 예제 3. 레이어형 팝업 실습 예제
|
|
장세영
|
|
|
|
|
|
|
|
|
|
- [응용 실습 프로젝트 4 : 웹표준과 모바일웹]
1. 모바일웹은 일반웹과 어떻게 다른가?
2. 차세대 웹표준 기술인 HTML5와 CSS3의 소개
|
|
장세영
|
|
|
|
|
|
|
|
|
|
- [응용 실습 프로젝트 5 : 모바일웹 페이지 제작1]
1. 리스트형 컨텐츠 실습 예제
2. 섬네일형 컨텐츠 실습 예제
3. 보기화면 컨텐츠 실습 예제
|
|
장세영
|
|
|
|
|
|
|
|
|
|
- [응용 실습 프로젝트 6 : 모바일웹 페이지 제작2]
1. 테이블형 컨텐츠 실습 예제
2. 로그인 페이지 실습 예제
3. 메인 페이지 실습 예제
|
|
장세영
|
|
|
|
|
|
|
| 제 14 강
(웹표준2)
2시간
|
|
- [응용 실습 프로젝트 7 : 응용실습 최종정리]
1. 실전에 사용되는 웹표준 기법
- HTML5/CSS3 활용 실 사례 분석
- 자바스크립트(Jquery)
2. 기타 실무에 필요한 웹표준관련 소스 분석
|
|
장세영
|
|
|
|
|
|
|
|
- 본 강의는 원생 레벨에 따라 강의 내용은 상하 조절됩니다.
- 본 강의는 수강생 현황이나 상황에 따라서 강의 내용이 일부 바뀌거나 폐강될 수 있습니다.
- 본 강좌의 내용은 해당 강사와 학원의 허락없이 무단으로 사용되면 저작권 침해로 처벌 받을 수 있습니다.
|
 |
|
- 엔크린닷컴 운영
- sk네트웍스 benecar 작업
- 한국항공대학교 구축
- 대통령 과학 장학생 커뮤니티 구축
- 코트라 contack korea 구축
- 세브란스병원 홈페이지 구축
- 국민은행 업무포탈 코딩작업
- 국민은행 홈페이지 구축 지원인력
- 신한카드 홈페이지 구축 지원인력
- 한국과학기술원 구축
- Action 쇼핑몰 코딩(책, 음악, dvd 파트)
- 공적자금관리위원회 구축
- EBS 홈페이지 구축(1개월)
- 에임시스템
- 국민은행 총부과 쌍방향물류시스템
- 포젠 마이크사이트 구축
- Estate 부동산 사이트 구축
- Bloppy 커뮤니티 구축
- 우신기업 사이트 유지보수
|
이지만 강사
|
|
|
|
- 現 리업퍼블리싱 대표(웹표준/웹접근성 전문 컨설팅, 웹 퍼블리싱 업무)
- 포트폴리오/수행 프로젝트
<정부/공공기관>
- 공정거래위원회 소비자상담센터, 한국방송광고공사(kobaco)
- 식약청, 성북구 보건소, 조달청, 사회복지협의회
ETRI(한국전자통신연구원) 그룹웨어<포털/언론>
- NHN NAVER Service, 빌보드 코리아, 한국인테리어방송
조선일보 The Star <쇼핑몰>
- 위즈위드(데님, 기획전등), OTTO(메인개편), SkinRX,
Wconcept.tv<기업/일반>
- SK T WORLD, SK엔나비, SK UUing, 현대하이카손해사정,
무스쿠스, 웰빙포크,
- Nethru SmartMedia, Nethru CustomerFocus,
LIG System <교육기관>
- 수도전기공업고등학교 총동창회, 강남대학교, 웅지세무대학,
고려대학교 구매입찰시스템
|
장세영 강사
|
|
|
|
|
 |
[▲TOP 으로]
|
|
|
|
|
|
|
|
