Before creating a website that displays well on the S60 Browser, you should determine what you want to achieve.
The S60 Browser is capable of delivering a full Web experience, which means that you can have one website that visitors can view regardless of the device they are using. The S60 Browser also has features to enhance the experience on a mobile device. For example, mobile device users can quickly see a complete overview of the entire page using Page Overview (or MiniMap on non-touch devices). The S60 browser also has caching algorithms specifically tailored to address network connection and latency issues on mobile devices. Since these are built-in features you do not need to do anything special to your website to make them available. For more information on these features, see Introduction to the Web Browser for S60.
Although the S60 Browser is capable of delivering a full Web experience, there are considerations that are specific to a mobile device (such as screen size and resource limitations) that you should keep in mind. For information ensuring that your website displays well on a mobile device, see Adapting full screen web pages for use on mobile device.
Another strategy for providing a good experience is to design a website that is optimized for display on a mobile device. Typical use cases are:
A scaled down version of your desktop website, having the same content but different rendering.
A mobile site that has a subset of the content on the desktop site.
Some combination of the two. The Web developer can include JavaScript™ and alternative CSS styles to tailor the content for a mobile device.
There are a few different strategies for maintaining a mobile-specific website:
Use one website URL that downloads different versions of the website depending on the device. For information on:
Using a server-side solution to control the website formatting and content. For more information, see Server-side solutions.
Using multiple a combination of JavaScript and CSS to display different content depending on the device. For more information, see Using multiple CSS.
Create a separate website for mobile devices. For information on:
Naming strategies for your mobile website, see Mobile website naming conventions
Adapting your full screen web pages to mobile, see Adapting full screen web pages for use on mobile device.
Since the S60 Browser is capable of delivering a full Web experience, it is important to include a link to the non-mobilized website at the top of the page. Ideally, you should set a cookie to remember the choice in the future.
There is a growing trend for websites to provide a way for mobile device users to install a companion widget to their website. This is commonly referred to as making the website "sticky". For more information, see Linking to a widget.