(3 marks) Write an html document that shows the following output. Allow the user to enter student name, the marks of the first exam (from 20%), second exam (from 20%), final exam (from 50%), choose the mark for participation (from 10% marks) and selects the number of absences the students absent from the class. Student None first fure (2016) fundamentum Pron b. 2 Show Id=se Id=ti Id-fn Id=p Id=rsit All 2. (2 marks) Make an appropriate video that Id- demonstrates how to use the form. Add name this video to the end of the form. The video must have an audio that demonstrates how to use your application in details. (hint: You may use the Camtasia studio software) (1 mark) The audio bird.mp3 is played all the time while the document is opened. 4 (2 marks) Apply the following events: When the user focused the textboxes of ids: Name, fi, se, fin and p The audio rain.mp3 is played and the audio bird.mp3 is stopped When the user blurred the textboxes of ids: Name, fi, se, fin and p the audio bird.mp3 is replayed and the audio rain.mp3 is stopped. 5 5.(3 marks) Compute the total grades for student as follows: Total = first + second +final+ participation If the student absences exceeds 6 times (7) then his Grade is F Else -If the number of absences for a students does not exceed 7 times then the grade is based on the total as follows: Total Grade F E D 0 - 40 41-60 61-69 70 - 79 80 90 91-100 A Put the student name, Total and grade in the textbox near the button (as shown in the form above) after the student pressed the compute button. (4 marks) The user must enter a valid student name. A valid student name must contain only letters and spaces. E g. of valid names. "Ahmad Ali", "Yousef kilani", "Mona ahmad mahmoud". Eg of invalid names: "123 ali", "rey*65", "Mahmoud 78&". If the user enters an invalid 1) a message in red color below the textbox appears to indicate there is an error, 2) a * in red color beside the textbox is appeared, 3) the border of the textbox becomes red, and 4) the Audio noisy.mp3 is played: Student Name Ali 234 Malkawi Error: The name must contain only letters and spaces 7. (3 marks) When the result is F, a message in red color under the textbox "You need more effort" appears. Also the background of the textBox control beside the Button is changed to red as follows. Compute Ibrahim Moh'd Total = 40, , Grad = F You need more effort Play the audio badresult.mp3 when Grade = F 8. (2 marks) When the result is A, 1) a message in red color under the textbox Great Effort" appears 2) the background color of the textBox control beside the Button is changed to blue and 3) Play the audio Applause.wav 9.(5 marks) if the user enters a mark for either first, second, and/or final exams that is not correct (not in the range) : 1) a message in red color below the textbox appears to indicate there is an error, 2) a * In red color beside the textbox is appeared, 3) the border of the textbox becomes red, and 4) the Audio noisy.mp3 is played: First Exam (20%) 45 Error: You must enter a mark between 0-20 10. (5 marks) If the user clicks on the button labelled "Show All then all the previously entered correct names and their correct marks are displayed in a table as follows: Grade Marks Student Name First Second Final Participation Absences (