About This Blog

The purpose of this blog is:

• To provide information and knowledge about web and technologies.
• Share our knowledge on how to make blog more interesting and creatives.

So stay tune and be our followers...=)

SIM 5212 : Web Technologies

Lecturer: Dr. Rusli Abdullah
Email: rusli@fsktm.upm.edu.my

Objectives:

• To understand the concept, technique and technologies in web based programming.
• To develop application systems in Web based environment using the latest technologies.

Course Contents:

1. Introduction - Internet
2. Web Essentials
3. Web Development
4. JavaScript Language
5. Web Presentation
6. Java Servlets
7. XML
8. JSP
9. Web Services

How to Add 'Back to Top' Button

Follow these simple steps:

1. Go to Dashboard > Design > Add a gadget > Html/Javascript.

2. Paste these codes into the section:

<a title="Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;"><img src="URL IMAGE"></a>

3. Substitute URL IMAGE with your own image URL.

4. Click Preview.

5. Save your template once satisfied.

Here are some images that you can use:

http://img338.imageshack.us/img338/9871/2evyotw.gif

hhttp://img132.imageshack.us/img132/5848/totopbutton.png

http://img175.imageshack.us/img175/7297/up3.png

http://4.bp.blogspot.com/_JwD5r652h00/SvDBWWig4UI/AAAAAAAAARI/
28cXbIDOaqk/s400/bttp-11.png

http://1.bp.blogspot.com/_JwD5r652h00/SvDBXF2WGRI/AAAAAAAAARo/
FIPZOwsTTBc/s400/bttp-15.png

Notes: This button is important for usability when the pages are too long.

How To Add A Favicon

What is favicon?? Favicon is actually the symbol that appears in the left-most area of the addrees bar.

Here are the steps to add a favicon to your blog:

1. Download a “ready made” favicon from these sites:

• Favicons R Us
• FreeFavicon.com

2. Go to: Icon J's favicon generator
3. Select Anonymous Favicon Hosting.
4. Choose your favicon and upload it.

5. Once finish, two options will come up:
6. Copy the HTML code given in the Direct Link method.

7. Go to Dashboard > Design > Edit HTML > Tick expand widget template.

8. Click CTRL+F, and search for the code:

<HEAD/>

9. Paste the HTML code you copied from Icon J's in Step 6 and paste it above the <HEAD/> code.

10. Click Preview.
11. Save your template once satisfied.

Notes: Don't forget to backup your template first before doing this..Do not hesitate to leave a comment if you are facing any problem...Gud Luck!!...=)