<?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>
			Conseils pour la création de contenu Web Dreamweaver pour les périphériques mobiles
		</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">RUBRIQUE DANS&#160;: </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="Conseils pour la création de vidéos pour les périphériques mobiles"><img src="images/prev.gif" alt="Précédent" /></a></dd><dd class="next"><a accesskey="n" class="next" href="WS259BCE9F-6E6E-42d4-A440-65F58EA67D3F.html" title="Test avec l'onglet Emulateur"><img src="images/next.gif" alt="Suivant" /></a></dd></dl></div><div class="hierarchy"><a href="WS28F6F81C-55B3-4ad5-B632-171637249F5B.html">Création, prévisualisation et test de contenu dans Adobe Device Central</a> /
     <a href="WS3A29C98D-5768-45ea-AB2F-75FAF64078EE.html"><b>Conseils pour la création de contenu pour des périphériques mobiles</b></a> 
     </div>

<!-- END BREADCRUMBS -->
			</div>
<!-- END BREADCRUMBS -->
<!-- BEGIN PAGE TITLE -->
<!--googleon: index-->
			<h1>
				Conseils pour la création de contenu Web Dreamweaver pour les périphériques mobiles
			</h1>
<!--googleoff: index-->
<!-- END PAGE TITLE -->
<!-- BEGIN CONTENT WRAPPER -->
			<div id="content_wrapper">
<!--googleon: index-->
				<div><div class="section">
                        <div class="p">
                           
                           
                           Device Central permet d'afficher des pages Web créées dans Dreamweaver à l'aide de la fonction Small-Screen Rendering d'Opera. Cette prévisualisation peut vous donner une très bonne idée de ce à quoi ressemblera une page Web sur un périphérique mobile.<div class="note"><span class="notetitle">Remarque&#160;:&#160;  </span>La fonction Small-Screen Rendering d'Opéra peut être ou ne pas être pré-installée pour les périphériques virtuels. Device Central donne simplement un aperçu de ce à quoi ressemblerait le contenu si la fonction Small-Screen Rendering d'Opera était installée.</div>

                        </div>

                        <p>Suivez les conseils ci-dessous pour vous assurer que les pages Web créées dans Dreamweaver s'affichent correctement sur les périphériques mobiles.</p>

                        <ul><li>
                              <div class="p">Si vous utilisez la structure Adobe® Spry pour développer un contenu, ajoutez la ligne HTML suivante à vos pages afin qu'elles s'affichent en CSS et exécutent les fonctions JavaScript™ correctement dans 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 fonction Small-Screen Rendering d'Opera ne prend pas en charge les cadres, les listes déroulantes, les soulignements, les caractères barrés, les légendes, les clignotements ni les rectangles de sélection. Essayez d'éviter de dessiner ces éléments.</p>

                           </li>
<li>
                              <p>Faites que les pages Web pour périphériques mobiles restent simples. En particulier, utilisez un nombre limité de polices, tailles et couleurs de polices.</p>

                           </li>
<li>
                              <p>La réduction de la taille des images et la réduction du nombre de couleurs permettent d'augmenter les chances que les images ressemblent à ce qui était prévu. Utilisez les formats CSS ou HTML pour spécifier la largeur et la hauteur exactes pour chaque image utilisée. Indiquez du texte de remplacement pour toutes les images.</p>

                           </li>
</ul>

                        <div class="p">
                           <div class="note"><span class="notetitle">Remarque&#160;:&#160;  </span>Vous trouverez de très nombreuses informations sur l'optimisation des pages Web pour les périphériques mobiles sur le site Web du logiciel 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="Cette page sur le Web" href="http://help.adobe.com/fr_FR/DeviceCentral/1.0/WS858C150E-6615-4629-990F-18F3487BEC6A.html">Cette page sur le Web</a></li></ul>
												
											</div>
											<br clear="both" />
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<br clear="both" />
	</body>
</html>