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
<!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
Tagged:
Comments
I would like to have rss feeds form different sources on one page. How to do that?
Thanks in advance
My RSS feeds links directory
1)http://rss.cnn.com/rss/cnn_topstories.rss
2)http://feeds.nytimes.com/nyt/rss/HomePage
3) http://rssfeeds.usatoday.com/usatoday-NewsTopStories
or onscreen butons that when the Users click them they go to a RSS feed channel with multiple RSS feeds , copy and paste my code into the an HTML page and you can view it on the computer before putting it on the device.
<!DOCTYPEhtml>
<head>
</head>
<body>
<a href="http://webdesign.about.com/library/z_whats_new.rss">
<img src="http://0.tqn.com/f/stay/a.gif" ></a>
<a href="http://rss.cnn.com/rss/cnn_topstories.rss">
<img src="http://0.tqn.com/f/stay/a.gif" ></a>
</body>
</html>
If you wanted something else just let me know.
On the app you can see rss feeds logo, that one from
Source 1 (name of source like www.news.com)
Xmass shopping .... (Headline)
Source 2
Santa is comming...
Source 1
The most value
Source 3
The director..
Do you know what I mean?