©2024 MOHI TECHNICAL TRAINING INSTITUTE
061005T4ICT
ICT TECHNICIAN LEVEL 5/ SOFTWARE ENGINEERING
IT/OS/ICT/CR/5/5
Website Design/ Develop Computer Program
Nov/Dec 2024.
Time: 2 Hours
MOHI TECHNICAL TRAINING INSTITUTE
PRACTICAL ASSESSMENT
2 HOURS
INSTRUCTIONS TO CANDIDATE:
i. Do not write on the question paper
ii. Return the paper to the assessor at the end of assessment
iii. Do not write the code on the question paper
This paper consists of TWO printed pages.
Candidate should check the question paper to ascertain that all pages are printed as
indicated and that no questions are missing.
You are provided with the following resources:
i. Computer with Internet Access
ii. Web Browser (Chrome)
iii. Text Editor (Visual Studio Code )
iv. USB Drive (for submissions)
Page 1 of 2
©2024 MOHI TECHNICAL TRAINING INSTITUTE
HTML Questions
1. TASK 1 Write the basic structure of an HTML5 document with the <!DOCTYPE
html>, <html>, <head>, and <body> tags. Include the title "My First Webpage" in the
<title> tag.
2. TASK 2 Write HTML code to display an image of your choice, with the image being
responsive (it adjusts to the size of the screen). Use the <img> tag and include a
placeholder image URL.
3. TASK 3 Create a simple horizontal navigation bar with the following links:
o Home
o About
o Services
o Contact Use an unordered list <ul> and <li> elements.
4. TASK 4 Create a simple contact form with the following fields:
o Name (text input)
o Email (email input)
o Message (textarea)
o Submit button Also, ensure the form uses the POST method to submit the data
to a hypothetical server URL "/submit".
5. TASK 5
o Create an ordered list of five countries.
o Create a table with 3 columns: "Name", "Age", "Occupation". Add at least 3
rows with sample data.
1. Flexbox Layout: Create a simple Flexbox layout with three boxes (divs) that align
horizontally and are evenly spaced. Each box should have a width of 100px and a
height of 100px, with different background colors.
2. CSS Grid Layout: Create a 2x2 CSS grid with four divs inside it. Each div should
have a height of 100px, and the grid should be responsive (resize when the screen size
is reduced).
3. Hover Effects: Write CSS for a button that:
o Changes the background color to green when hovered.
o Changes the text color to white when hovered.
o Add a transition effect for smooth change.
4. Responsive Design: Write a CSS media query that changes the layout of a webpage
when the screen width is less than 600px. For example, you could change a two-
column layout to a single-column layout when the screen is narrow.
THIS IS THE LAST PRINTED PAGE.
Page 2 of 2
