Make android app with HTML and CSS!

Are you a web designer or you can HTML,CSS and Java Script? If your answer is Yes, You can make android app with HTML, CSS and Java scripts knowledge! In this post I’ll show you how can you  make an Android app with Just HTML css with phone gap.


What you have need

  1. adt-bundle ( 32 bit windows version download) You can download for your OS platform here
  2. PhoneGap ( Download )
  3. An Android phone.


  • Open adt-bundle folder and open eclips
  • Create an android project by eclips
  • Extract PhoneGap and copy the cordova-2.9.0.js file.
  • In left side click on Package Explorer and paste the cordova-2.9.0.js file in assets>www folder
  • Copy cordova-2.9.0.jar file and paste it in Libs folder like as image below

  • Now open the file from src folder. In this file replace the public class MainActivity extends Activity line with public class MainActivity extends DroidGap
  • write super.loadUrl(Config.getStartUrl()); in the place of setContentView()

  • Now add this code in AndroidMainfest.xml file at <uses-sdk…/> and <application…/> tags
android:anyDensity="true" />
<uses-permission android:name="android.permission.VIBRATE" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.RECEIVE_SMS" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
<uses-permission android:name="android.permission.READ_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.GET_ACCOUNTS" />
<uses-permission android:name="android.permission.BROADCAST_STICKY" />x
refresh the project. Now create a index.html file in assets>www folder. The app will show you whatever you write in index.html  file. You can add more html file link with index.html file like as a website.

Tags : , , , , , , , , , , , , ,

Share on :

3 Responses to “Make android app with HTML and CSS!”

  1. Ava says:

    Great tutorial about make android apps.

  2. Arjun says:

    Works like magic.
    Thanks a lot bro.

    It worked for me.

  3. Ahmedfahad says:

    Nice Work . But Html and Css ar Jono Akti Video Tutorial Dele Valo Hoto .

Leave a Reply

seven + = 16