|
|
|
|
|
|
|
|
|
|
- Overview
- How to?
- Specific programming features
- Tips
Developing sites for specific platforms
Websites can be displayed on many devices (Android, iPhone, etc.), but these devices feature smaller screens compared to desktop computers. You can adjust how elements are displayed on mobile devices by using layouts, zoning, etc. WEBDEV also lets you define the display mode for each page of the site on mobile devices. You can create specific sites for Apple devices (iPad or iPhone). To develop sites for specific platforms, the following operations must be performed in each page of the site: - Display the page description window: under the "Page" pane, in the "Description" group, click on "Description".
- On the "UI" tab, define:
- mobile display mode: It is possible to:
- Display page at 100%. It may overflow the screen.
In this case, you can specify if the user can change the zoom. You can also specify the maximum and minimum zoom values. - Adjust zoom so that the page fits the screen (horizontally):
In this case, zoom will be automatically set according to the size of the mobile device.
- the options for iOS web apps.
- Hide address bar: Hide or show the address bar.
- Full screen: Used to indicate that a page on a site should be displayed full-screen on the iPhone.
In this case, you have the ability to choose the display mode of the status bar of Safari (bar found at the top of the screen indicating the battery load, the time, etc.). The available options are as follows:- "Default": the strikethrough is displayed in the default color.
- "Black": the strikethrough is displayed with a black background.
- "Translucent black": the strikethrough is displayed with a black background and reduced opacity, so the site can be seen through the strikethrough.
- Application icon: Allows you to specify an icon, used if a shortcut to the site is created on the iPhone home screen.
- Splash screen: Specify the image used for the splash screen.. This option is taken into account if a shortcut to the site is created on the iPhone home screen. This image must be 320 by 460 pixels in size to be taken into account by the phone.
Specific programming features The method for developing a site for iPhone is identical to the method for developing a standard site. Some programming features are specific to the development for iPhone. You can a phone call directly from an site: in the URL of the link to the phone call, enter "tel:" and the phone number. For example:
MAP_TELEPHONE.URL = "tel:" + CLIENT.Téléphone
You can also display a Google Maps map of the customer's address directly from the customer's file: in the URL of the link, enter "http://maps.google.com/maps?q=" followed by the customer's address..
For example:
MAP_TGMAP.URL = "http://maps.google.com/maps?q=" + ...
URLEncode(Client.Adresse + " " + Client.Ville + ", " + Client.Pays)
Tips - Use iPhone-specific page templates.
- Reduce as much as possible the weight of the images on the site. Large images, Flash animations or videos may slow down the page loading time.
- Use anchors to manage the different orientations of the iPhone.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|