Sample mobile page scripting with Dreamweaver,Frontpage or note pad

Google has launched Mobile Adsense -but for earning extra money with Mobile adsense program you should have a mobile website -a mobile website is a website which can be comfortably displayed on mobile devices like cell phones or PDA etc.

Should meet 2 conditions to make a mobile webpage

1. Web page should be marked up in XHTML 1.0 orWML or chtml standards &
   
   
2. The page should support any of the following scripting languages (if you want to show Mobile adsense ads )
   
   

• PHP v4.3.0 or greater
• CGI/Perl v5.8 or greater
• JSP v1.2 or greater
• ASP v3.0 or greater
  

Let us check what to do to meet the above conditions


To meet condition 1 (we will discuss about only xhtml mark up)

You should change the doc type of your webpage -enter this codes a the begining (before head section )



To meet condition 2

Save your final page with .php or .asp or .jsp extension ;for example instead of index.html save it as index.php .


I assume that you know the basics of html ,you can design the page in dream weaver of in frontpage but keep in mind the width of the mobile screen

• don't use big sized images (120 pixel max width)-it is better to avoid images
  
• don't use fixed sized table
  
• instead of tables use div tag
  
• you can use external css to format your page
  
• instead of ordered or unordered list try using p (paragraph )tag
  
• Keep the length of the text small
  
• Select size of the text as normal
  

Read these Rules to remember while designing a mobile webpage
Check this sample website -www.nokiarecipes.com on your mobile device & you are free to download the page,css etc to your computer & make your own mobile webpage .

How to design a mobile webpage with dream weaver/microsoft frontpage

step1-Open a new file
step2-select code view
step 3 -delete all the codes above head section
step 4 - Add the doc file type info provided here before the head section
step5- Add your content in the body section ,as you normally design a webpage
step6- after completing the page design save it as .php or .asp
step 7 -upload it & verify it on a mobile device


Note -Google mobile adsense will take up to 48 hours to appear .



Sample mobile page which I designed with Macromedia dream weaver


check here -http://www.nokiarecipes.com

(click View>source code to get the code in your browser - copy & paste this code -alter the code & css and make your own mobile pages )

Is there any Software to make mobile website or mobile web pages.?


Mobile Site Bot is a software widely used by professionals in  creating an unlimited number of mobile-friendly websites.

Learn How to earn money with your mobile website