모바일 장치용 Dreamweaver 웹 컨텐트 만들기에 대한 팁
Device Central은 Dreamweaver에서 만든 웹 페이지를 Opera의 Small-Screen Rendering 기능을 사용하여 미리 봅니다. 이 미리 보기를 통해 웹 페이지가 모바일 장치에서 어떻게 표시되는지 확인할 수 있습니다.
참고: Opera의 Small-Screen Rendering 기능은 에뮬레이트된 각 장치에 미리 설치되거나 설치되지 않을 수 있습니다. Opera의 Small-Screen Rendering 기능이 설치되어 있는 경우 Device Central은 컨텐트가 어떻게 표시되는지를 미리 보여줍니다.
Dreamweaver에서 만든 웹 페이지가 모바일 장치에서 제대로 표시되도록 하려면 아래 팁을 사용합니다.
-
Adobe® Spry 프레임워크를 사용하여 컨텐트를 개발한 경우 다음 HTML 행을 페이지에 추가하여 Device Central에서 CSS를 렌더링하고 JavaScript™를 제대로 실행할 수 있습니다.
<link href="SpryAccordion.css" media="screen" rel="stylesheet" type="text/css"/> <link href="SpryAccordion2.css" media="handheld" rel="stylesheet" type="text/css"/>
-
Opera의 Small-Screen Rendering 기능은 프레임, 팝업, 밑줄, 취소선, 윗줄, 깜박임 및 선택 윤곽을 지원하지 않습니다. 이러한 디자인 요소는 사용하지 않아야 합니다.
-
모바일 장치용 웹 페이지를 간단한 상태로 유지합니다. 특히 글꼴 수, 글꼴 크기 및 색상을 최소로 사용합니다.
-
이미지 크기와 필요한 색상 수를 줄이면 이미지가 의도한 대로 표시될 가능성이 높아집니다. 사용된 각 이미지의 높이와 폭을 정확히 지정하려면 CSS 또는 HTML을 사용합니다. 모든 이미지에 대해 대체 텍스트를 제공합니다.
참고: 웹 페이지를 모바일 장치용으로 최적화하는 데 필요한 정보는 Opera 소프트웨어 웹 사이트를 참조하십시오.