<?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>
			Tipps zum Erstellen von Webinhalt für mobile Geräte mit 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">THEMA BEFINDET SICH 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="Tipps zum Erstellen von Video für mobile Geräte"><img src="images/prev.gif" alt="Zurück" /></a></dd><dd class="next"><a accesskey="n" class="next" href="WS259BCE9F-6E6E-42d4-A440-65F58EA67D3F.html" title="Testen mit der Registerkarte „Emulator“"><img src="images/next.gif" alt="Weiter" /></a></dd></dl></div><div class="hierarchy"><a href="WS28F6F81C-55B3-4ad5-B632-171637249F5B.html">Erstellen, Vorschau und Testen von Inhalten in Adobe Device Central</a> /
     <a href="WS3A29C98D-5768-45ea-AB2F-75FAF64078EE.html"><b>Tipps zum Erstellen von Inhalten für mobile Geräte</b></a> 
     </div>

<!-- END BREADCRUMBS -->
			</div>
<!-- END BREADCRUMBS -->
<!-- BEGIN PAGE TITLE -->
<!--googleon: index-->
			<h1>
				Tipps zum Erstellen von Webinhalt für mobile Geräte mit 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 ermöglicht mit der Small Screen Rendering-Funktion von Opera eine Vorschau für in Dreamweaver erstellte Websites.  Anhand dieser Vorschau können Sie sich vorstellen, wie die Website auf einem mobilen Gerät aussehen wird.<div class="note"><span class="notetitle">Hinweis:  </span>Die Small Screen Rendering-Funktion von Opera kann auf allen einzelnen, emulierten Geräten vorinstalliert sein.  Device Central liefert bloß eine Vorschau dessen, wie der Inhalt aussähe, wenn die Small Screen Rendering-Funktion von Opera installiert wäre.</div>

                        </div>

                        <p>Mithilfe der folgenden Tipps können Sie sicherstellen, dass mit Dreamweaver erstellten Websites auf mobilen Geräten gut angezeigt werden.</p>

                        <ul><li>
                              <div class="p">Wenn Sie Adobe® Spry Framework für die Inhaltsentwicklung verwenden, fügen Sie Ihren Seiten die folgende HTML-Zeile hinzu, damit sie in Device Central CSS rendern und JavaScript™ ordnungsgemäß ausführen können:<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>Die Small Screen Rendering-Funktion von Opera unterstützt keine Frames, Popups, Unterstreichungen, Durchstreichungen, Überstreichungen, blinkenden Objekte oder Laufschrift.  Vermeiden Sie diese Elemente nach Möglichkeit.</p>

                           </li>
<li>
                              <p>Halten Sie Websites für mobile Geräte simpel.  Verwenden Sie insbesondere ein Minimum an Schriftarten, Schriftgrößen und Farben.</p>

                           </li>
<li>
                              <p>Verkleinern der Bildgröße und Reduzieren der Anzahl erforderlicher Farben steigern die Chance, dass das Bild wie gewünscht angezeigt wird.  Verwenden Sie CSS oder HTML, um eine exakte Höhe und Breite für jedes Bild festzulegen.  Stellen Sie für alle Bilder Alt-Text zur Verfügung.</p>

                           </li>
</ul>

                        <div class="p">
                           <div class="note"><span class="notetitle">Hinweis:  </span>Die Website von Opera Software liefert weitere hilfreiche Informationen zur Optimierung von Websites für mobile Geräte.</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="Diese Seite im Internet" href="http://help.adobe.com/de_DE/DeviceCentral/1.0/WS858C150E-6615-4629-990F-18F3487BEC6A.html">Diese Seite im Internet</a></li></ul>
												
											</div>
											<br clear="both" />
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<br clear="both" />
	</body>
</html>