DeviceCentral

AVSNITT FINNS I:

Tips för att skapa Dreamweaver-webbinnehåll för mobila enheter

Device Central förhandsgranskar webbsidor skapade i Dreamweaver med Operas Small-Screen Rendering. Med den här förhandsgranskningen kan du få en bra bild av hur webbsidan ser ut på en mobil enhet.
Obs! Operas Small-Screen Rendering måste inte vara förinstallerat på en enskild emulerad enhet. Med Device Central får du bara en förhandsgranskning av hur innehållet skulle se ut om Operas Small-Screen rendering hade varit installerat.

Använd tipsen nedan när du vill försäkra dig om att webbsidor skapade i Dreamweaver visas på rätt sätt i mobila enheter.

  • Om du använder Adobe® Spry när du utvecklar innehåll lägger du till följande rad med HTML i sidorna så att de återger CSS och kör JavaScript™ på rätt sätt i Device Central.
    <link href="SpryAccordion.css" media="screen" rel="stylesheet" type="text/css"/>
<link href="SpryAccordion2.css" media="handheld" rel="stylesheet" type="text/css"/>

  • Operas Small-Screen Rendering kan inte visa bilder, popup-fönster, understrykningar, genomstrykningar, överstrykningar, blinkningar eller markeringsramar. Försök att undvika de här elementen i din design.

  • Webbsidor för mobila enheter ska vara enkla. Tänk speciellt på att använda få teckensnitt, teckenstorlekar och färger.

  • Om du förminskar bildstorlekar och använder färre färger ökar det chanserna för att bilderna ska visas som avsett. Använd CSS eller HTML för att ange en exakt höjd och bredd för varje bild du använder. Skapa alternativ text för alla bilder.

Obs! Operas programwebbplats är en bra källa till information om hur du optimerar webbsidor för mobila enheter.

Mer information om hur du skapar innehåll för mobila enheter finns på www.adobe.com/go/learn_cs_mobilewiki_en.