제주에서 작은 IT 사업을 하고 있는 유지 아빠가 보고 듣고 느끼는 진솔한 이야기를 나누는 공간입니다.

웹 & IT/웹표준 HTML, CSS & PHOTOSHOP

초보자를 위한 웹표준 사이트 제작기법을 공개하며...

유지아빠 2010. 11. 29. 11:53

원래 책으로 출간할 목적으로 작성을 하다, 그냥 제 블로그에 공개해 버리는 것이 좋게다고 판단하여 블로그에 공개합니다.

이 내용은 다른 곳에 절대 퍼 가실 수 없고, 내용의 일부를 원하실 경우 저에게 반드시 연락해 주시면 감사하겠습니다.
제목은


 

HTML + CSS + Photoshop

이렇게 지어봤습니다.

목차는 다음과 같습니다.

  

 

1.     HTML CSS 웹 표준 알아보기
-
웹 표준이란
-
웹 표준 스펙
- DOC type
정의하기

 

2.     HTML 코딩하기
- HTML
코딩 기초
-
사이트 기본구조 잡기
-
세부 HTML 코딩
- HTML
코딩 완성하기

 

3.     포토샵 파일을 잘라내자
-
디자인된 포토샵 파일 잘라내기
- Save for web
옵션 알아보기
- HTML
코딩 다시 확인하기

4.     CSS 코딩하기
- CSS
초기화
- CSS
박스 모델 이해하기
- Margin, Padding
그리고 Border
- CSS
이용하여 사이트 디자인 하기

- CSS
를 이용한 form 양식 디자인
- CSS
를 이용한 Table 디자인

5.     브라우저 테스트
-
구 버전 브라우저 테스트
- IE6
에서 PNG24 파일 사용하기


6.     기타디자인 기법
-
라운드 코너 기법
- Footer
고정하기
- CSS
만으로 이미지 롤오버 효과주기



이정도의 내용만 파악하더라도, 충분히 웹표준에 대한 기본 개념을 잡으실 수 있습니다.

오늘부터 연재에 들어가겠습니다.

'웹 & IT > 웹표준 HTML, CSS & PHOTOSHOP' 카테고리의 다른 글

세부 HTML코딩  (2) 2010.11.30
사이트 기본 구조 잡기  (0) 2010.11.29
HTML 코딩하기  (0) 2010.11.29
HTML 과 CSS 웹 표준 알아보기 2  (2) 2010.11.29
HTML 과 CSS 웹 표준 알아보기  (0) 2010.11.29