Introduction to Web Programming — DU B.Sc. (Hons) Computer Science Previous Year Question Papers

This question paper has two sections A and B. Parts of a question must be attempted together. Section A carries 30 marks and each question in Section B carries 15 marks. 1. (a) Write HTML code to create a navigation bar with the links: Home, About, Services, and Contact. Style the bar using an external CSS file named "styles.css". 2 (b) For a website http://www.abc.com write two HTML statements to display the logo image "mylogojpeg" saved in a sub folder "images" using absolute and relative paths. 2 (c) Write HTML code to display an ordered list as shown below 4 (2) Web Development Frameworks (d) Write CSS code to create a hover effect on a button such that the background colour of the button is changed to red when the user hovers mouse over it. 4 (e) Write a JavaScript code that accepts two numbers from the user and displays their sum, difference, multiplication and division. 4 (f Write jQuery code that changes the background colour of the webpage to a random colour every time the user clicks a button. 4 (g) Design a dropdown menu in HTML that displays a list of country names. Using JavaScript, display an alert showing the name of the selected country whenever the user makes a selection. 4 (h) Explain the following tags with an example : 6 (iii) < figure> (a) Define a paragraph containing the text "Work Hard, Dream Big". Using jQuery this object change the text colour to blue whenever the text is clicked 3 (6) What is the role of JSON.parse) and JSON.stringify() in web const isonstring = ' I "name": "Alice" "age": 25, "city": Determine the output obtained on the console. Print each of the properties (name, age, and city from the parsed object. : (e). Define a JavaScript function average() that calculates and returns the average of the' numbers passed to it. The function average ) should accept variable number of arguments. Call this function to calculate average of 45, 60, 72, 39 and 68. Print the final answer inside a <div> 3. a How is evelit handling. performed in Javascript ? Write a script that handles the click event on a button and performs the following actions ` when the button is clicked : 5 Change the text of a paragraph element Toggle the visibility of an inage Close the current window (a) Draw the sitemap of an on line language leamipg website that offers courses to learn English, French and German. The website offers two to three courses for these languages. Use hierarchical website structure. 5 (c) Write the appropriate HTML code snippets to perform the following tasks : 5 (i) Emphasize the word "essential" in the sentence : "Teamwork is essential to success.I.' . ¢.i) Create a drop-down menu with opti.ons : "Red," "Blue," "Green," and r¥ellow." (Zz.I) Create a checkbox that says "Accept Terms and Conditions." Add ,an image wi.th the filename "banner.jpg" that is` 600pr wide with alternative text "Website Banner`." (I;) Displa.y the. number' 5 x 106 using H'IT\EL superscript tag.