|
|
|
|
|
|
|
| CSS(Cascading Style Sheets) 고급 강좌 |
CSS 고급강좌에서는 웹사이트 제작시 참고하기 쉽도록 사용빈도가 높은 CSS 예제를 소개하겠습니다.
아울러 문서의 구조와 표현을 분리하여 웹접근성을 높이는 방법에 대한 방법도 알아보겠습니다.
문서의 구조와 표현을 분리
HTML 강좌에서 문서의 구조를 나타내는 논리적 태그가 중요하다고 하였는데 만일 문서의 구조를 나타내는 부분을 HTML로 하고 문서의 표현(디자인적 요소)을 CSS로 처리한다면 웹 접근성이 더욱 높아집니다.
웹 접근성이란 다양한 사용자들이 이용하기 편리한 웹사이트의 속성을 의미합니다.
우리가 보통 인터넷에 접속한다고 하면 윈도우 운영체제상에서 인터넷익스플로러를 이용하여 인터넷을 접속하는 것을 의미합니다.
그러나 시야를 좀더 넓혀보면 IE외에도 파이어폭스, 오페라와 같은 다양한 브라우저가 있고 윈도우 뿐만 아니라 매킨토시, 리눅스와 같은 다양한 운영체제가 있습니다.
그리고 앞으로는 PC뿐 아니라 PDA, 휴대폰, TV 등에서도 웹을 사용하는것을 쉽게 상상할 수 있기에 보다 다양한 환경에서 웹사이트가 접속이 가능해야 합니다.
이를 위해서는 웹 접근성이 높아야 하고 웹 접근성을 높이는 가장 기초적인 부분이 바로 문서의 구조와 표현을 분리하는 것입니다.
HTML에서는 철저하게 구조화된 마크업만을 사용하고, 모양이나 디자인에 관한 것은 CSS로 완전히 분리함으로써 CSS 파일의 교체만으로 PDA용 웹사이트로 탈바꿈을 할 수 있어야 합니다. |
|
|
 |
|
|
|
