Scribd
Upload
43 views

Lab Assignment

This document provides instructions for two CSS lab exercises. Students are asked to create two HTML files, add_user1.html and add_user2.html, that match the designs shown in the figures. For each exercise, students are given HTML code and instructed to complete the external CSS files to style the pages as depicted. The goal is to understand how to structure web pages and use CSS for formatting.

Uploaded by

tariqshah457
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
43 views

Lab Assignment

This document provides instructions for two CSS lab exercises. Students are asked to create two HTML files, add_user1.html and add_user2.html, that match the designs shown in the figures. For each exercise, students are given HTML code and instructed to complete the external CSS files to style the pages as depicted. The goal is to understand how to structure web pages and use CSS for formatting.

Uploaded by

tariqshah457
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

CSS 326 Database Programming Laboratory Sirindhorn International Institute of Technology

LAB ASSIGNMENT 1

Exercise 1
Create add_user1.html which looks identical to the following screenshot. Use an external CSS file.
The html text and CSS text given below the image can be used to achieve the expected form,
In order to clearly understand the structure of the page, a figure is shown here as well. Study
the provided HTML file and complete the CSS file so the final result looks like the one shown
below. The user group would be Instructor, TA & Students. (Score: 1 mark)

Figure 1: The expected form (static)

Figure 2: The structure of the form

*When you click the link: http://bug.5digits.org/pentadactyl/index It


should direct to the website in a new tab.

Page 1 of 2
CSS 326 Database Programming Laboratory Sirindhorn International Institute of Technology

Exercise 2
Create add_user2.html which looks identical to the following screenshot. Use an external CSS
file.The html text and CSS text given below the image can be used to achieve the expected
form, In order to clearly understand the structure of the page, a figure is shown here as well.
Study the provided HTML file and complete the CSS file so the final result looks like the one
shown below.The user group would be Instructor, TA & Students. (Score: 1 mark)

Figure 3: The expected form (static)

Figure 4: The structure of the form

*When you click the link: http://bug.5digits.org/pentadactyl/index


It should direct to the website in a new tab.

Page 2 of 2

You might also like