Welcome to this comprehensive study resource by Armstrong Computers your partner in digital education excellence. This edition features the May/June 2023 Level 3 Web Design NVTI past questions covering both theory and practical aspects of HTML and CSS.
Our mission is to make web design education accessible and practical for every student. These questions combine fundamental web concepts with hands-on coding exercises preparing students not just for exams but for real-world web development challenges.
SECTION A – Theory (Click to View Answers)
1. What is the difference between XHTML and HTML?
XHTML is a stricter and cleaner version of HTML written as XML. All tags must be closed properly. HTML is more forgiving and flexible with syntax but less consistent.
2. Explain how you can set an image as a background on a webpage?
Using CSS:
body { background-image: url('image.jpg'); }3a. How many H1 tags can you have on a single web page?
You should use only one <h1> tag per page for SEO and structure clarity.
3b. Mention the importance of H1
<h1> defines the most important heading and helps search engines and users understand the main topic of the page.
4. Explain why a hyperlink or an image will not display correctly on a webpage.
Incorrect file path, missing file, or incorrect syntax can prevent proper display.
5. List two potential problems using tables for web page design.
- Not mobile responsive
- Hard to maintain and not semantic
6a. What is IP address?
It is a numerical label assigned to each device connected to a computer network using the Internet Protocol.
6b. State TWO examples of class "C" IP addresses
Examples: 192.168.0.1, 192.168.1.100
7. Explain how you can integrate CSS file to your webpage
Use:
<link rel="stylesheet" href="style.css"> in the <head> section.8. State with syntax how many HTML tags are needed for a simple web page.
Minimum tags:
<!DOCTYPE html><html><head></head><body></body></html>9a. What is usability testing?
Testing the website with real users to identify problems and improve user experience.
9b. Three advantages of usability testing?
- Improves user satisfaction
- Reduces development cost
- Improves efficiency and effectiveness
10a. What is an external style sheet?
It is a .css file that holds styling rules and is linked to HTML pages.
10b. How can we link it?
Use:
<link rel="stylesheet" href="style.css"> in the <head> section of HTML.SECTION B – Practical Website Design
School Website Project
Create a simple 3-page website for Armstrong Computer School with the following requirements:
1. Home Page
<!DOCTYPE html>
<html>
<head>
<title>My School - Home</title>
</head>
<body>
<h1>Welcome to Armstrong Computer School</h1>
<p>We offer cutting-edge IT training to equip students with real-world digital skills.</p>
</body>
</html>2. Courses Page
<!DOCTYPE html>
<html>
<head><title>Courses</title></head>
<body>
<h2>Our Courses</h2>
<table border="1" cellpadding="5">
<tr><th>Course Name</th></tr>
<tr><td>Web Design</td></tr>
<tr><td>Database Management</td></tr>
<tr><td>Graphic Design</td></tr>
<tr><td>Microsoft Office</td></tr>
<tr><td>Networking Basics</td></tr>
</table>
</body>
</html>3. About Us Page
<!DOCTYPE html>
<html>
<head><title>About Us</title></head>
<body>
<h2>Contact Information</h2>
<p>Armstrong Computer School</p>
<p>Email: info@armstrongcomputers.edu.gh</p>
<p>Phone: +233-24-000-0000</p>
<p>Location: Accra, Ghana</p>
</body>
</html>Practical Instructions:
- Create all three HTML pages exactly as shown above
- Ensure proper document structure with all required HTML tags
- Link the pages together using navigation (add <a> tags)
- Create a simple CSS file to style the pages consistently
- Validate your HTML code using the W3C validator
- Test all pages in at least two different browsers
