반응형 웹

기나긴 자바를 끝내고 이제 UI에 대해 배워볼 차례입니다~

저희의 목적은 반응형 웹을 만드는 것인데,

반응형 웹은 웹페이지의 UI가 디바이스 화면 크기에 맞게 유동적으로 반응하는 것을 말합니다.

다시말하면, 웹페이지가 PC에서는 모니터의 크기에, 스마트폰에서는 그폰 화면 크기에 맞게

어떠한 디바이스 화면에서도 최적화된 UI를 제공할 수 있다는 뜻입니다.

먼저 반응형 웹 사이트 마크업을 위한 XHTML을 배우고,

반응형 웹사이트 디자인을 위한 CSS,

반응형 웹 사이트 액션 제어를 위한 Javascript,jQuery를

순서대로 배워보겠습니다~!

반응형 웹 사이트 마크업 (XHTML 구조)

웹페이지를 제작할 떄 문서의 기본 구조를 잡아주는 것이 바로 마크업입니다.

만약 잘못된 구조로 마크업을 한다면 CSS(디자인)과 Javascript(동작)을 적용할 때 어려움이 있을 뿐만 아니라,

잘 적용한다 하여도 제 기능과 역할을 수행하지 못하는 부실한 웹페이지가 나올 수밖에 없습니다.

특히, 웹 표준을 준수한 웹페이지를 제작한다는 것은 문법 규칙을 잘 지키면서

논리적이고 의미있는 문서 구조가 나올 수 있는 마크업을 해야한다는 뜻입니다.

그럼 이제 웹 사이트 제작의 기본이 되는 마크업을 하기 위해서 XHTML을 배워볼까요?

다음 장부터 바로 포스팅 하겠습니다!