Anatomy of a mobile website
-
Upload
quentin-brown -
Category
Self Improvement
-
view
1.657 -
download
1
description
Transcript of 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