Week 4- "The First Quiz"

Let the picture tells how my first quiz was going on.

And this is the marks I get.

Week 3- "Form de LabTest"

Today, Mr.Syamsul gave us a sheet of paper and asked us to make a form with html knowledge that we had learned from previous theory class. As usual, I used Adobe Dreamweaver CS6 to create it.

Here's my result of the form. Got a bit different from the request. But what so ever? The main functions were over there =D

Here's some different type in the form I created:-

1: Text Box

2: Text Area. 

         The difference between text box and text area is text box provided only 1 line for user to key in            the information, while text area can make multiple lines of information when user type "Enter".

3: Radio Button. 

         User only can select one option in this type.

4: Check Boxes. 

         User can check multiple options in this type.

5: Multiple Selection. 

          User can view all options in this selection.

6: Select. 

          User can see one option and they click the box, all options will come out under the box. This                  selection can use when the options were so large to save places.

7: Password Box

          When user make an input in password box, the words will be hidden and only showed the                      length of the word.

8: Summit & Reset

          These are the buttons that can allow the information in the form summit or reset. When user                    click "Summit", the form will process in the action that created in HTML. When "Reset"                      button is clicked, all information in the form will be cleared.

Week 2- "Adding Some Tabs"

Today, Mr.Syamsul asked us to modify the previous lab tutorial, which is add some tabs into the page. Lets review the product of previous lab tutorial.

"HOME", "INFO", "ACADEMIC" and "CONTACT" are the tabs that can found in the original file that Mr. Syamsul given. Now I am going to add some tabs which names "HOBBY" and "EXPERIENCE".

Actually it's very easy. At first, I change the table width and the image's width to 1536px to make the columns fix the table without changing the column's size.Then, I add the two lines of coding which link to the two .html files.

At the same time, make sure the files need to be created and key the actions that need to perform when user clicks the button into the .html. And anything just same as what I had learned before.

Taada~Here's the result. Two columns are added behind it(Just ignore the typing error..).

_______________________________________________________________

But did anyone notice what's wrong on it??

Er-hem. I just noticed that this result couldn't fix my laptop's screen as it's too long for it(That wasn't a problem when it opened in lab with wider screen display).

But what's matter, this is just a practice. Smile :) 

I was upset on this for 2 seconds.