Wednesday, March 16, 2011

How to Make a Web Page Mobile

A mobile web page is specifically formatted to display on the small screens of PDAs, cell phones and smart phones such as the BlackBerry or iPhone. Without special formatting, a web page would not fit on a mobile screen and would be unreadable. Web developers who are targeting a mobile audience must ensure that they've made their websites mobile-friendly.

Instructions

things you'll need:

  • Text editor or website editor
  • FTP software
  • Web host
  • Web browser
    • 1
      Open your web page in your text editor or website editor. Remove all XHTML and Javascript coding. Most cell phones and mobile browsers can only display standard HTML code.
    • 2
      Create a sub-domain on your web host. Hosting service providers such as Fat Cow (see Resources) typically include free sub-domains with your hosting package. Access your host's account page and click "Domains" to create a new sub-domain. Name it "mobile.yourdomain.com" or "m.yourdomain.com", replacing "yourdomain" with the actual address of your site.
    • 3
      Upload the contents of your original site to the new sub-domain using your FTP software. Ensure that you have transferred over all original files, folders and images required for your site to function.
    • 4
      Launch your web browser and navigate to the Google Mobilizer website (see Resources). Enter the sub-domain for your site into the text box and click "Go." Ensure that the checkbox next to "No images" is not selected. Google will read the site page and create a mobile-friendly version that will fit onto the small screen of a mobile device.
    • 5
      View the source file for the mobilized web page. In the top menu bar of your browser, click "View" and select "View Source" from the drop-down menu. Copy the entire HTML page listed.
    • 6
      Open the original file for the web page. Highlight all of its contents and delete. Paste the mobilized version that Google generated to replace the old HTML code. Save the file. Repeat this step for each page on your site that you wish to make mobile-friendly.

0 Ads:

Post a Comment