HTML Applications: Giving WSH a User Interface - Taking it one step further
(Page 4 of 4 )
At this point you have your first working HTML Application, albeit a little bland. Let’s take a few minutes to dress it up a bit. Remember, we are working with an HTML page so let’s go ahead and add some CSS styling. Make sure it goes between the HEAD tags.
<style>
body {
background-color:#E8E8E8;
font:13px "Century Gothic";
color:#000;
hr {
color:#000;
.title {
font-weight:700;
</style>
Again, this is a simple CSS example. We’ve added a background color, fixed up the font, and styled the horizontal rule. It's nothing fancy, but if you save and run this again, you’ll see what a difference a little style makes.
Now that you have a working HTA, all that’s left it to have some fun with it. Try dressing it up some by adding images and tables. Anything you could put in a web page is fair game to try. Remember that images and scripts should be relative to the directory where the HTA executes and MAY be web references.
Thanks for playing along. I hope you enjoyed the first segment in this series. Stayed tuned for part two when we take a look at some more advanced HTA coding techniques.
In the meantime, have some fun. Until next time, keep coding.
| DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware. |
