| 5번째 줄: | 5번째 줄: | ||
*휴대폰, 컴퓨터 모니터 등 다양한 해상도 지원 | *휴대폰, 컴퓨터 모니터 등 다양한 해상도 지원 | ||
*다양한 화면에 대응하여 최적의 화면을 제공하는 웹디자인 | *다양한 화면에 대응하여 최적의 화면을 제공하는 웹디자인 | ||
*디스플레이 종류에 따라 화면의 크기가 자동으로 최적화되도록 조절되는 웹페이지 | |||
*가로폭이 작아지면 모바일웹 형식의 메뉴로 전환됨 | *가로폭이 작아지면 모바일웹 형식의 메뉴로 전환됨 | ||
*하나의 HTML 문서, 하나의 URL로 다양한 환경에 대응함<ref>기존에는 모바일웹용 문서, URL주소를 따로 제공하였다.</ref> | *하나의 HTML 문서, 하나의 URL로 다양한 환경에 대응함<ref>기존에는 모바일웹용 문서, URL주소를 따로 제공하였다.</ref> | ||
| 21번째 줄: | 22번째 줄: | ||
==참고 자료== | ==참고 자료== | ||
*https://en.wikipedia.org/wiki/Responsive_web_design | *https://en.wikipedia.org/wiki/Responsive_web_design | ||
*http://terms.naver.com/entry.nhn?docId=2070850&cid=2959&categoryId=2959 | |||
[[분류: 웹디자인]] | [[분류: 웹디자인]] | ||
2014년 7월 6일 (일) 04:00 판
1 개요
- Responsive web design; RWD
- 반응형 웹 디자인
- 웹브라우저 기기 환경에 맞춰지는 웹디자인
- 휴대폰, 컴퓨터 모니터 등 다양한 해상도 지원
- 다양한 화면에 대응하여 최적의 화면을 제공하는 웹디자인
- 디스플레이 종류에 따라 화면의 크기가 자동으로 최적화되도록 조절되는 웹페이지
- 가로폭이 작아지면 모바일웹 형식의 메뉴로 전환됨
- 하나의 HTML 문서, 하나의 URL로 다양한 환경에 대응함[1]
- 이미지 크기가 상황에 맞게 자동조절됨
2 같이 보기
3 주석
- ↑ 기존에는 모바일웹용 문서, URL주소를 따로 제공하였다.
4 참고 자료
로그인하시면 댓글을 쓸 수 있습니다.
{{ comment.name }}
{{ comment.created | snstime }}
-
{{comment.page_title}} ―{{comment.name}}