ITD 21203 ASP.

NET WEB PROGRAMMING LAB EXERCISE 5

1. Write XHTML statements to display the following table:

Pick your choice A B Programming Networking

Note:
The filename of the image is iim.gif Programming is a hyperlink to programming.html Networking is a hyperlink to networking.html All text and image in each cell must be centered.

2. Write XHTML statements to display the following lists:

List of Companys Vehicle 1. Van o WDA 2232 2. Car WEW 5311 WNA 9080

3. Write .html and .css file Cell 1 (background colour= blue) Cell 3

Cell 2 Cell 4

4. Write .html and .css file Cell 1 Cell 2 Cell 4 Cell 5 (text colour= blue) 5. Write .html and .css file Cell 1 Cell 3 Cell 5 (border colour= blue)

Cell 3 Cell 6

Cell 2 Cell 4 Cell 6

hmmm (S2-2011) 1

ITD 21203 ASP.NET WEB PROGRAMMING LAB EXERCISE 5

1. Creating definition lists
network hardware and software data communication systems. The OSI layer model attempts to provide a way of partitioning any computer network into independent modules from the lowest (physical) layer to the highest (application) layer. Many different specifications exist at each of these layers. local area network a data communications network which is geographically limited (typically to a 1 km radius) allowing easy interconnection of terminals,

microprocessors and computer within adjacent buildings. Ethernet and FDDI are examples of standard LANs. metropolitan area network a data network intended to serve an area the size of a large city. Such networks are being implemented by innovative techniques, such as running optical fibre through subway tunnels. A popular example of a MAN is SMDS. wide area network a network, usually constructed with serial lines, extending over distances greater than one kilometer.

hmmm (S2-2011) 2

ITD 21203 ASP.NET WEB PROGRAMMING LAB EXERCISE 5

a. Styling nested lists

A. Creating a Simple Table 1. Tables are made up of rows of cells. The number of cells in each row determines the tables shape. a. To create a simple table: 1. 2. 3. 4. 5. 6. 7. 8. 9. Type <table> Type <tr> to define the beginning of the first row Type <td> to define the beginning of the cell Type the contents of the cell Type </td> to complete the cell Repeat steps 3-5 for each cell in the row Type </tr> to complete the row Repeat steps 2-7 for each row To finish the table, type </table>

B. Adding a Border 1. A border helps to distinguish your table from the rest of the page. However, if youre laying out your page with tables, you may not want to call so much attention to the border. a. To create a border with (X)HTML: 1. 2. Inside the initial table tag, type border If desired, type =n, where n is the thickness in pixels of the border

hmmm (S2-2011) 3

ITD 21203 ASP.NET WEB PROGRAMMING LAB EXERCISE 5

Write XHTML statements to display the following table:

NETWORKING
CONTENT: LAN WAN MAN Local Area Network A computer network that spans a relatively small area Most LANs are confined to a single building or a group of buildings

Wide Area Network A computer network that spans a relatively large geographical area WAN consists of two or more LANs

Metropolitan Area Network Data network designed for a town or city MANs are larger than LANs, but smaller than WANs

hmmm (S2-2011) 4

ITD 21203 ASP.NET WEB PROGRAMMING LAB EXERCISE 5

The filename of the image is computer.gif Create an anchor for: o o o Local Area Network Wide Area Network Metropolitan Area Network

Create link LAN, WAN and MAN to specific anchor: o o o LAN Local Area Network WAN Wide Area Network MAN Metropolitan Area Network

Write CSS statements to apply these format: o for font; o font style = Verdana font colour = navy

apply for all cell; border colour = navy boder style = solid border width = 5px

hmmm (S2-2011) 5

ITD 21203 ASP.NET WEB PROGRAMMING LAB EXERCISE 5

Form Create a form for UniKL students to fill up their personal information that consist of: text box password box menu radio button checkbox large text area submit button reset button

hmmm (S2-2011) 6