To participate, please log in to your Andromo App Maker account then come back here!

HTML Tutorial 2: Add image onscreen and alert pop up's button to enhance user experience.

Hi Guys here is part 2 and today we will be covering how to add images and onscreen buttons. This is part 2 I suggest you read part 1 if your not familiar with HTML. First set up your HTML page like this

<!DOCTYPEhtml>
<head>
</head>
<body>
</body>
</html>

Ok now we are going to place an image on the screen.

<!DOCTYPEhtml>
<head>
</head>
<body>
<img src="supermario.png" height="50" width="50" >


</body>
</html>

<img src="Superdude.png" height="50" width="50" >--- img src=" " you place the name on the image in the "  " with file type meaning .png , .jpeg ,.gif etc. You can also set the height and width to the exact size that you want. Now we take on making the button.

<!DOCTYPEhtml>
<head>
</head>
<body>
alert("hey fellow developers welcome");
<img src="supermario.png" height="50" width="50" >


</body>
</html>

alert("hey fellow developers welcome");  ----- Alert is one of the main pop-up comands in javascript. Alert can be made to pop-up in the opening of a webpage or a click of a button. Its use is to make the user  more engaged or to give instruction to the user.  Place your text inbetween the ("   ") and end it with ;

If you have any questions on this tutorial please feel free to ask. Here is the demo of what it should look like with pop-up screen and image
http://sourceforge.net/projects/pfbw/files/demo2.zip/download

Also ask shane for his solution to making app without Andromo Dashboard, make customize homescreens!!
http://forums.andromo.com/discussion/827/for-those-of-you-looking-to-hide-activities-on-the-dashboard-or-nest-activities-i-have-a-solution#Item_11

Comments

Sign In or Register to comment.