Scribd
Upload
8 views2 pages

Cat Web Development

The document outlines a web development assignment consisting of multiple tasks, including creating an HTML page with navigation links, designing a survey form, writing a JavaScript function, and explaining various web concepts. It also requires the creation of a responsive webpage with a navigation menu, welcome message, and contact form, along with JavaScript functionalities for form validation and dynamic header color change. Each task is assigned specific marks, indicating the importance of each component in the overall assessment.

Uploaded by

Don KuZco Senior
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
8 views2 pages

Cat Web Development

The document outlines a web development assignment consisting of multiple tasks, including creating an HTML page with navigation links, designing a survey form, writing a JavaScript function, and explaining various web concepts. It also requires the creation of a responsive webpage with a navigation menu, welcome message, and contact form, along with JavaScript functionalities for form validation and dynamic header color change. Each task is assigned specific marks, indicating the importance of each component in the overall assessment.

Uploaded by

Don KuZco Senior
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

WEB DEVELOPMENT

Instructions:

1. Answer all questions.


2. Show all code where necessary.
3. Question one will 1 & 7 will be treated as Assignment

CAT 2:

1. Create a html page and include the following links: home, about us, location and
Contact us. Nb: under location set a dropdown list for the user to select.
Use hover attribute in that when the user places the cursor there a dropdown list is
displayed. (5 marks)

2. Create a html form that will be used to conduct a survey. The form should entail the
Following: (10 Marks)
 Name (First and Last name)
 Age (only numeric digits to be accepted)
 Phone number (only numeric digits to be accepted)
 Date of Birth(should have a date datatype only to display Calendar)
 Sex (Boolean only Male or Female, User to select)
 County (given atleast 10 options for the user to select)
 Password (Hidden, asterisk )
 Submit button and Cancel button

Insert a background image of your choice


Insert the table below and place in in any position

2024 FAMILIES TALLY


NAMES PHONE ALT NUMBER OF PASSPOT
NUMBER NUMBER CHILDREN PHOTO

FRIENDS
PHOTO

NULL INFORMATION IS GIVEN

3. a. Write a JavaScript function greetUser() that takes a user's name as input and displays an
alert saying "Hello, [name]!".
b. Explain the purpose of the console.log() function in debugging JavaScript code.
4. i) Write short notes on the following (5 marks)

 GET
 POST
iii). Describe the difference between inline, internal, and external CSS. Provide an example of
each.
5. Write the HTML code to create a form with the following fields: Name (text), Email
(email), Password (password), and a Submit button. (5 Marks)

6. Create a responsive webpage that includes the following: (10 Marks)

 A header with a navigation menu.


 A section displaying a welcome message and an image.
 A contact form similar to the one described in question 5.
 Apply basic styling using CSS to ensure responsiveness.

7. Using JavaScript, create the following functionality for the webpage in Question 6: (15
Marks)

 Validate the contact form fields (Name and Email) to ensure they are not empty
before submission.
 Show an alert with the message “Form Submitted Successfully” upon valid
submission.
 Create a button that changes the color of the header dynamically when clicked.

You might also like