<?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>
			Sugerencias sobre la creación de contenido Web de Dreamweaver para dispositivos móviles
		</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">ESTE TEMA APARECE EN: </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="Sugerencias sobre la creación de vídeo para dispositivos móviles"><img src="images/prev.gif" alt="Anterior" /></a></dd><dd class="next"><a accesskey="n" class="next" href="WS259BCE9F-6E6E-42d4-A440-65F58EA67D3F.html" title="Realizar pruebas con la ficha Emulador"><img src="images/next.gif" alt="Siguiente" /></a></dd></dl></div><div class="hierarchy"><a href="WS28F6F81C-55B3-4ad5-B632-171637249F5B.html">Crear, previsualizar y probar contenido en Adobe Device Central</a> /
     <a href="WS3A29C98D-5768-45ea-AB2F-75FAF64078EE.html"><b>Sugerencias sobre la creación de contenido para dispositivos móviles</b></a> 
     </div>

<!-- END BREADCRUMBS -->
			</div>
<!-- END BREADCRUMBS -->
<!-- BEGIN PAGE TITLE -->
<!--googleon: index-->
			<h1>
				Sugerencias sobre la creación de contenido Web de Dreamweaver para dispositivos móviles
			</h1>
<!--googleoff: index-->
<!-- END PAGE TITLE -->
<!-- BEGIN CONTENT WRAPPER -->
			<div id="content_wrapper">
<!--googleon: index-->
				<div><div class="section">
                        <div class="p">
                           
                           
                           Device Central permite previsualizar páginas Web creadas en Dreamweaver mediante la tecnología Small-Screen Rendering de Opera. Esta previsualización puede darle una idea precisa del aspecto de una página Web en un dispositivo móvil.<div class="note"><span class="notetitle">Nota:  </span>La tecnología Small-Screen Rendering de Opera puede o no estar preinstalada en un dispositivo emulado concreto. Device Central le permite saber cómo se vería el contenido si estuviera instalada la tecnología Small-Screen Rendering de Opera.</div>

                        </div>

                        <p>Las siguientes consejos le ayudarán a garantizar que las páginas Web creadas en Dreamweaver se muestran correctamente en dispositivos móviles.</p>

                        <ul><li>
                              <div class="p">Si utiliza el marco Spry de Adobe® a la hora de desarrollar contenido, añada la siguiente línea de HTML a sus páginas para que generen CSS y ejecuten JavaScript™ correctamente en Device Central:<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>La tecnología Small-Screen Rendering de Opera no admite fotogramas, menús emergentes, subrayados, tachados, círculos superpuestos, parpadeos ni marcos. Procurar evitar esos elementos de diseño.</p>

                           </li>
<li>
                              <p>No recargue las páginas Web para dispositivos móviles. Concretamente, utilice un número mínimo de fuentes, tamaños de fuente y colores.</p>

                           </li>
<li>
                              <p>Al reducir los tamaños de imagen y el número de colores necesarios, es más probable que las imágenes aparezcan como se desea. Utilizar CSS o HTML para indicar la altura y anchura exactas de cada imagen empleada. Añada texto ALT a todas las imágenes.</p>

                           </li>
</ul>

                        <div class="p">
                           <div class="note"><span class="notetitle">Nota:  </span>El sitio Web de Opera Software es una buena fuente de información sobre la optimización de páginas Web para dispositivos móviles.</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="Esta página en la Web" href="http://help.adobe.com/es_ES/DeviceCentral/1.0/WS858C150E-6615-4629-990F-18F3487BEC6A.html">Esta página en la Web</a></li></ul>
												
											</div>
											<br clear="both" />
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<br clear="both" />
	</body>
</html>