웹비즈니스 | 전략 | 소셜네트워크 | Web2.0 |
웹패러다임 | 글쓰기 | 웹기획 | 기획 | 웹트렌드 |
웹2.0
웹 비즈니스
웹 트렌드
웹기획
UCC
블로그/커뮤니티
소셜네트워크
웹기획자 역량 강화
이메일마케팅
고객DB마케팅
웹2.0 마케팅
인터넷 마케팅 일반
온라인광고
검색 마케팅
바이럴/입소문마케팅
모바일마케팅
블로그/커뮤니티 마케팅
웹디자이너 역량 강화
웹디자인
UX/UI
웹표준/CSS
서버/데이터베이스
웹프로그래밍
웹개발자 역량 강화
웹2.0 개발(AJAX)
엑셀
프리젠테이션
업무능력향상
기획/제안/글쓰기
창의력/아이디어
기업회계/세무
전략
경영/관리
트렌드
마케팅 일반
고객/마켓 분석
고객관리/서비스/VIP
브랜드/포지셔닝/차별화
광고/컨셉
세일즈/프로모션
마케터 역량 강화
PR(홍보)
스토리텔링
모바일비즈니스
IT 트렌드
IPTV
베스트셀러 특강
HOME > 오프라인 > 지난과정 상세보기
CSS & 웹표준 실무 적용 워크샵 2006
일시 : 2006-08-10 (목)   10:00~18:00
장소 : 역삼역 포스틸 3층 이벤트홀
강사 : OOO  
가격 : 99,000원

CSS & 웹표준 실무 적용 워크샵 2006
    국내 웹표준 도서 저자들의 노하우를 직접 만난다!
    *본 워크샵에 등록하시는 선착순 20분(입금순)께 아래의 도서를 드립니다.

    * 1명 ~ 10명 : 웹 2.0을 이끄는 방탄웹 | 댄 씨더홈 저 / 박수만 역 | 에이콘출판사
    * 11명 ~ 20명 : 실용예제로 배우는 웹 표준 | 댄 씨더홈 저 / 박수만 역 | 에이콘출판사


    • 강사 : OOO
    • 일시 : 2006년 8월 10일(목) 10:00 ~ 18:00
    • 장소 : 역삼역 포스틸 3층 이벤트홀
    • 가격 : 사전등록 99,000원 / 현장등록 110,000원(부가세/교재비 포함)
※ 주차가 불가능하오니 대중교통을 이용해 주세요. 주차지원은 하지 않습니다.

    • CSS 및 웹표준을 실무에 적용하기 원하는 웹기획자, 디자이너, 개발자
    • CSS 및 웹표준 프로젝트 경험이 없는 웹개발 관련 실무자
    • CSS 및 웹표준에 관심이 있는 모든 분

    • 웹표준의 중요성과 비즈니스적 가치를 인식한다.
    • CSS 및 웹표준 실무 퀵가이드를 통해 핵심 적용 방안을 살펴본다.
    • CSS를 이용한 디자인/개발 사례 데모를 통해 프로젝트 전과정의 단계별 프로세스를 살펴본다.
    • 실제 웹표준을 실무 프로젝트에 적용하는 방안을 고민해본다.

테이블 태그는 죽었다! - CSS를 이용한 웹사이트 구축(디자인, 기획, 개발) 전략
아직도 웹페이지 레이아웃에 테이블 태그를 사용하신다구요?
레이아웃을 잡기 위해 습관적으로 사용하던 '테이블 태그는 이제 죽었습니다!'

테이블 태그는 표 작업시에만 사용하도록, 본연의 임무를 찾아줘야 합니다.
많은 웹프로젝트에서 테이블 태그 안에 또 다른 테이블 태그를 반복 사용해서 레이아웃을 잡는 일이 벌어졌습니다.
이런 경우 나중에 일부 테이블 태그를 삭제하면, 전체 레이아웃이 깨져버리는 문제가 발생합니다.
또, 작은 수정시에도 복잡하게 얽혀있는 소스 코드 때문에 작업할 엄두가 나질 않는 경험을 해보지 않으셨습니까?

웹디자이너, 웹기획자, 웹개발자 여러분...
이제는 CSS를 활용해서 웹사이트를 구축해야 합니다.
데이터와 시각적인 표현은 구분해야 합니다.
세계적으로 웹표준에 따른 웹사이트 구축이 대세로 자리잡고 있습니다.
선진화된 웹환경의 가이드라인을 제공하는 이번 'CSS & 웹표준 실무 적용 워크샵'을 통해 앞서 나가십시오!

다양한 웹표준 프로젝트를 진행해오신 전문가 3인의 노하우를 통해 CSS의 위력과 웹표준의 중요성을 배워보시기 바랍니다.

* 아래는 테이블 태그를 사용하지 않고 CSS로 레이아웃을 잡은 대표적인 사이트입니다. 직접 방문해서 메인 페이지의 소스를 확인해 보세요. 이렇게 복잡한 상용 사이트도 테이블 태그 없이 CSS만 이용해서 레이아웃(div 태그 사용)을 잡았습니다.
일 정 교 과 목 명
강 사
1부 - CSS 및 웹표준 퀵 가이드

1세션
10:00~10:50
(50분)

왜 웹표준인가?

1. 웹표준에 대한 전반적인 이해
2. 웹표준 사이트 제작에 대한 이해
3. 의미를 살린 마크업 작성하기
OOO 대표
(주)더블트랙
10:50 ~ 11:00
(10분)
Break Time
2세션
11:00~12:00
(60분)

CSS 및 웹표준에서 가장 많이 사용하는 Tips

1. 내비게이션 메뉴바 만들기
2. flickr 스타일의 이미지 맵 만들기
3. 이미지 박스 기사 만들기
4. 자유자재로 높낮이가 조절되는 메뉴바 만들기
5. 깨지지 않는 상자 만들기
OOO 대표
(주)더블트랙
12:00~13:20
(80분)
Lunch Time
3세션
13:20~14:10
(45분)

CSS 디자인 최적화

1. HII(Human Information Interacion) 디자인 소개
2. HII 기반 사용자 중심 CSS 디자인 방법
3. 브라우저 기반 디자인 소개
4. 브라우저 기반 디자인 utility 및 활용법
5. 브라우저 기반 onestop 디자인 + 마크업
조 훈
다음커머스
4세션
14:10~15:00
(45분)

CSS 개발 최적화

1. CSS 최적화 소개
2. CSS 상속과 겹침(cascade)의 이해 및 활용
3. 디자인 요소별 모듈화 소개
4. CSS를 이용한 디자인 요소별 모듈화 방법
조 훈
다음커머스
15:00~15:20
(20분)
Break Time
2부 - CSS 및 웹표준 실전 구축 데모
5세션
15:20~16:20
(60분)

CSS 및 웹표준 실전 구축 데모 1

1. Contents : 구성요소 확인
 1.1 스토리보드와 디자인 소스
 1.2 구성요소 모크업

2. Markup : 구조 제작하기
 2.1 문서타입 선택 요령
 2.2 기본 HTML 구조에 따른 단위 파일 작성
 2.3 그룹 : div, span
 2.4 식별자 : id, class
 2.5 제목의 사용
 2.6 의미에 맞는 태그의 사용
 2.7 이미지태그? 배경이미지?
OOO 팀장
시도우

6세션
16:20~17:00
(40분)

CSS 및 웹표준 실전 구축 데모 2

3. CSS : 디자인 적용하기
 3.1 셀렉터 사용 방법
 3.2 @import를 이용한 파일 구성
 3.3 레이아웃 : position vs. float
 3.4 브라우저 기본 스타일
 3.5 배경이미지 적용 방법
 3.6 HACK?
OOO 팀장
시도우
17:00~17:10
(10분)
Break Time
7세션
17:10~18:00
(50분)

CSS 및 웹표준 실전 구축 데모 3

4. Script : 문서에 움직임 주기
 4.1 Unobtrusive Javascript
 4.2 크로스 브라우징 전략

5. 검토
 5.1 W3C Markup Validation
 5.2 W3C CSS Validation
 5.3 접근성
OOO 팀장
시도우

** 상기 일정, 강사, 내용은 사정에 따라 변경될 수 있습니다.

2012년 국내외 웹표준 전망 및 웹표준 적용사례
(주)시도우 OOO 대표이사
64분 26,400원 [부가세포함] 2012-03-27
네이버 마크업 품질관리
NHN OOO 팀장
53분 22,000원 [부가세포함] 2012-03-21
반응형 웹 디자인 소개 및 Daum 사전 적용 사례
다음커뮤니케이션 OOO 
60분 26,400원 [부가세포함] 2012-03-21
웹디자인/UX > 웹표준/CSS 카테고리 상품 전체 보기

* 컨퍼런스 또는 교육이 있는 경우 관련 담당자가 외부에 상주하고 있으므로 전화 통화가 안될 수 있습니다.
관련 문의 내용을 1:1문의(http://www.bizdeli.com/support/1to1.asp)에 남겨주시면 당일 안으로는 처리해서 답변을 드리도록 하겠습니다.
감사합니다.