1. 기본적인 HTML과 CSS이해&다양한 레이아웃 만들어 보기

- 왜 스마트디자인을 사용해야 하는가?

- 테이블코딩과 웹표준코딩의 차이
- XHTML 1.0 과 html5의 차이
- 스마트디자인에 주로 사용하는 html 소개
- 스마트디자인에 주로 사용하는 css 소개
- id와 class 사용하기
- div 박스 다루기(inline과 block의 이해)
- 포지셔닝 완벽 이해하기

- 쇼핑몰 레이아웃1단,2단,3단만들어보기

2. 스마트디자인의 이해&실제로 만들어보기
- 학습한 html/css로 스타일난다 쇼핑몰 코딩 실습하기
- 카페24 스마트디자인 구조 이해하기

3. 실전 쇼핑몰 코딩 스마트디자인에 적용하기

- 포지션으로 로고, top 메뉴, 검색, 배너 자유자재로 배치하기

- 메뉴 모듈 사용 후 css로 디자인 변경하기

- C 스토어 이용하여 메인이미지 돌아가게 하기

- 목록 이미지 사이즈 변경 등