Week 5 Lab class- Install Web Server

24/3/2016

Lecture lead our install the web server at the lab class.

Week 4 Lab Quiz

We had a lab quiz for this week lab~
Lecturer uploaded the lab test on the Online Learning UUM~
This quiz closed on Thursday, 17 March 2016, 4:20 PM,Time limit: 40 mins
Our class start on 2.30pm and we start our lab test on 2.40pm~

Week 4

14 March 2016
 The topic that we were talking about is Concept of Client Server & Internet Application.

There are 2 parts of scripting languages:

1. Client- side scripts (css) for browser
2. Server- side scripts (sss) for server

Client- side scripts

•Scripts are interpreted or executed by the browser/client

•Example: JavaScript, Jscript, VBScript

•Can be embedded into HTML documents or contained in separate file

•Used to validate user input, accesses the browser and enhances Web Pages with DHTML, ActiveX controls and Java applets

•Processed at the browser, not processed at the Web server– longer downloading time depending on the size

•Reduces the number of requests that need to be passed to server. Thus reduced server load

•Browser dependence

•The browser must support the scripting languages

•To see CSS, view the source

Server- side scripts

•Example: PHP, ASP, ASP.Net, JSP, CGI

•Provide interactive web sites that interface to databases or other data stores 

•Processed by the server to generate html and return as response to the browser

•Scripts are embedded in html documents

•Specialty…

–Browser/Client independence 

–Response time is small

–Data retrieved from database, not left at the client

–Powerful

Week 3 Lab class

Today Lab session lecture want us to learn How to Create HTML Document Form


the result should be:

The main input elements are text box, password box, radio buttons and checked boxes.

1. Text box
 <input type="text" name="myname" size=30 maxlength=40> 

2. Password Box
<input type="password" name="pwd" size=15 maxlength=15> 

3. Radio Buttons
 <p> Your favourite brand: <br>

<input type="radio" name="device" value="apple"> Apple <br> 
<input type="radio" name="device" value="nokia"> Nokia <br>
<input type="radio" name="device" value="samsung"> Samsung <br>  

</p>

4. Checked Boxes 
<p> What devices have you used? <br>
  
<input type="checkbox" name="device" value="apple"> Apple <br> 
<input type="checkbox" name="device" value="nokia"> Nokia <br>
<input type="checkbox" name="device" value="samsung"> Samsung <br>
 
</p>

5. Select
<select name="cars">
   <option value="volvo">Volvo</option>
   <option value="saab">Saab</option>
   <option value="fiat">Fiat</option>
   <option value="audi">Audi</option>
</select>

6. Multiples Selections 
<select multiple name="cars">
   <option value="volvo">Volvo</option>
   <option value="saab">Saab</option>
   <option value="fiat">Fiat</option>
   <option value="audi">Audi</option>
</select>

7. Text Area
<textarea name="comments" rows=5 cols=65></textarea> 

8.Submit and Reset
<input type="submit" value="Register">
<input type="reset" value="Clear">

Finally finish the task ^^

Second Lab Class

3 of March we had our second lab class on Lab A2 and Dr.Syamsul ask us to download a html file again that he was upload on facebook group before and edit it by using Dreamweaver. Previous lesson Dr.Syamsul are requires us to change the banner, color from the tab of properties and some text inside the file. Today, he was upgrade the task given us task with to create 2 more pages (hobby and experience) and also create the menu for all pages. He will given a reward for the student who was the earliest finished the task~
   

Before

After

First Lab Class- Learn Adobe Dreamweaver CS6

25th of February we had our first lab class which is a tutorial session. We were introduced to the software Adobe Dreamweaver CS6. This tutorial required us to use Adobe's Dreamweaver to make some changes from the original's file. This is my first time using Dreamweaver, our lecture requires us to change the banner, color from the tab of properties and some text inside the file.

  Before

 After