How to make a mobile website?
By sanpnrad1
mobile sites are usually made in the wap/wml format..now html format has come for mobile too...
first abt wml...
Unfortunately WML cannot be run on all web hosts. For WML content to be run, a web host must make some changes to the configuration of their web server. If your host cannot do this for you, you can try WAPHosts.net. They can provide you with a server which will support WML.
Declaring A WML Document
When you are creating a WML document all you need is notepad or another text editor, just like for HTML. The first thing you should enter is:
<?xml version="1.0"?><!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml"><wml>
this tells the phone that it is interpreting a WML document and which WML standards it is using.
Cards
Instead of having pages, WAP sites have cards. These are what is displayed on the screen at one time, just like a page. More than one card can be inserted in each WML document. To declare a card, insert the following:
<card id="index" title="My WAP Site" newcontext="true">
This will make a card with the ID index (used for linking) and will display the text:
My WAP Site
at the top of the screen.
Closing Tags
Unlike with HTML, it is extremely important to close WML tags. If you do not, a page will certainly not work. You must close both the <card> and <wml> tags:
</card>
</wml>
now html can be used for mobile sites..
Rudimentary Steps:
You’ll first need to obtain a copy of Adobe Creative Suite 3 that has Dreamweaver CS3 and Adobe Device Central (FYI: Device Central does not ship separately from CS3. It is part of the overall suite).
Now:
1.) Launch Dreamweaver CS3. (NOTE: currently you can’t start the mobile workflow from within Device Central).
2.) Next thing to do is select the More … folder from the Create New option.
3.) Select HTML from Page Type and then simply publish out using XHTML Mobile 1.0 profile under DocType from the menu (this will just add a header, no biggie).
4.) Start coding your HTML based Mobile Web Site to your hearts content.
Remember, try to keep it a simplistic HTML design (use basic HTML and follow the community .mobi guidelines as best as you can).
Learning to code HTML for mobile
When developing for mobile, there are some really good websites out there in regards to coding practices for HTML on mobile.
There are also some templates over at the .MOBI developer site if you want to go that route. This includes the dot MOBI site, and the dotmobi mobile web developers guide.
Also, Community MX also has a decent series on articles on Mobile Web.
There are numerous other resources of the subject, just search.
5.) Once the site markup is complete, you’ll of course, want to test it.
Here instead of testing within Web Browser as you typically would in Web based project, you now use the Preview in Browser, and then select Adobe Device Central from the menu.
his changes the workflow from desktop to mobile! … a time saver in that you can test iteratively within Adobe Device Central before you push down to physical devices for testing.
6.) Once in Adobe Device Central, first you’ll want to pick a target device from the Available Devices panel on the left.
You can either choose your target devices manually, or better still build a device profile containing all the devices you plan to support.
Once completed, your content will load and render for the device(s) choosen. Notice that the content type is set to Browser mode in Content type panel.
If you think you’re going to support each and every device out there, you’re overly ambitious. In some respects, it much like the early “Browser Wars” on desktop, but this time around you must deal with different devices, screen sizes, browsers, etc.
Keeping your design simple and “clean” is good approach to making it viewable across the largest collection of mobile and portable devices out there. Again, check out some sample mobi sites, and read the Mobile Web Developers guide for more insight.
Comments
Also on the adobe website they have photoshop and other trials that are really cool
Make your site mobile through Squace?
It is easy to build a Sqauce site. When you update the content on your web page your Squace site will updated automatically. No extra work!
Squace drastically lowers your barriers to going mobile:
* Uses common and open standards
* No cost
* Network and handset independent
* Consistent look and feel across phones
* Very easy to learn for your users
* We don't mess with your business model - place your own ads if you like!
To build a Squace site you first select which information that is relevant to provide over the mobile phone. Then you "design" the site, that is decide on number of grids, tab names, background images, etc. You build the site using a type of XML-protocol called SquaceML. Any programmer easily masters this! SquaceML is described in detail in an easy to use manual (http://squace.com/squaceml/). You publish the site on our Content provider site.
Why not try it out?
www.squace.com
There are some mobile site builders that make it easy to build a site so that it will work across a whole bunch of mobile phones while still looking good. Graphically nice that is rather than the texty based mobile sites that you see. You can plug in rss and flickr so you can use your existing content.One good one that I found is at: http://web.mostyle.mobi/Looks good on the phone: http://www.flickr.com/photos/39606494@N00/29759447 got a few friends that use different phones and they say that it looks good for them too!
oh here is the link to a cool mobile site: http://mostyle.mobi/channel/index/VictoriasSecret
please visit this wap site http://Teleloya.mydir.mobi
Good article...
It is more easy way to make mobile site using www.superwap.eu
Just try :)
music is my life
music is my life
I plan on building a mobile website for my business in the very near future. This article had some very informative stuff listed. Good info for web designers!
Try to use "Apache Mobile Filter" is a good project to detect mobile device, and give its capabilities as environment variable.
The url is: http://www.idelfuschini.it/it/apache-mobile-filter
pictures
hey i'm using adobe device central for my final year project and i am very new to the wml world....i can't seem to get the my images with in the wml tags to display on the emulator.... instead it shows the alt where the image is supposed to be. does any body know what's up?
I use UNITY Mobile to create all my mobile sites. It’s kind of like mofuse, only instead of lots and lots of forms, UNITY Mobile has a mobile WYSIWYG editor which makes things very simple and easy to create and design profession mobile sites. There are a bunch of other services out there, but UNITY’s service alone is worth it.
I make some mobile site for free and use Admob to make money from it.Just have a look on it!!
It is very much informative article. I am hopeful I will be able to create my own mobile website with this one.
Thank a lot.
I am web developer and working as FreeLance. I really like this content. it really help me to make a good mobile website. Definitely will forward this link to my other associates to get info and updates.
Thanks.
useful info tx
is there any one that can help me on how to design a mobile - portal for learning. please my e-mail is okith2000@yahoo.com
Visit this website to work on HTML5 & Wap, to get your website go mobile.
LetsGoMo creates successful smartphone applications and mobile websites by combining our understanding of the complete smartphone ecosystem , industry knowledge and technical expertise in different platforms. We call a project success if users of your smartphone app or mobile website term it a success, by actively using it to engage with your business.
great thoughts ...i really appreciate this...
Thanks
Agraj
great thoughts ...i really appreciate this...
Thanks
Agraj
Buy cheap vehicles from Japan.(used vehicles)
Very good article to start.
Thanks!
Great list! If you have a blog and want to convert it on the fly (auto update), check out WebtoSmartphone.com. It's still in alpha development and works pretty good on blogs (specially wordpress).
Great list! If you have a blog and want to convert it on the fly (auto update), check out WebtoSmartphone.com. It's still in alpha development and works pretty good on blogs (specially wordpress).
I saw the technical specifications of the 5230, 5800 and the N97... apart from a few minor differences like the presence/absence of WLAN, the sizes of the screens and the OS
(Symbian 60) they are basically the same phones... I am a bit confused by this...
I saw the technical specifications of the 5230, 5800 and the N97... apart from a few minor differences like the presence/absence of WLAN, the sizes of the screens and the OS
mobile website ...quite interesting
thank you
The Best Mobile Websites: No Smartphone Required89
rate or flag this pageTweet this
By danatheteacher
"Regular" Phones Want a Piece of the Pie
What?
No Iphone!
No Android!
No Blackberry!
You can still enjoy the mobile web with a "regular" non-smartphone.
This hub points to some of my favorite mobile websites.The website images use Opera Mini 5.
Don't have Opera Mini?
All of these websites should work on native phone browsers as well.
This is number one!
"One Stop Shop" interface
I especially like the addition of "Google Voice"
m.google.com
Click thumbnail to view full-size
See all 31 photos
Windows Live
This is NEW!
"One Stop Shop" interface
Easy access to Hotmail
Easy upload of photos to online albums
mobile.live.com
Click thumbnail to view full-size
Mobi Links Directory
Searchable directory of mobile sites
Ability to create accounts to mark favorites
Rate sites
Easy to read and well organized interface
m.mobilinks.com
Click thumbnail to view full-size
Zoho Mobile Suite
Generally "nifty"
This does a good "mobile" job of making up for the lack of document support in Google and Windows Live
Create basic documents
View your presentation files in the Zoho viewer
Much much more
m.zoho.com
Click thumbnail to view full-size
Yahoo
"One Stop Shop"
Quick access to Flickr and Yahoo Mail
Nice interface with customizable "Favorites" menu
m.yahoo.com
Click thumbnail to view full-size
Files Anywhere
Awesome and Free file storage
Mobile interface as well as a standard browser webapp interface
Useful for uploading pictures or downloading ringtones
m.filesanywhere.com
Yahoo
"One Stop Shop"
Quick access to Flickr and Yahoo Mail
Nice interface with customizable "Favorites" menu
m.yahoo.com
Click thumbnail to view full-size
12 minutes ago
Yahoo
"One Stop Shop"
Quick access to Flickr and Yahoo Mail
Nice interface with customizable "Favorites" menu
m.yahoo.com
Click thumbnail to view full-size
Building affordable business mobile websites that are fast-loading, user-friendly mobile websites for just $199!
Thanks, very informative article. We are also launching our mobile website soon http://www.webinhands.com
Awesome Hub! Thank you for this wonderful and understandable Hub! Great Job! Keep on writing!
thanks very informatics technique i want to change my blog
to other mobile blog
thanks dear, i just implement your techniques on my website
createawebsite(dot)co(dot)in
Thanks you very much
Agraj
i luv dis site very well.
i luv dis site
China mobiles in Pakistan are some of many other products that are taking over the tech market and it is really hard to find genuine stuff. Situation is same in many other countries where the growing Chinese economy has been eating up all the high cost products
Very worth able information and thanks to the author....
I did all of this for free at Kishkee.com. If you're looking for something super easy that you can make your own check it out. I can't write any computer code so it helped...did I mention it was FREE!!!!!
Nice Article!
I've worked on several mobile websites, wrote a summary article and included a sample template - worth having a look :)
Free wap,facebook,mxit and free supersport games
Mobile websites allow users to view and interact with their favorite sites, in much the same way they would on a desktop. Communication and information are available any time from anywhere.
Mobile websites allow users to view and interact with their favorite sites, in much the same way they would on a desktop. Communication and information are available any time from anywhere.
Very informative, I may try to start my work on it.
Hope that the mobile site will be coming soon.
Please visit my mobile web http://www.globalhk.net
thanks for all the information about mobile web.
i just converted my websitesc with http://www.convertwebsite.com/ in order to be easy to access from iOS or Android and i can say that this is the service that i needed.
goog article
thank you
I love the Article Please guys check out my site too http://m.webonmobi.info and tell me what you think.
If you also want a faster Mobile Website Developer tools you can find them at http://www.webonmobi.info
Great intro. You can also try out http://mobilewebamerica.com it's pretty cool and easy to use. Enter your website there and preview a mobile version on the spot.
A nice insightful article :) For those who are not tech whizz and want to increase traffic or boost more business sales, please visit www.stylishmobilesite.com to find out how we can produce one for your business :)
make my parsnal wap site
Why care about all the details? just switch to http://www.zuznow.com, they will do everything for you
Thanks for the article, very informative..
Paraglider 4 years ago
Very informative - thanks