Anatomy of a mobile website

Anatomy Of A Mobile Website

Step 1 - Yellow Pages

Anatomy Of A Mobile WebsiteStep 1 - Yellow Pages

Anatomy Of A Mobile WebsiteStep 2 – Pick A Customer with a Web Site

Anatomy Of A Mobile WebsiteStep 3 – Screenpreso A Header And Graphics

Anatomy Of A Mobile WebsiteStep 4 – Copy All Text Required

Anatomy Of A Mobile WebsiteStep 5 – Add The Shrink And Fit Script

Anatomy Of A Mobile WebsiteStep 6 – Insert The Header And Apply Class

Anatomy Of A Mobile WebsiteStep 7 – Create The Buttons And Link

Once the first page is done “save as” to create all the other pages

For navigation you can use graphics or I like to use tables to make it load quicker.

Tip: Use text-decoration none to remove underline

Anatomy Of A Mobile WebsiteStep 8 – Add Text From Web Site

Now we just add the text we copied from the site earlier or directly from the site.

Tip: always copy text into a notepad etc first to remove any formatting

Tip: to link a phone number use this

wtai://wp/mc;+0738523700

Anatomy Of A Mobile WebsiteStep 9 – Upload And Test

Anatomy Of A Mobile WebsiteStep 10 – Add Redirection Script

<script language="javascript">var width = screen.width;if (width < 600) {window.location='http://yourwebsite.com/mobile.html'}</script>

It says if the screen is less than 500 pixels take them to the mobile site.

Anatomy Of A Mobile WebsiteStep 11 – Create QR Code And Email

Create the QR Code and create a nice email and send to customer

with link where they can pay you.

Anatomy Of A Mobile Website

Anatomy Of A Mobile Website

http://businessmobilewebsite.com

Enter Coupon warrior