웹표준을 제대로 알고 활용할 수 있는 디자이너가 우대받는 시대
이제 당당하게 웹표준을 제대로 알고 있다고 말할 수 있다
웹표준 두려워하지 마라!
* 이 책은 어떤 책일까요?
– 소스북이 아닌 100% 실무 활용서
– 초급자도 이해하기 쉬운 실무 예제 중심 구성
– 크리에이티브 디자이너와 전문 코더가 되기 위한 웹표준 실무 노트
* 이 책은 누가 봐야 할까요?
– 웹표준 코딩이 막막해 입문하기 힘들어서 망설이는 사람
– 바이블만 보고 실무에 적용하지 못했던 사람
– 실무에서 사용하는 웹표준이 궁금한 사람
본문 예제를 따라하는 데 필요한 예제 파일과 동영상 강좌는 제우미디어 홈페이지(www.jeumedia.com) <독자참여-자료실- 크리에이티브 디자이너를 위한 웹표준>을 통해서 내려받을 수 있습니다.
1장. 웹표준 기초다지기
1. 웹표준의 정의
1)웹표준이란?
2)웹표준의 장점
2. 웹 접근성의 중요성
1)웹 접근성이란?
2)웹 접근성의 현실
3)웹 접근성을 높이기 위해 고려할 점
3. DTD 종류, 웹 브라우저 종류
1)DTD란?
2)DTD의 종류
3)웹 브라우저의 종류
4. CSS에 관하여
1)CSS란?
2)CSS의 선언방법
3)CSS 적용 시 주의할 점
5. CSS의 사용방법
1)CSS 사용 기본규칙
2)스타일을 적용할 대상, 선택자
3)캐스케이드 효과와 적용순서
4)스타일 상속
* 크리에이티브 디자이너를 위한 웹표준 커뮤니티 소개
2장. 웹표준 코딩 준비하기
1. DTD 정의하기
1) 우리가 사용할 DTD는?
2) Tip & Tech
(1) 핵 사용법
*각분야 전문가들 미니 인터뷰
2. 텍스트 스타일
1) 텍스트 효과 소개
2) 텍스트 활용법
3) 응용 및 관리하는 법
4) Tip & Tech
*각분야 전문가들 미니 인터뷰
3장. 웹표준 코딩해보자!
1. 레이아웃 – 레이아웃 나누기
1) 레이아웃의 종류 및 코딩방법
2) 예제의 레이아웃 완성하기
3) Tip & Tech
(1) margin과 padding의 차이점
(2) margin과 padding의 규칙
*각분야 전문가들 미니 인터뷰
2. 내비게이션/레이어/검색창 – gnb 완성하기
1) gnb 영역 div 나누기
2) 내비게이션의 종류 및 코딩방법
3) 예제의 내비게이션 완성하기
4) 로고 넣기
5) 예제의 검색창 완성하기
6) 예제의 레이어 만들기
7) gnb 완성하기
*각분야 전문가들 미니 인터뷰
3. 이미지 기법/플래시 임베디드 방법 – 프로모션 영역
1) 프로모션 배너와 이미지/플래시 기법
2) 예제의 프로모션 완성하기
3) 배너 시스템 완성하기
4) Tip & Tech
*각분야 전문가들 미니 인터뷰
4. 테이블(게시물 리스트) – 공지사항/커뮤니티 게시판/리스트 영역
1) 게시판/리스트의 종류와 코딩방법
2) 예제의 커뮤니티 게시판/리스트 완성하기
3) Tip & Tech
*각분야 전문가들 미니 인터뷰
5. 폼•로그인 영역
1) 브라우저의 폼 종류
2) 예제의 로그인과 투표 완성하기
3) Tip & Tech
*각분야 전문가들 미니 인터뷰
6. TAB 리스트/광고달기 – 탭 게시물 영역(동영상/갤러리)
1) 탭 게시물의 종류와 코딩방법
2) 구글 애드센스 달기 코딩방법
3) Tip & Tech
*각분야 전문가들 미니 인터뷰
7. footer 만들기
1) footer의 종류와 코딩방법
2) 예제의 footer 완성하기
*각분야 전문가들 미니 인터뷰
4장. 웹표준 마무리해보자!
1. 완성된 소스 확인하기
2. 완성된 페이지 테스트하기
1) 웹표준 검사
* 각분야 전문가들의 웹표준과 실무에 관한 다양한 인터뷰
3. Special Tip & Tech
1) 가로 나열식 최근 게시물
2) 아이콘 사용의 재발견
3) 투명/반투명 이미지 사용하기
4) 이미지 없이 라운드 박스 만들기
5) 폰트 사이즈 비교 pt / px / em / %
6) 가로/세로 중앙 정렬하기
*별책부록
1. CSS핵 바이블
2. 유용한 프로그램
1) IETester
2) multiple versions of IE
3. 코딩을 위한 포토샵 팁
1)이미지 슬라이스 방법
4. 작업노트
∷ 보너스 I (동영상 강좌)
하나! 3장. 레이아웃 나누기 – 레이아웃의 종류 및 코딩방법
둘! 4장. 가로 나열식 최근 게시물
셋! 4장. 아이콘 사용의 재발견
넷! 4장. 투명/반투명 이미지 사용하기
다섯! 별책부록 – 이미지 슬라이스 방법
∷ 보너스 II (홈페이지 강좌)
http://www.standard.pe.kr
http://cafe.naver.com/uhbeestyle
