<?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>
			Tips voor het maken van Dreamweaver-webinhoud voor mobiele apparaten
		</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">ONDERWERP KOMT VOOR IN: </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="Tips voor het maken van video voor mobiele apparaten"><img src="images/prev.gif" alt="Vorige" /></a></dd><dd class="next"><a accesskey="n" class="next" href="WS259BCE9F-6E6E-42d4-A440-65F58EA67D3F.html" title="Testen met de Emulator-tab"><img src="images/next.gif" alt="Volgende" /></a></dd></dl></div><div class="hierarchy"><a href="WS28F6F81C-55B3-4ad5-B632-171637249F5B.html">Inhoud maken, vooraf bekijken en testen in Adobe Device Central</a> /
     <a href="WS3A29C98D-5768-45ea-AB2F-75FAF64078EE.html"><b>Tips voor het maken van inhoud voor mobiele apparaten</b></a> 
     </div>

<!-- END BREADCRUMBS -->
			</div>
<!-- END BREADCRUMBS -->
<!-- BEGIN PAGE TITLE -->
<!--googleon: index-->
			<h1>
				Tips voor het maken van Dreamweaver-webinhoud voor mobiele apparaten
			</h1>
<!--googleoff: index-->
<!-- END PAGE TITLE -->
<!-- BEGIN CONTENT WRAPPER -->
			<div id="content_wrapper">
<!--googleon: index-->
				<div><div class="section">
                        <div class="p">
                           
                           
                           In Device Central kunt u webpagina's die zijn gemaakt in Dreamweaver, voorvertonen met behulp van de renderfunctie voor kleine schermen van Opera.  Via deze voorvertoning krijgt u een goede indruk van de webpagina zoals deze eruit komt te zien op een mobiel apparaat.<div class="note"><span class="notetitle">Opmerking:  </span>De renderfunctie voor kleine schermen van Opera kan al dan niet vooraf zijn geïnstalleerd op een geëmuleerd apparaat.  Device Central laat eenvoudigweg zien hoe de inhoud eruit zou zien als de renderfunctie voor kleine schermen van Opera zou zijn geïnstalleerd.</div>

                        </div>

                        <p>Gebruik onderstaande tips om ervoor te zorgen dat webpagina's die in Dreamweaver zijn gemaakt, goed worden weergegeven op mobiele apparaten.</p>

                        <ul><li>
                              <div class="p">Als u het Adobe® Spry-framework gebruikt om inhoud te ontwikkelen, moet u de volgende regel HTML aan uw pagina's toevoegen, zodat de pagina's CSS kunnen renderen en JavaScript™ goed kunnen uitvoeren in 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>De renderfunctie voor kleine schermen van Opera ondersteunt geen frames, pop‑ups, onderstreping, doorhalingen, strepen boven de tekst, knipperende tekst of tekst die over het scherm schuift.  Deze ontwerpelementen kunt u daarom beter niet gebruiken.</p>

                           </li>
<li>
                              <p>Houd webpagina's voor mobiele apparaten eenvoudig.  Gebruik ook vooral zo weinig mogelijk lettertypen, tekengrootten en kleuren.</p>

                           </li>
<li>
                              <p>Als u de afbeeldingen kleiner maakt en het aantal vereiste kleuren beperkt, is de kans groter dat de afbeeldingen goed worden weergegeven op het beeldscherm.  Gebruik CSS of HTML om de exacte hoogte en breedte op te geven voor elke gebruikte afbeelding.  Zorg voor alternatieve tekst voor alle afbeeldingen.</p>

                           </li>
</ul>

                        <div class="p">
                           <div class="note"><span class="notetitle">Opmerking:  </span>De Opera-softwarewebsite is een uitstekende informatiebron die u kunt raadplegen wanneer u webpagina's optimaliseert voor mobiele apparaten.</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="Deze pagina op internet" href="http://help.adobe.com/nl_NL/DeviceCentral/1.0/WS858C150E-6615-4629-990F-18F3487BEC6A.html">Deze pagina op internet</a></li></ul>
												
											</div>
											<br clear="both" />
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<br clear="both" />
	</body>
</html>