(a) Write suitable HTML5 codes for a simple table illustrating the use of colspan and rowspan and header. [3 marks]

(d) Write suitable codes to achieve the following: i. Sending an email through a hyperlink. ii. Opening a new link in a new window. iii. Linking to another part of the same web page. iv. Initiate a text message to a phone number directly through a hyperlink v. Initiate a phone call when a hyperlink is clicked. [5 marks]

Question 3 - [15 marks] a) Distinguish among GIF, JPG, and PNG file formats. Your answer should present a situation where one format is more suitable than the other two formats. [6 marks] b) Provide suitable HTML5 code fragments to include a video clip and a sound clip on a web page. You can make your own assumptions for the filenames of the multimedia files.

a) What is the expected output when using a jello design? [2 marks] b) Describe THREE website design best practices discussed in class. [3 marks] c) Describe the different types of CSS selectors available. [3 marks] d) Distinguish between span and float CSS attributes. [2 marks] e) Explain the effect achieved by the CSS style defined below. [5 marks]

b) Draw a diagram to illustrate the typical life cycle for a website development project. [2 marks] c) What is the role of the DOM in HTML? [1 mark] d) Write suitable HTML5 and JavaScript codes such that when a user clicks over a button 'calculate', a JavaScript function is called to display the sum of two numbers on the same web page. The page should contain two fields to accept two numbers entered by a user. Hint: use parseInt().

a) Provide suitable HTML5 codes for a form, 'enrol.html', to let a student enroll for different modules on offer in a particular semester. The form should collect the student ID, first name, last name, email address and modules selected by a student. A student must register for a minimum of four modules out of the six modules on offer. A student can also indicate whether student is on scholarship or not. If a student selects 'yes' as being on scholarship, the student must fill in another field with the name of the funding agency. The form will use the POST method to send its data to the script 'enrolModule.php' and should have a 'submit' and a 'reset' button. All fields are required and must be properly defined to ensure valid data is submitted to the PHP script. State any assumptions you make. [5 marks] b) Provide suitable PHP codes in 'enrolModule.php' to read the modules selected by a student as per the form described in question 6(a). The PHP script should verify the number of modules registered and if less than four, the user must be redirected to the page 'enrol.html' with an appropriate error message. Note: A client script would have normally been used for such kind of validation. [5 marks] c) Write suitable PHP codes for 'enrolModule.php' to verify whether the student ID, first name and last name supplied in the form described in question 6(a) correspond to correct entries in a table named STUDENTDETAILS found in a MySQL database named 'STUDENTS'. If there is a mismatch, redirect the student to the form page 'enrol.html' displaying an appropriate error message. Otherwise, the student enrolment information provided in the form 'enrol.html' should be inserted in the 'ENROL' table. State any assumptions you make. [15 marks]