ìí´ë¡ ì§ê¸ë²¨ë½
차례:
초기 웹 사이트 개발자는 사용자가 컴퓨터에서 웹 사이트를 볼 때 웹 사이트를 고민 할 필요가 없었으며 컴퓨터가 화면 해상도를 고정 시켰습니다.. 모바일 혁명으로 인해 점점 더 많은 사람들이 휴대 기기 (태블릿 또는 휴대 전화)에서 정보를 검색하고 있습니다. 따라서 웹 사이트 개발자는 Windows PC에서 모바일 장치에 이르기까지 모든 것을 충족시키는 웹 사이트를 만들어야합니다. 이 기사에서는 적응 형 웹 디자인과 반응 형 웹 디자인 의 차이점에 대해 설명하고 사용자와 조직에 적합한 것을 결정할 수 있도록합니다.
웹 사이트를 만드는 방법은 두 가지 방법으로 서로 다른 화면 해상도를 제공 할 수 있습니다: PC에서 휴대폰으로. 이 방법은 적응 형 웹 디자인과 반응 형 웹 디자인입니다. 두 경우 모두 최종 목표는 모든 유형의 화면 해상도에서 볼 수있는 웹 사이트를 제작하는 것입니다. PC에서 태블릿부터 휴대폰에 이르기까지 다양한 장치에 대한 정보를 제공하는 것을 목표로합니다.
반응 형 웹 디자인
반응 형 웹 디자인은 별도의 코딩을 필요로하며 "유체 격자"를 사용합니다. 숫자는 정확한 픽셀 수가 아닌 "백분율"로 지정됩니다. 이렇게하면 동일한 웹 사이트 코드가 PC 화면과 휴대 전화 화면에 제대로 표시됩니다. 따라서 화면의 크기를 어떻게 변경 하든지 동일한 웹 사이트가 읽기 쉬운 방식으로 표시됩니다. 소규모 웹 사이트의 경우 텍스트 및 이미지가 화면 공간과 함께 쉽게 흐르고 웹 사이트를 손상시키지 않고 또는 웹 사이트의 일부를 자르지 않아도됩니다.
반응 형 웹 디자인 방식을 사용하면 CSS 대신 CSS3를 사용해야합니다. 또한 적응하기 쉬운 웹 디자인
Adaptive Web Design은 PC 화면 외에도 태블릿 및 휴대 전화에서도 볼 수있는 웹 사이트를 제공하는 데 중점을 둡니다. 접근 방식은 조금 다르다. 반응 형 웹 디자인에서 자유 텍스트 흐름과 이미지 크기 조정이 다른 화면에 맞도록 허용하는 유연성이있었습니다. 적응 형 웹 디자인에서 개발자는 미리 결정된 화면 크기와 코드를 사용합니다. 즉, 사용자가 웹 사이트를 방문하면 웹 사이트는 사용되는 장치 유형을 결정하고 해당 장치 화면 크기에 맞게 설계된 웹 사이트를 제공합니다. 어떤 경우에는 내용이 다를 수 있습니다.
예를 들어 개발자는 PC의 경우 1280 x 800 픽셀, 태블릿의 경우 8 ", 휴대 전화의 경우 5"를 고려합니다. 적응 형 웹 디자인의 초기 코드에는 화면 식별이 포함되어 있습니다. PC 인 경우 웹 사이트의 PC 버전을 표시하십시오. 태블릿이 8 인치 인 경우 웹 사이트의 태블릿 버전을 표시하고 휴대 전화 인 경우 휴대 전화 버전 인 웹 사이트를 표시합니다. 이는 IF 문을 사용하고 다른 크기를 지정하여 수행됩니다 정확하게 픽셀 단위로 표시하는 것이 아니라 백분율로 표시합니다.
새로운 장치가 다른 화면 해상도로 넘어 오면 개발자는 새로운 화면 해상도를 통합하기 위해 다시 코딩해야합니다. 따라서 적응 형 웹 디자인에서자를 가능성이 있습니다 960> 반응 형 웹 디자인과 비교하여 코드 작성이 쉬운 적응 형 웹 디자인과 대부분의 개발자는 반응 형 웹 디자인보다 후자를 선택합니다.
반응 형 웹 디자인 대 적응 형 웹 디자인
반응 형 웹 사이트 코드는 복잡하고 코드가 복잡하고 고정 된 픽셀 값 대신 백분율 값을 사용하므로 기기의 화면 크기에 따라 크기가 조정되는 웹 사이트를 구축하려면 집중이 필요하지만 반대로 적응 형 웹 디자인의 경우처럼 다른 장치 용 웹 사이트를 쉽게 만들 수 있습니다. 개발자가 다양한 장치 크기에 대해 서로 다른 웹 사이트를 만들 때 작업이 적응 형 웹 디자인에 더 많은 것은 있지만 반응 형 웹 디자인에 비해 훨씬 쉽습니다.
시장에 너무 많은 모바일 장치가 있기 때문에 개발자는 모든 유형의 화면 해상도를 반드시 포함 할 필요는 없습니다. 적응 형 웹 디자인 접근법을 사용할 때 작은 화면에서 웹 사이트가 자르기로 연결됩니다.
적응 형 웹 사이트는 웹 사이트가 어떤 장치와 어떤 화면 해상도를 사용하는지 먼저 파악하기 때문에로드가 약간 느립니다. 이를 기반으로 웹 사이트의 관련 버전이 장치의 화면에로드됩니다. 반응 형 웹 디자인의 경우 단일 코드가 사용되며 자동으로 모바일 화면에 맞게 축소됩니다.
이 게시물은 MSDN의
에서 왜 반응 형 웹 디자인보다 적응 형 웹 디자인을 선호하는지 알아볼 수 있습니다 웹 디자인
Bold 9700은 최고의 BlackBerry 제품을 손쉽게 사용할 수 있도록 다양한 기능을 제공합니다. 정교하고 슬림화 된 디자인. Research In Motion의 BlackBerry Bold 9700 (2 년짜리 T-Mobile 계약으로 200 달러, 11/4/09 현재 가격)은 최고의 BlackBerry 제품으로 최고의 BlackBerry Tour 9630 및 BlackBerry Bold 9000은 슬림하고 세련된 패키지로 제공됩니다. 원래 Bold의 주요 업데이트를 찾는 사람들은 실망 할 수 있지만 BlackBerry 팬은 핸드셋의 미묘한 디자인 조정 및 업그레이드에 만족할 것입니다.
4.3 X 2.4 x 0.6 인치를 측정하면 9700은 거대한 9000 4.5 x 2.6 x 0.6 인치). 새로운 휴대폰은 무게도 4.2 온스 (4.8 온스에서) 가벼워졌습니다. 인조 가죽 백이 여전히 존재하지만이 새로운 버전에서는 인체 공학적으로 최소화되어 있습니다. (저는 전화 상으로는 가짜 가죽의 팬이 아닙니다.)
Windows 10 v1803의 Microsoft Edge 브라우저는 새롭게 디자인 된 HUB, 더 나은 PDF 읽기, 혼란없는 인쇄 기능을 제공합니다. 프로그레시브 웹 앱, 유창한 디자인 등이 있습니다. 새로운 기능에 대한 자세한 내용은 여기를 참조하십시오.
Microsoft는 마침내 2018 년 4 월 업데이트로 Edge에 약간의 개선을했습니다. PDF 및 전자 책 읽기, 혼란없는 출력, 전체 화면 모드의 주소 표시 줄, 개선 된 디자인 및 외양 등을 표시하는 개선 된 허브보기가 제공됩니다.이 게시물에서 우리는 새로운 기능 및 개선 사항을 면밀히 검토하고 있습니다.
스튜디오 디자인 아이폰 앱은 멋진 디자인, 스냅 오버레이를 추가합니다.
사진으로 멋진 인쇄물 디자인을 만드는 iPhone 앱인 Studio Design을 검토합니다.