<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
		<link rel="stylesheet" type="text/css" href="content.css" />
		<title>
			모바일 장치용 Dreamweaver 웹 컨텐트 만들기에 대한 팁
		</title>
<!-- Changed by: , 21-Mar-2006 -->
<script src="help.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> 
		
		
<script type="text/javascript">
<!--[CDATA[
handleContext(1);
if (use_ie_6_behavior) {
  document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"content-ie6.css\" />");
}
// ]]-->
</script> 
		
<script src="scripts.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="terms.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> 
	</head>
	<body id="content_body">
<!--googleoff: index-->
<!-- BEGIN PAGE CONTENT WRAPPER -->
		<div id="pneumonic">
			<h1 class="DeviceCentral">DeviceCentral</h1>
		</div>
		<div id="page_content_wrapper">
			<p class="sharedproducts">나타나는 항목: </p><p class="sharedproductindicators"><img src="images/dreamweaverSharedIndicator.png" title="Dreamweaver" /></p>
<!-- BEGIN BREADCRUMBS -->
			<div id="breadcrumb">
<!-- BEGIN BREADCRUMBS -->
				
<div class="nav"><dl class="page"><dd class="prev"><a accesskey="p" class="prev" href="WS092945DE-D20D-41de-9548-D1781281BB83.html" title="모바일 장치용 비디오 만들기에 대한 팁"><img src="images/prev.gif" alt="이전" /></a></dd><dd class="next"><a accesskey="n" class="next" href="WS259BCE9F-6E6E-42d4-A440-65F58EA67D3F.html" title="에뮬레이터 탭에서 테스트"><img src="images/next.gif" alt="다음" /></a></dd></dl></div><div class="hierarchy"><a href="WS28F6F81C-55B3-4ad5-B632-171637249F5B.html">Adobe Device Central에서 컨텐트 만들기, 미리보기 및 테스트</a> /
     <a href="WS3A29C98D-5768-45ea-AB2F-75FAF64078EE.html"><b>모바일 장치의 컨텐트를 만드는 방법에 대한 유용한 정보</b></a> 
     </div>

<!-- END BREADCRUMBS -->
			</div>
<!-- END BREADCRUMBS -->
<!-- BEGIN PAGE TITLE -->
<!--googleon: index-->
			<h1>
				모바일 장치용 Dreamweaver 웹 컨텐트 만들기에 대한 팁
			</h1>
<!--googleoff: index-->
<!-- END PAGE TITLE -->
<!-- BEGIN CONTENT WRAPPER -->
			<div id="content_wrapper">
<!--googleon: index-->
				<div><div class="section">
                        <div class="p">
                           
                           
                           Device Central은 Dreamweaver에서 만든 웹 페이지를 Opera의 Small-Screen Rendering 기능을 사용하여 미리 봅니다. 이 미리 보기를 통해 웹 페이지가 모바일 장치에서 어떻게 표시되는지 확인할 수 있습니다.<div class="note"><span class="notetitle">참고:  </span>Opera의 Small-Screen Rendering 기능은 에뮬레이트된 각 장치에 미리 설치되거나 설치되지 않을 수 있습니다. Opera의 Small-Screen Rendering 기능이 설치되어 있는 경우 Device Central은 컨텐트가 어떻게 표시되는지를 미리 보여줍니다.</div>

                        </div>

                        <p>Dreamweaver에서 만든 웹 페이지가 모바일 장치에서 제대로 표시되도록 하려면 아래 팁을 사용합니다.</p>

                        <ul><li>
                              <div class="p">Adobe® Spry 프레임워크를 사용하여 컨텐트를 개발한 경우 다음 HTML 행을 페이지에 추가하여 Device Central에서 CSS를 렌더링하고 JavaScript™를 제대로 실행할 수 있습니다.<pre>&lt;link href="SpryAccordion.css" media="screen" rel="stylesheet" type="text/css"/&gt;
&lt;link href="SpryAccordion2.css" media="handheld" rel="stylesheet" type="text/css"/&gt;</pre>

                              </div>

                           </li>
<li>
                              <p>Opera의 Small-Screen Rendering 기능은 프레임, 팝업, 밑줄, 취소선, 윗줄, 깜박임 및 선택 윤곽을 지원하지 않습니다. 이러한 디자인 요소는 사용하지 않아야 합니다.</p>

                           </li>
<li>
                              <p>모바일 장치용 웹 페이지를 간단한 상태로 유지합니다. 특히 글꼴 수, 글꼴 크기 및 색상을 최소로 사용합니다.</p>

                           </li>
<li>
                              <p>이미지 크기와 필요한 색상 수를 줄이면 이미지가 의도한 대로 표시될 가능성이 높아집니다. 사용된 각 이미지의 높이와 폭을 정확히 지정하려면 CSS 또는 HTML을 사용합니다. 모든 이미지에 대해 대체 텍스트를 제공합니다.</p>

                           </li>
</ul>

                        <div class="p">
                           <div class="note"><span class="notetitle">참고:  </span>웹 페이지를 모바일 장치용으로 최적화하는 데 필요한 정보는 Opera 소프트웨어 웹 사이트를 참조하십시오.</div>

                        </div>

                     </div>
</div>

<!--googleoff: index-->
			</div>
<!-- END CONTENT WRAPPER -->
		</div>
<!-- END PAGE CONTENT WRAPPER -->
		<br clear="both" />
		<div id="related">
			<div class="t">
				<div class="b">
					<div class="l">
						<div class="r">
							<div class="bl">
								<div class="br">
									<div class="tl">
										<div class="tr">
											<div id="related_in">
												<h3>
<script type="text/javascript">document.write(terms_Related_Information);</script> 
												</h3>
												
												<h4>
<script type="text/javascript">document.write(terms_AHV_HELP_RESOURCE_CENTER);</script> 
												</h4>
												<ul class="link-list"><li class="icon external"><a target="_blank" title="웹 페이지로 보기" href="http://help.adobe.com/ko_KR/DeviceCentral/1.0/WS858C150E-6615-4629-990F-18F3487BEC6A.html">웹 페이지로 보기</a></li></ul>
												
											</div>
											<br clear="both" />
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<br clear="both" />
	</body>
</html>