IPhone 및 iPad 용 특정 웹 디자인 만들기 - 페이지를 최적화하려면 더미

페이지를 최대한으로 보이도록 최적화하려면 iPhone 및 iPad 간의 화면 크기 및 해상도 차이를 고려해야합니다. 디자이너가 각 장치에 맞게 페이지를 변경하는 일반적인 방법을 보여주는 단순화 된 다이어그램에 주목하십시오. 다양한 화면 크기에 가장 적합한 레이아웃을 배치합니다.

작은 iPhone 화면에 맞게 디자인 단순화

그림의 왼쪽에있는 iPad에서는 두 번째 열에 충분한 공간이 표시되므로 옆면을 기사 오른쪽에 맞출 수 있습니다. 그림의 오른쪽에있는 가장 좋은 방법은 작은 iPhone 및 iPod 터치 스크린에서 디자인을 한 열로 제한하는 것입니다.

아메리칸 항공 사이트가 가로 모드에서도 iPhone 디자인을 위해 하나의 열만 사용하고 세로 모드 인 경우에도 iPad에서 여러 열을 사용하는 방법을 보려면이 수치를 확인하십시오.

아메리칸 항공 팀이 디자인뿐만 아니라 표시된 정보를 변경했음을 iPhone에 알리는 것으로 이동이 편리한 사람에게 중요한 요소에 초점을 맞추고 있습니다 (쉬운 비행 확인 포함). - 인.

Dreamweaver에서 여러 디자인 미리보기

Adobe Dreamweaver를 사용하는 경우 Dreamweaver HTML5 Pack을 설치하십시오. 이 확장은 Dreamweaver CS5 및 이후 버전의 업데이트에 포함되어 있으며 Dreamweaver 버전 3 및 4의 확장으로 추가 할 수 있습니다.이 예제에서 볼 수있는 것처럼 HTML5 확장을 사용하면 한 번에 세 가지 버전의 스타일 시트를 각 화면을 화면의 별도 섹션에 표시하여

Adobe Dreamweaver를 사용하여 WordPress로 만든 블로그 (예에 표시된 블로그)를 보려면 웹 서버를 컴퓨터에 설치해야합니다. 웹 서버는 사용자가 상상하기 어려운 수준의 프로세스입니다. Dreamweaver 및 WordPress를 데스크톱 컴퓨터에서 사용하기위한 자세한 지침을 찾을 수 있습니다.