반응 형 웹 디자인의 정의

몇 년 전, 기술이 그랬을 때, 그저 시각적 인 일 (이미지, 게임, 응용 프로그램 인터페이스, ...) 감시 장치 ...에서 컴퓨터. 하지만 진화 그것은 멈출 수 없었고 현재 우리는 다양한 장치와 형식을 가지고 있습니다.

이는 사용자 인터페이스 또는 기타 콘텐츠가 더 이상 다른 콘텐츠를 처리 할 필요가 없음을 의미합니다. 이미지 크기 (다르게 사용되는 장치가 아닌 경우) 및 가로 세로 비율이 다른 특히.

90 년대에 등장하고 그 이후 필수가 된 웹은 플랫폼 시나리오에서 이러한 변화를 겪었습니다. 사용할 수 있으며 웹 표준을 관리하는 엔티티는 인터페이스 개발자의 삶을 더 쉽게 만들기 위해 독창적 인 솔루션을 선택해야했습니다. 편물.

반응 형 웹 페이지 (또는 반응하는, 원래 영어 단어 채택)은 인터페이스 크기가 자동으로 조정되고 모든 화면 크기 및 종횡비에서 쉽게 볼 수 있도록 그래픽 요소의 위치가 변경됩니다. 외관.

생각해 봅시다 상이 화면 형식은 5 인치 화면과 18: 9 비율의 스마트 폰에서 세로로 읽을 수있는 16: 9 40 인치 TV로, 그 사이에 컴퓨터 나 태블릿이 남습니다.

인터페이스를 만들기위한 조치가 취해질 때까지 그래프 웹 페이지의 화면이보고 있던 화면에 자동으로 조정됩니다. "솔루션"은 가능한 모든 형식을 예상하고 적절하게 다른 페이지를 제공하는 것으로 구성되었습니다. 문제는 예상치 못한 형식과 기술적 진화가 자연스럽게 제공하는 형식이었습니다.

반응 형 디자인을 달성하기위한 도구로, 이미지가 표시되는 화면 형식에 맞게 조정됩니다. 이 형식과 화면 크기에 관계없이 웹 사이트는 W3C (World Wide Web 협회).

그리고이 기술의 도입은 페이지의 내용과 페이지의 내용이 분리 된 덕분에 가능했습니다. 표시 상기 내용 및 모양과 느낌 CSS 스타일 정의 파일을 사용하여 페이지.

이를 통해 전체 웹 사이트 (페이지 집합으로 이해)의 모양을 수정할 수 있습니다. 암호 모든 HTML 파일의 소스입니다. 스타일과 프리젠 테이션의 정의가 다르기 때문입니다 ( 파일 CSS)의 콘텐츠 (HTML 파일에 있음).

반응 형 디자인의 요소는 21 세기의 첫 10 년이 끝나고 W3C에 의해 웹 표준에서 논의되고 도입되었습니다.

그것은에서 시작하다 2006 년 최초의 iPhone에서 웹 사이트를 조정하여 데스크톱 브라우저와 대형 화면은 물론 기기에서도 완벽하게 볼 수 있습니다. 모빌.

Fotolia 사진: Alexey Shkitenkov / Bobb Klissourski