org.symbian.tools.wrttools.doc.WebDeveloper/html/GUID-5949FE0C-207D-4B15-8C03-96AE48986973.html
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta name="copyright" content="(C) Copyright 2009"/><meta name="DC.rights.owner" content="(C) Copyright 2009"/><meta name="DC.Type" content="concept"/><meta name="DC.Title" content="Laying out pages"/><meta name="abstract" content="Widgets provide users with quick and easy access to Web 2.0 services or content from a Web site. Design widgets for use by a specific user group for a specific purpose. A simple and clear design helps make the most important content obvious. You can use icons and rich image content within the limits of the mobile device processing capacity. However, make sure that your design looks good not only on small screens but also on different sizes of screens and on devices where screen orientation changes from portrait to landscape when users rotate the device."/><meta name="description" content="Widgets provide users with quick and easy access to Web 2.0 services or content from a Web site. Design widgets for use by a specific user group for a specific purpose. A simple and clear design helps make the most important content obvious. You can use icons and rich image content within the limits of the mobile device processing capacity. However, make sure that your design looks good not only on small screens but also on different sizes of screens and on devices where screen orientation changes from portrait to landscape when users rotate the device."/><meta name="DC.Relation" scheme="URI" content="GUID-9E0EC12F-EF50-4831-B0F4-C588590871D8"/><meta name="DC.Relation" scheme="URI" content="GUID-D54DEFE7-E878-4530-B707-A5388DFE1D9D"/><meta name="DC.Format" content="XHTML"/><meta name="DC.Identifier" content="GUID-5949FE0C-207D-4B15-8C03-96AE48986973"/><meta name="DC.Language" content="en"/><title>Laying out pages </title><script type="text/javascript">
function initPage() {}
</script><link href="../PRODUCT_PLUGIN/book.css" rel="stylesheet" type="text/css"/><link href="css/s60/style.css" rel="stylesheet" type="text/css" media="all"/></head><body onload="initPage();"><div class="body"><div class="contentLeft prTxt"><h1 class="pageHeading" id="GUID-5949FE0C-207D-4B15-8C03-96AE48986973">Laying out pages</h1><div><p>Widgets provide users with quick and easy access to Web 2.0 services or content from a Web site. Design widgets for use by a specific user group for a specific purpose. A simple and clear design helps make the most important content obvious. You can use icons and rich image content within the limits of the mobile device processing capacity. However, make sure that your design looks good not only on small screens but also on different sizes of screens and on devices where screen orientation changes from portrait to landscape when users rotate the device.</p>
<p>The following sections describe how to lay out pages on small device screens:</p>
<ul>
<li><p><a href="GUID-B2976236-0DC6-4CBB-B2FA-B1A6E6639A1D.html#GUID-B2976236-0DC6-4CBB-B2FA-B1A6E6639A1D">Designing for a specific audience</a></p></li>
<li><p><a href="GUID-7962116F-3FDB-4960-B1C9-6367451554FD.html#GUID-7962116F-3FDB-4960-B1C9-6367451554FD">Designing simple pages</a></p></li>
<li><p><a href="GUID-D82B43D9-37B4-482A-87C0-FFCF534C712C.html#GUID-D82B43D9-37B4-482A-87C0-FFCF534C712C">Performing one task in a view</a></p></li>
<li><p><a href="GUID-EC9DB569-733E-47A8-AD2D-B878B38660B9.html#GUID-EC9DB569-733E-47A8-AD2D-B878B38660B9">Presenting content on screens</a></p></li>
<li><p><a href="GUID-ED04600B-B079-4BC9-84B1-507604C09A4C.html#GUID-ED04600B-B079-4BC9-84B1-507604C09A4C">Working with images</a></p></li>
</ul>
<p>For more information about how to design for mobile device screens, see <a href="GUID-9E0EC12F-EF50-4831-B0F4-C588590871D8.html#GUID-9E0EC12F-EF50-4831-B0F4-C588590871D8">Designing for mobile devices</a>.</p>
</div></div></div><div class="footer"><hr/><div class="copy">© Nokia 2009.</div></div></body></html>