XML Assignment

Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 5

MUSA BASHIR

BSCLMR178021
ASSIGNMENT QUESTION
SECTION A: (20 Marks)
1. Four factors to consider when designing a dynamic website for Jamii Bora Bank:
 User experience (UX)
The UX of a website is how users interact with it. When designing a dynamic website, it
is important to consider the needs and expectations of the target users. For example, the
website should be easy to navigate and use, and it should be visually appealing.
 Security
Security is a top priority for any website, but it is especially important for dynamic
websites, which handle sensitive user data. When designing a dynamic website, it is
important to implement robust security measures to protect user data and prevent
unauthorized access to the website.
 Scalability
Scalability is the ability of a system to handle an increasing number of users and
transactions. When designing a dynamic website, it is important to consider the
scalability of the website and its underlying infrastructure. The website should be able to
handle a large number of users and transactions without experiencing any performance
problems.
 Content management system (CMS)
A CMS is a software platform that makes it easy to create and manage website content.
When designing a dynamic website, it is important to choose a CMS that is easy to use
and that meets the specific needs of the website.

2. Four attributes that control background color in website designing:


Background-color
The background-color attribute specifies the background color of an element. The value of this
attribute can be any valid CSS color value, such as red.
Background-image
The background-image attribute specifies the background image of an element. The value of this
attribute can be the URL of an image file.
Background-repeat
The background-repeat attribute controls how a background image is repeated. The value of this
attribute can be repeat, repeat-x, repeat-y, or no-repeat.
Background-position
The background-position attribute controls the position of a background image. The value of this
attribute can be two horizontal and vertical coordinates, separated by a space.

3. Process of creating links to sections within the same page:


To create a link to a section within the same page, you can use the # symbol followed by the ID
of the section. For example, to create a link to a section with the ID about, you would use the
following code:
HTML
<a href="#about">About</a>
This code will create a link to the about section when the user clicks on it.
To add an anchor link to the section you want to link to, you can use the following code:
HTML
<h2 id

SECTION B
1. Write the HTML code for the figure below.
Answer

<!DOCTYPE html>
<html>
<head>
<title>Join Our Newsletter</title>
</head>
<body>
<form action="/subscribe" method="post">
<div class="newsletter-form">
<h1>Join Our Newsletter</h1>
<input type="email" name="email" placeholder="Enter your email address">
<input type="submit" value="Subscribe">
</div>
</form>
</body>
</html>

2. Write a suitable code for the figure shown below;

Answer:

<table>
<thead>
<tr>
<th>Borrowing</th>
<th>StudentID</th>
<th>StudentName</th>
<th>BookID</th>
<th>BookTitle</th>
<th>Date</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td>SS S1</td>
<td>Smith</td>
<td>B1</td>
<td>Python</td>
<td>12-Apr-2016</td>
</tr>
<tr>
<td></td>
<td>S1</td>
<td>Smith</td>
<td>B2</td>
<td>Databases</td>
<td>17-Jan-2016</td>
</tr>
<tr>
<td></td>
<td>S2</td>
<td>Ford</td>
<td>B1</td>
<td>Python</td>
<td>25-Feb-2016</td>
</tr>
</tbody>
</table>

3. . Write a suitable html code for the following form.


Answer:

<form>
<div>
<label for="subject">Subject:</label>
<input type="text" id="subject" name="subject">
</div>
<div>
<label for="programme">Programme:</label>
<select id="programme" name="programme">
<option value="BBIT">BBIT</option>
<option value="BSC">BSC</option>
</select>
</div>
<div>
<label for="gender">Gender:</label>
<input type="radio" id="gender_male" name="gender" value="male">
<label for="gender_male">Male</label>
<input type="radio" id="gender_female" name="gender" value="female">
<label for="gender_female">Female</label>
</div>
<div>
<label for="suggestion">Suggestion:</label>
<textarea id="suggestion" name="suggestion" rows="5" cols="30"></textarea>
</div>
<div>
<button type="submit">Submit</button>
<button type="reset">Reset</button>
</div>
</form>

4. Write a html code that will display the following definition list as illustrated below
HTTP- Hyper Text Transfer Protocol
HTML- Hyper Text Mark Up Language

Answer:
<dl>
<dt>HTTP</dt>
<dd>Hyper Text Transfer Protocol</dd>
<dt>HTML</dt>
<dd>Hyper Text Mark Up Language</dd>
</dl>

You might also like