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

 
(사용자 2명의 중간 판 21개는 보이지 않습니다)
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 프레임워크]]
*[[CSS 그리드]]
*[[Bootstrap]]
*[[Bootstrap]]
*[[미디어 쿼리]]
*[[미디어 쿼리]]
*[[스마트폰 해상도]]
*[[스마트폰 해상도]]
*[[모바일웹]]
*[[모바일 친화성]]


==참고 자료==
==참고==
*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
*http://d2.naver.com/helloworld/81480


[[분류: 반응형]]
[[분류: 웹디자인]]
[[분류: 웹디자인]]

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

1 개요[ | ]

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

 

 

2 같이 보기[ | ]

3 참고[ | ]

  1. 기존에는 모바일웹용 문서, URL주소를 따로 제공하였다.
문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}