2012 웹 트렌드의 화두 중 하나는 바로 반응형웹 디자인 (Responsive Web Design)  입니다.

반응형웹이란 스마트기기의 보급 확대로 인해 생겨난 트렌드 입니다.
컴퓨터 화면과, 아이패드의 화면과, 휴대폰 화면의 크기가 모두 다르죠.
그렇기 때문에 같은 웹사이트라고 해도 각각의 다른 화면의 크기에 맞춰서 내용이 등장해야 합니다.
언뜻 봐서는 홈페이지가 있으면 모바일웹을 만들고 패드용 웹을 또 만들고..  귀찮은 일을 반복해야 합니다.
이를 해결하기 위해 등장한 기술이 반응형웹을 만드는 기술인데요.
어휘에서 오는 느낌을 유추하자면...
화면 크기에 맞게 반응해서 커졌다.. 작아졌다... 하는 웹이란 뜻이죠 ㅎ
반응형웹디자인 이라고 하면 이러한 반응형웹을 만드는 거겠죠 ㅎㅎ



여긴 (http://bostonglobe.com/) 라는 외국 사이트 인데요.
보시는바와 같이 평범한 pc홈페이지 입니다.
영어로 되어 있어 무슨 내용인지는 잘 모르겠지만 화면을 좀 줄여보면 


이렇게 패드용 화면에 맞게 중앙에 있떤 사진과 우측 광고가 없어져서 나오고



이렇게 모바일 화면에 맞게 컨텐츠가 변형되어 나옵니다.



신기하죠?!
직접 해보세요 ㅋ


(컨텐츠 배포 시 아무래도 제약이 좀 따릅니다만)
각각의 화면의 크기에 맞게 어떤 컨텐츠를 어떻게 보여줄 것인가만 정해주면 이런 반응형웹 구축이 가능합니다.
어려울 것 같다고요?
어렵지 않아요!

한국인터넷전문가협회에서 주최하는 교육을 들으면 돼요~
돈이 든다고요?
걱정 마세요~
회사 상사에게 얘기해서,
반응형웹 구축을 위한 교육을 '같이' 들으러 가시죠 라고 하면 돼요~

자 이제 광고 나갑니다람쥐~ 다람쥐~

3월 17일부터 31일까지 세 번의 교육에 걸쳐 
미니 프로젝트를 통해  CSS3 / LESS, Grid Framework를 활용하여 반응형 웹 사이트를 '직접!' 만들어 보는 교육입니다.


클릭하면 새 창으로 이동됨(바로가기)







Posted by kipfanews
올블로그추천버튼 블코추천버튼 믹시추천버튼 한RSS추가버튼 구글리더기추천버튼

댓글을 달아 주세요