Part 1 웹 그래픽(Web Graphic)
Section 1 웹 그래픽의 특징
Section 2 픽셀(Pixel)과 해상도
Section 3 비트맵(Bitmap) 방식과 벡터(Vector) 방식
Section 4 그래픽 파일의 종류와 쓰임
Section 5 안티알리아스(Anti-alias)와 알리아스(Alias)
Section 6 이미지 스캔과 포토그래피(Photography)
Section 7 로고와 아이콘
Section 8 메뉴, 배너, 배경 이미지
Section 9 Good 웹 그래픽 포트폴리오

part 2 웹 레이아웃(Web Layout)
Section 1 웹 레이아웃 디자인
Section 2 그리드(Grid)와 테이블(Table)의 활용
Section 3 컨텐츠를 화면 왼쪽에 정렬한 페이지의 레이아웃
Section 4 컨텐츠를 화면의 수평 중앙에 정렬한 페이지의 레이아웃
Section 5 컨텐츠를 화면의 수평·수직 중앙에 정렬한 페이지의 레이아웃
Section 6 화면 전체를 사용한 페이지의 레이아웃


Par 3 웹 컬러(Web Color)
Section 1 색의 원리와 웹 디자인
Section 2 웹 컬러와 컬러 모드
Section 3 빨강, 주황, 노랑 계열의 컬러
Section 4 파랑 계열의 컬러
Section 5 초록, 연두 계열의 컬러
Section 6 검정, 회색 계열의 컬러
Section 7 Good 웹 컬러 포트폴리

Part 4 웹 인터페이스(Web Interface)
Section 1 인터페이스 디자인의 개념
Section 2 웹 인터페이스 디자인의 특성
Section 3 웹 네비게이션 디자인
Section 4 유저 인터페이스(User Interface) 포트폴리오
Section 5 Good 인터페이스 디자인 포트폴리오

Part 5 웹 타이포그래피(Web Typography)
Section 1 타이포그래피란?
Section 2 타이포그래피의 구성 요소
Section 3 타이포그래피의 기본 원리
Section 4 웹 타이포그래피의 특징
Section 5 키네틱 타이포그래피
Section 6 Good 타이포그래피 포트폴리오

Part 6 메타포(Metaphor)
Section 1 메타포(Metaphor)란?
Section 2 메타포(Metaphor)의 특성
Section 3 메타포(Metaphor)의 활용
Section 4 메타포를 활용한 웹 디자인 포트폴리오

part 7 웹 스타일(Web Style)
Section 1 웹 디자인 스타일
Section 2 흰색 바탕의 심플한 스타일
Section 3 컬러를 활용한 화려한 스타일
Section 4 파스텔톤의 보기 편한 스타일
Section 5 모던한 감각의 세련된 스타일
Section 6 개성이 강한 독특한 스타일
Section 7 Good 웹 스타일 포트폴리오