The company who think about customer trust first

반응형웹/웹표준

  • HOME
  • 웹사이트 구축
  • 반응형웹/웹표준
반응형 웹(Responsive Web)이란?
웹의 해상도, 레이아웃 등이 기기의 스크린 환경에 반응하여
사용자의 화면 크기에 따라 자동적으로 변환되는 웹페이지를 의미합니다.

PC와 스마트폰은 물론이고, 태블릿 등에서도 글씨나 이미지가 깨지지 않고 볼 수 있습니다.
기존에는 홈페이지를 제작시 PC화면을 기준으로 만들어서 모바일로 접속시 글씨가 작게 보이기 때문에 모바일 전용 홈페이지를 별도로 만들어야 했지만 반응형웹은 PC용, 태블릿용, 모바일용 홈페이지를 별도로 제작하지 않아도 된다는 장점으로 콘텐츠 제작 및 관리에도 매우 유리합니다.

반응형웹표준아이콘
어떠한 기기에서도 최적의 해상도 유지

PC와 스마트폰은 물론이고, 태블릿 등에서도 완벽한 해상도를 유지하며 자동으로 화면을 재구성합니다.

반응형웹표준아이콘
기업 이미지 상승

독특한 형식의 구축과 함께 보다 많은 사람들이 쉽게 홈페이지를 통하여 정보를 쉽게 얻을 수 있도록 하여 기업의 긍정적인 이미지를 가져올 수 있습니다.

반응형웹표준아이콘
편리한 관리

DB연동 방식을 통해 PC 따로 모바일 따로 홈페이지를 관리할 필요가 없이 통합 관리가 가능합니다.

반응형웹표준아이콘
홍보 효과 상승

PC용 www. 주소와 모바일용 m. 도메인을 따로 사용할 필요가 없어 검색엔진에서 효과적인 홍보가 가능합니다.

웹표준(Web Standards)이란?
  • 웹 호환성 확보로 어느 웹 브라우저로 접속을 하여도 기능상의 오류나 깨짐현상 없이 최적화된 웹사이트로 구축하는 것입니다.
  • 노하우로 웹접근성 표준 지침을 준수한 웹사이트를 구축합니다.

웹 표준은 월드 와이드 웹의 측면을 서술하고 정의하는 공식 표준이나 기술 규격을 용어로서 W3C에서 권고하는 사항대로 태그를 사용용도, 사용방법에
맞게 정확하게 마크업하고 문제가 되는 웹브라우저에 대한 내용을 추가하여 모든 웹브라우저가 동일한 페이지를 출력하게 하는 것을 뜻합니다.
기존 표현구성(Presentation Layer)에서 구조(Html), 표현(CSS), 동작(Script)을 분리하여 표현을 제거하더라도 구조 및 동작으로 서비스 가능하도록 개선하는 방식입니다.

웹접근성(Web Accessibility)이란?

웹 접근성의 주 목적은 웹 컨텐츠를 이용함에 있어 어떠한 상황이나 환경에 구애받지 않고 접근할 수 있도록 하는 것을 의미합니다. 정보통신접근성(Web접근성)은 「지능정보화기본법」 에 따라 장애인이나 고령자분들이 웹 사이트에서 제공하는 정보를 비장애인과 동등하게 접근하고 이용 할 수 있도록 보장하는 것으로 웹 접근성 준수는 법적의무사항 입니다.

웹접근성을 위한 4가지 원칙
웹접근성아이콘
인식의 용이성

모든 콘텐츠는 사용자가 인식할 수 있어야 한다.

  • 텍스트가 아닌 콘텐츠에는 대체 텍스트를 제공해야 한다.
  • 동영상, 음성 등 멀티미디어 콘텐츠를 이해할 수 있도록 대체 수단을 제공해야 한다.
  • 콘텐츠는 명확하게 전달되어야 한다.
웹접근성아이콘
이해의 용이성

모든 콘텐츠는 사용자가 이해 할 수 있어야 한다.

  • 콘텐츠는 키보드로 접근할 수 있어야 한다.
  • 콘텐츠를 읽고 사용하는데 충분한 시간을 제공해야 한다.
  • 광과민성발작을 일으킬 수 있는 콘텐츠를 제공하지 말아야 한다.
  • 콘텐츠는 쉽게 네비게이션 할 수 있어야 한다.
웹접근성아이콘
운용의 용이성

사용자 인터페이스 구성요소는 조작 가능하고 네비게이션 할 수 있어야 한다.

  • 콘텐츠는 읽고 이해하기 쉬워야 한다.
  • 콘텐츠의 기능과 실행결과는 예측가능해야한다.
  • 콘텐츠는 논리적으로 구성해야 한다.
  • 입력 오류를 방지하거나 정정할 수 있어야 한다.
웹접근성아이콘
견고성

웹콘텐츠는 미래의 기술로도 접근할 수 있도록 견고하게 만들어야 한다.

  • 웹콘텐츠는 마크업 언어의 문법을 준수해야 한다.
  • 웹 애플리케이션은 접근성이 있어야 한다.