"반응형 웹디자인"의 두 판 사이의 차이

2021년 3월 1일 (월) 16:15 기준 최신판

1 개요[ | ]

responsive web design; RWD, responsive design, responsive web
반응형 웹 디자인

웹브라우저 기기 환경에 맞춰지는 웹디자인
스마트폰, 태블릿, 데스크탑 등 다양한 해상도 지원
다양한 화면에 대응하여 최적의 화면을 제공하는 웹디자인
디스플레이 종류에 따라 화면의 크기가 자동으로 최적화되도록 조절되는 웹페이지
가로폭이 작아지면 모바일웹 형식의 메뉴로 전환됨
하나의 HTML 문서, 하나의 URL로 다양한 환경에 대응함^[1]
이미지 크기가 상황에 맞게 자동조절됨

2 같이 보기[ | ]

3 참고[ | ]

↑ 기존에는 모바일웹용 문서, URL주소를 따로 제공하였다.

[1] 기존에는 모바일웹용 문서, URL주소를 따로 제공하였다.

[1]

@@ 1번째 줄: / 1번째 줄: @@
 ==개요==
-;Responsive web design; RWD
+;responsive web design; RWD, responsive design, responsive web
 ;반응형 웹 디자인
 *웹브라우저 기기 환경에 맞춰지는 웹디자인
-*휴대폰, 컴퓨터 모니터 등 다양한 해상도 지원
+*스마트폰, 태블릿, 데스크탑 등 다양한 해상도 지원
+*다양한 화면에 대응하여 최적의 화면을 제공하는 웹디자인
+*디스플레이 종류에 따라 화면의 크기가 자동으로 최적화되도록 조절되는 웹페이지
 *가로폭이 작아지면 모바일웹 형식의 메뉴로 전환됨
 *하나의 HTML 문서, 하나의 URL로 다양한 환경에 대응함<ref>기존에는 모바일웹용 문서, URL주소를 따로 제공하였다.</ref>
 *이미지 크기가 상황에 맞게 자동조절됨
+http://getbootstrap.com/2.3.2/assets/img/responsive-illustrations.png
+https://upload.wikimedia.org/wikipedia/commons/thumb/8/81/Content-is-like-water-1980.jpg/330px-Content-is-like-water-1980.jpg
 ==같이 보기==
+*[[CSS float 속성]]
+*[[CSS 미디어쿼리 @media]] ★
+*[[Respond.js 시작하기]]
 *[[테이블 없는 웹 디자인]]
 *[[CSS 프레임워크]]
+*[[CSS 그리드]]
 *[[Bootstrap]]
 *[[미디어 쿼리]]
 *[[스마트폰 해상도]]
+*[[모바일웹]]
+*[[모바일 친화성]]
-==참고 자료==
+==참고==
 *https://en.wikipedia.org/wiki/Responsive_web_design
+*http://terms.naver.com/entry.nhn?docId=2070850&cid=2959&categoryId=2959
+*http://d2.naver.com/helloworld/81480
+[[분류: 반응형]]
 [[분류: 웹디자인]]