SRM VALLIAMMAI ENGINEERING COLLEGE

(An Autonomous Institution)

SRM Nagar, Kattankulathur – 603 203

DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING

QUESTION BANK

V SEMESTER

CS3564 - Web Development and User

Interface Design

Regulation – 2023

Academic Year 2025 – 2026 (Odd Semester)

Prepared by
Dr. G. Kumaresan, Associate Professor /CSE
Ms.Suma.S, Assistant Professor (Sel.G)/CSE
Dr.Venkatesh.S, Assistant Professor (Sr.G)/CSE
 SRM VALLIAMMAI ENGINEERING COLLEGE
(An Autonomous Institution)
SRM Nagar, Kattankulathur – 603 203.

DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING

QUESTION BANK

SUBJECT : CS3564 –Web Development and User Interface Design

SEM / YEAR: V Sem/ III Year

UNIT - I: WEB BASICS, HTML AND CSS

Web Essentials: Clients, Servers, and Communication. The Internet-Basic Internet Protocols -The
World Wide Web-HTTP request message-response message-Web Clients Web Servers. Markup
Languages: Fundamental HTML Elements-Relative URLs-Lists-tables-Frames-Forms-Style Sheets:
CSS-Introduction to Cascading Style Sheets-Features-Core Syntax-Style Sheets and HTML-Style
Rule Cascading and Inheritance- Text Properties-Box Model Normal Flow Box Layout- Beyond the
Normal Flow.
PART – A

Q.No Questions BT Level Competence

1. List types of web pages. BTL1 Remembering

2. Define URI. BTL1 Remembering
State the use of web server logs and list the contents of a
3. BTL2 Understanding
message log.
4. List the different basic protocols used in Internet. BTL1 Remembering
5. What do you mean by Relative URLs? BTL1 Remembering
6. Write the functions of a Web Server. BTL2 Understanding
7. How a DNS server translates or resolves domain names into IP addresses? BTL2 Understanding
8. State the uses of Internet Protocol. BTL2 Understanding
9. Write short notes on basic Internet protocols. BTL2 Understanding
10. List and explain the three flavors of HTML. BTL1 Remembering
11. Write the functions of DNS and the protocol used. BTL2 Understanding
12. List and explain any two HTML elements. BTL1 Remembering
13. How HTML frames can be used to create two horizontal rows on a BTL2 Understanding
webpage?
14. Write the CSS code to a web page with the following requirements BTL2 Understanding
(i) Add a background image of a submarine.
(ii) Set a color to the span elements (different color for each
class)
15. How will you create a password field in a HTML form? BTL2 Understanding
Write HTML code to create the following table,
16. W X BTL2 Understanding
Y Z
17. How external style sheet is useful in web page design? BTL2 Understanding

18. What is meant by canvas in HTML? BTL1 Remembering

 Write the syntax to display the following statement
19. BTL2 Understanding
“I am learning Web Programming”
20. How a scripting language differs from HTML? BTL2 Understanding

21. Give the syntax for implementing external CSS. BTL2 Understanding

22. Write the need for cascading style sheets. BTL2 Understanding

23. How will you include CSS in a web site? BTL2 Understanding

24. What is Normal Flow Box Layout in CSS? BTL1 Remembering

PART – B
(i) Explain types of domain in DNS. (7)
1. (ii) Explain the purpose and way of creating lists in BTL2 Understanding
HTML documents. (6)

2. Recall in detail about Internet and World Wide Web. (13) BTL1 Remembering
(i) Write a CSS which adds background images and indentation. (7)
3. (ii) Explain external style sheet with an example. (6) BTL2 Understanding

(i) List and explain any four HTML elements in detail. (7)
4. (ii) State the types of lists supported by HTML and explain the BTL1 Remembering
in detail. (6)
5. Create a HTML document for a company home page. (16) BTL6 Creating
(i) Explain the capabilities of web client and web server. (8)
6. BTL4 Analyzing
(ii) Write and explain HTTP request message format. (8)
Explain the significance of eight CSS text properties (16)
7. BTL5 Evaluating

How do you create frames? Why do we need them? Develop

8. BTL4 Analyzing
an application to explain the same. (16)
(i) Explain the use of relative URLs with an example. (8)
9. (ii) Explain how tables can be inserted into a HTML document with BTL3 Applying
an example. (8)
List and describe the CSS Border Style Properties in detail with
10. illustration. (16) BTL1 Remembering

Explain HTML forms in detail along with form elements, attributes

11. and methods. Write an HTML document to provide a form that collect BTL2 Understanding
name and telephone numbers. (16)
12. Examine in detail CSS border and CSS outline. (16) BTL4 Analyzing

(i) Explain in detail the functions of a web server. (8)

13. BTL3 Applying
(ii) Give the structure of HTTP request and response messages. (8)

14. (i) List and explain in detail various selector strings. (8) BTL1 Remembering
(ii)Explain the features of cascading style sheets. (8)
Illustrate Frameset, Frame Tag. Divide the web page into four
15. BTL3 Applying
equal parts each individual part displays different web page. (16)
(i) Explain the structure of the HTML webpage with an example.
16. BTL5 Evaluating
(8)
(ii) Define List Tag with an example. (8)
 17. i) Describe the need of scripting languages in web Technologies.
(8) BTL2 Understanding
ii) Build a HTML program to convert temperature from Celsius
to Fahrenheit and vice versa. (8)

UNIT II - CLIENT SIDE SCRIPTING AND

REPRESENTING WEB DATA

Client-Side Programming: Introduction-JavaScript in Perspective-Syntax-Variables and Data Types-

Statements-Operators-Literals-Functions-Objects-Arrays-Built-inObjects-JavaScript Debuggers.
XML- Documents and Vocabularies-Versions and Declaration-Namespaces-DOM based XML processing
Event- oriented Parsing: SAX-Transforming XML Documents-Selecting XML Data: XPATH- Template
based Transformations: XSLT-Displaying XML Documents in Browsers.

PART – A
Q.No Questions BT Level Competence
1. State the types of JavaScript statements with examples. BTL2 Understanding
2. Write the JavaScript to print “Good Day” using IF-ELSE condition. BTL2 Understanding
3. Write code to return the full URL of a document. BTL2 Understanding
4. List the different methods defined in document and window object BTL2 Analyzing
of JavaScript.
5. Explain array creation in JavaScript with example. BTL2 Understanding
6. List the types of JavaScript statements with examples. BTL2 Understanding
7. What is a JavaScript statement? Give an example. BTL1 Remembering
8. List and explain any two JavaScript built in objects. BTL1 Remembering
9. What are the advantages of XPATH? BTL1 Remembering
10. State XSLT. BTL1 Remembering
11. List the elements of a XML tree. BTL1 Remembering
12. Write the data types of XML. BTL1 Remembering
13. Compare the difference between XML and HTML. BTL2 Understanding
List out the basic purpose of XSLT.
14. BTL2 Understanding

15. Explain the DOM in XML processing. BTL2

Understanding
16. Define XML parse tree.? BTL1 Remembering
17. What is meant by XSL elements? BTL1 Remembering
18. Draw a neat diagram for XML Parse tree. BTL2 Understanding
19. Explain how elements are declared in XML. BTL2 Understanding
Explain the process of how an XML document is displayed in a web
20. browser. BTL2 Understanding

21. Show an example for XML namespace. BTL2 Understanding

22. Write about DTD in XML Schemas. BTL2 Understanding

23. Write about the data types in XML schema. BTL2 Understanding

24. List the disadvantages of SAX. BTL2 Understanding

 PART – B
(i)Explain the JavaScript array handling and array methods. (8)
1. BTL3 Applying
(ii)Explain the following JavaScript objects. (8)
RegExp, Math.
What are the various JavaScript objects? Explain each with an
2. example. (16) BTL1 Remembering

Summarize about debugging in JavaScript. (16)

3. BTL2 Understanding

Explain about the different methods used for Session tracking.(16)

4. BTL2 Understanding

Write the registration form for the creation of email account with all
5. possible validations using JavaScript. (16) BTL3 Applying

Show in detail about JavaScript variables and operators. (16)

6. BTL1 Remembering

Discuss about JavaScript debugging. (16) BTL4 Analyzing

7.

(i) State and explain the types of statements in JavaScript. (8)

8. (ii)Explain how functions can be written in JavaScript with an BTL4 Analyzing
example. (8)
9. (i) Write JavaScript to find sum of first ‘n’ even numbers and BTL2 Understanding
display the result. Get the value of ‘n’ from user. (8)
(ii) Write JavaScript to find factorial of a given number. (8)
(i) List and explain the XML syntax rules in detail. (8)
10. BTL1 Remembering
(ii) Explain how XML document can be displayed on a browser.
(8)
11. Describe in detail about the XML schema, built in and user defined BTL1 Remembering
data type detail. (16)
Explain the procedure for validating the XML Documents. (16)
12. BTL5 Evaluating

(i) Explain in detail about XSL. (8)

13. (ii) Explain about DOM based XML processing. (8) BTL4 Analyzing

Discover XML document to store voter ID, voter name, address and
14. date of birth details and validate the document with the help of DTD. BTL6 Creating
(16)
Write XSLT code to display employee details in a Table form which is
15. BTL3 Applying
stored is XML. (16)
a) Distinguish between CGI and Servlets. (8)
16. BTL5 Evaluating
b) Develop a Servlet that handles an HTTP POST request. (8)

17. (i) Explain the role of XML name spaces with examples. (8) BTL2 Understanding
(ii) Explain the features of XML path language. (8)
 UNIT III SERVER-SIDE TECHNOLOGIES
Server-Side Programming: Java Servlets-Architecture -Overview-A Servlet-Generating Dynamic Content-
Life Cycle-Parameter Data-Sessions-Cookies-URL Rewriting-Other Capabilities-Data Storage Servlets and
Concurrency-Databases and Java Servlets. Separating Programming and Presentation: JSP Technology
Introduction-JSP and Servlets-Running JSP Applications Basic JSP-JavaBeans Classes and JSP-Tag Libraries
and Files-Support for the Model-View-Controller Paradigm-Databases and JSP.
PART – A

Q.No Questions BT Level Competence

1. What are servlets? BTL1 Remembering

2. List the application of servlets. BTL2 Understanding

3. Summarize the advantages and disadvantages of servlets. BTL2 Understanding

4. Show how is session tracking is achieved by the URL rewriting? BTL2 Understanding

5. Compare GET and POST request type. BTL2 Understanding

6. Write about servlet interface and its methods. BTL2 Understanding

7. Draw the Servlet life cycle. BTL2 Understanding

8. How is session tracking achieved by URL rewriting? BTL2 Understanding

9. What are the uses of cookies. BTL1 Remembering

10. Write about java scriplet. BTL2 Understanding

11. Express the purpose of URL rewriting. BTL2 Understanding

12. Define JSP. BTL1 Remembering

13. List any three advantages of java servlet over JSP. BTL1 Remembering

Rewrite the code segment to store current server time in session Understanding
14. BTL2
using Java Servlet API.

15. Write the difference between JSP and servlet. BTL2 Understanding

Discuss about the interaction between a webserver and a servlet.

16. BTL2 Understanding

17. List the types of directives in JSP. BTL1 Remembering

Write the methods that are central to the life cycle of the servlet.
18. BTL2 Understanding

19. Distinguish between servlets and JSP. BTL2 Understanding

20. Discuss the need to use JSTL tags? BTL2 Understanding

21. Why do we need Servlet Filter? BTL2 Understanding
22. How JSP be called using a Servlet? BTL2 Understanding
23. How to get the server information in a servlet? BTL2 Understanding
24. Write a simple Servlet program to print the contents of HTML. BTL2 Understanding
 PART – B

(i) Integrate how servlets work and its lifecycle.

1. BTL6 Creating
(ii) Explain and develop the Servlet API.(13)
2. Write a servlet to illustrate the principle of Cookies and explain.(16) BTL4 Analyzing
Demonstrate the Servlet architecture and explain its working
3. BTL2 Understanding
principle. (16)
Consider a database that has a table Employee with two columns
Employee Id and Name. Assume that the administrator user id and
4. password to access to access the database table are Scott and Tiger. BTL5 Evaluating
Write a JDBC program that can query and print all entries in the table
employee. Make the database using type 2 driver database. (16)
Describe in detail the session handling in server side programming.
5. BTL1 Remembering
(16)
(i) Discuss about JSTL. (8)
6. (ii) Summarize a client server JSP program to find simple interest
BTL2 Understanding
and display the result in client. (8)
Explain the use of cookies for tracking for tracking requests with a
7. BTL4 Analyzing
program. (16)
(i) Explain about the standard actions in JSP. (8)
8. BTL4 Analyzing
(ii) Analyze MVC architecture of JSP. (8 )
Explain in detail about a JSP code to access a table and records from a
9. BTL1 Remembering
student database to obtain the result of a student. (16)

10. Demonstrate the information in a JSP document in detail. (16) BTL3 Applying
(i) Discuss about the Servlet lifecycle. (8)
11. BTL2 Understanding
(ii) List JSP advantages. (8)
(i) Explain and write a simple JDBC program. (8)
12. BTL1 Remembering
(ii) List various JSP scripting components. (8)

Demonstrate with suitable example for core and formatting tags in

13. BTL3 Applying
JSTL. (16)
What is a JavaBeans component? How will you use the JSP
14. BTL1 Remembering
language elements for accessing Beans in your JSP pages? (16)

15. Compare the Get request and the Post request type in Servlets. (16) BTL2 Understanding

Illustrate with suitable example for SQL and XML tags in JSTL.
16. BTL3 Applying
(16)
Choose a JSP program to show a Sample Order Form. (16)
Item Price Quantity Total Price
17. DVD BTL5 Evaluating
HDD
…
 UNIT - IV: THE USER INTERFACE AND DESIGN PROCESS
Introduction-Importance of the user interface-characteristics of graphics and web user interface- The User
Interface Design Process- Understanding How People Interact with Computers- Important Human
Characteristics in Design- Human Considerations in the Design of Business Systems- Human Interaction
Speeds
PART – A
Q. No Questions BT Level Competence
1. What is meant by user interface? BTL1 Remembering
2. List the characteristics of user interfaces. BTL1 Remembering
3. Recall the basic components of User Interface Design Process BTL1 Remembering
4. What is web user interface? BTL1 Remembering
5. Tell about GUI. BTL1 Remembering
6. What are benefits of a good design? BTL1 Remembering
7. Illustrate the Importance of the user interface. BTL2 Understanding
8. Outline the design process in GUI. BTL2 Understanding
9. Interpret web user interface. BTL2 Understanding
10. Write a short note on human interaction speeds. BTL2 Understanding
11. Show the Printed Pages versus Web Page. BTL2 Understanding
12. Write a note on providing the proper feedback . BTL2 Understanding
13. Write the five commandments to eliminate the pitfall in designing the BTL2 Understanding
interface.
14. List the issues for choosing colors in interface design. BTL2 Understanding
15. List the various factors of user interface design that needs to be BTL2 Understanding
considered by human interaction designers.
16. Define web navigation BTL2 Understanding
17. What is Pick and Click Interaction? BTL1 Remembering
18. Write the important human characteristics in user interface design. BTL2 Understanding
19. Write about text on web page BTL2 Understanding
What do you know about the advantage of GUI?
20. BTL1 Remembering

21. Show what is User Assistance in Wed Interface Design BTL2 Understanding
22. Construct a multiple document interface scheme for window BTL2 Understanding
management.
23. List the characteristics of GUI and web design. BTL2 Understanding
24. What is the need for human computer interface? BTL2 Understanding
PART-B
1. Briefly discuss about Outline various factors of user interface design BTL1 Remembering
that needs to be considered by human interaction designers.(16)
2. How will you review the five commandments to eliminate the pitfall BTL4 Analyzing
in designing the interface? (16)
3. Explain briefly in detail the important human characteristics in user BTL1 Remembering
interface design. (16)
Write a detailed note on the following BTL1 Remembering
4. (i)device-based control (8)
(ii) screen-based control (8)
5. Summarize all kinds of graphical menus and explain in detail. BTL2 Understanding
(16)

Demonstrate the user interface design. Explain the important BTL2 Understanding
6.
benefits of a good design. Compare the characteristics of GUI
versus web design. (16)
BTL2 Understanding
7. Explain the direct and indirect methods for determining business
requirements analysis on user interface design. in detail with
example. (16)
Discuss in detail GUI and web interface design. (16) BTL3 Applying
8.
Give a detailed note on graphical system advantages and BTL1 Remembering
9.
disadvantages. (16)
BTL4 Analyzing
10. Analyze in detail multiple document interface scheme for window
management. (16)
Identify at least four guidelines to be followed in phrasing of menus BTL3 Applying
11.
during the development of menus and explain each type
in detail. (16)
12. Discover the importance of human consideration in UI design with BTL4 Analyzing
suitable example . (16)
13. Criticize in detail “Human are complex organisms with a variety BTL5 Evaluating
of attributes that have an important influence on interface and
screen design “. Explain. (16)
14. Generalize about need for collecting feedback and discuss how it BTL6 Creating
improves the user interface design. (16)

15. Discuss in detail the guidelines to be followed for creating text for BTL2 Understanding
web pages. (16)
16. Explain the steps to create the guidance and assistance mechanisms BTL5 Evaluating
in interface design web application. (16)
17. Develop various accessibility issues you can have and give design for BTL3 Applying
them. (16)
 UNIT - V: PRINCIPLES OF GOOD INTERFACE AND SCREEN DESIGN
Understand the Business Function- Understand the Principles of Good Interface and Screen
Design- Develop System Menus and Navigation Schemes- Provide Effective Internationalization
and Accessibility- Create Meaningful Graphics, Icons, and Images- Choose the Proper Colors-
Organize and Layout Windows and Pages

1. Define Information collection techniques. BTL1 Remember

2. Give the key aspects of business function. BTL2 Understand
3. Differentiate intranet and extranet design guidelines. BTL2 Understand
4. Write about the technological considerations in interface design. BTL2 Understand
5. Define menu functions on menu. BTL1 Remember
6. Discuss about the formatting of menus. BTL2 Remember
7. What is Web site Navigation? BTL1 Remember
8. What are the key roles played by Graphical menus? BTL1 Remember
9. Express the idea of selecting menu choices. BTL2 Understand
10. Define Window characteristics. BTL1 Remember
11. Write the components of Window. BTL2 Understand
12. List the different types of window. BTL1 Remember
13. List out the features of Screen based controls. BTL2 Understand
14. What is meant by requirements determination and testing? BTL1 Remember
15. What is meant by Icon design process? BTL1 Remember
16. How will you Create screen presentation in graphics? BTL2 Understand
17. Describe the features of layout screens. BTL2 Understand
18. Differentiate overlapping and cascading windows. BTL2 Understand
19. How would you create color,sequence and functionality? BTL2 Understand
20. Differentiate between drop down and pop up menu boxes. BTL1 Remember
21. Give a brief description of choosing proper colors. BTL2 Understand
22. Define Accessibility Design. BTL1 Remember
23. What is meant by web page design? BTL2 Understand
24. Give an example of screen design. BTL2 Understand
PART – B
1. Explain the Business Design and requirement Analysis.(16) BTL5 Evaluate
i) Discuss about basic business functions. (8)
ii) Give the design standards and guidelines of business
2. BTL2 Understand
functions. (8)

3. Analyze in detail about Weblogs . (16) BTL4 Analyze

4. Summarize the structures of Menus. (16) BTL2 Understand
Explain Web metrics cycle.
5 BTL1 Remember
(i) Illustrate the page tagging mechanism.(8)
6. (ii) Examine click analytics . (8) BTL3 Apply

7. Demonstrate the formatting of Menu. (16) BTL3 Apply

8. Describe in detail about the Graphical Menus.(16) BTL1 Remember
9. Examine how to choose colors for optimal screen design. BTL1 Remember
Generalize the functions of
10. (i) Graphical systems. (8) BTL6 Create
(ii) Web systems. (8)
 (i) Identify the principles of good web page design.(8)
11. BTL1 Remember
(ii) Describe about screen design with examples. (8)
12. Discuss in detail about Web site Navigation. (16) BTL2 Understand
Analyze the screen based controls in screen design. (16)
13. BTL4 Analyze

Analyze the types of Windows in Screen design. (16)

14. BTL4 Analyze

15. Explain in detail custom controls in screen design. (16) BTL5 Evaluate

16. Illustrate in detail about Icons,graphics,multimedia. (16)

BTL3 Apply
17. Explain briefly about Provide Effective Internationalization and
Accessibility . (16) BTL6 Create