AMAN COMPUTER EDUCATION
Department of Computer Science & Information Technology
END SEMESTER EXAMINATION
Subject: Introduction to Web Development, Design Tools & Internet Fundamentals
Course Code: CS-201 Max. Marks: 80 Time: 3 Hours
Semester: II Date: April 25, 2026 Session: Morning
General Instructions:
1. This paper contains four sections. Read all instructions carefully before attempting.
2. Section A – MCQ (10 × 1 = 10 Marks) | Section B – Short Answer (5 × 6 = 30 Marks)
Section C – Long Answer (3 × 10 = 30 Marks) | Section D – Programming (2 × 5 = 10 Marks)
3. Attempt all questions. Marks are indicated against each question.
4. Write neatly and clearly. Illegible answers will not be evaluated.
SECTION A – Multiple Choice Questions 10 × 1 = 10 Marks
Choose the most appropriate option. Each question carries 1 mark. No negative marking.
Q1. Which HTML tag is used to define the largest heading on a webpage?
(a) <h6>
(b) <head>
(c) <h1>
(d) <title>
Q2. What does CSS stand for?
(a) Computer Style Sheets
(b) Cascading Style Sheets
(c) Creative Style Syntax
(d) Colorful Style Sheets
Q3. Which of the following is the correct HTML tag for inserting a line break?
(a) <lb>
(b) <break>
(c) <br>
(d) <newline>
Q4. In JavaScript, which keyword is used to declare a variable that cannot be reassigned?
(a) var
(b) let
(c) const
(d) static
Q5. Which CSS property is used to change the text color of an element?
(a) font-color
(b) text-color
(c) color
(d) foreground
Q6. What does the <a> tag in HTML represent?
(a) An image
(b) A hyperlink (anchor)
(c) An audio element
(d) An article
Q7. Which protocol is primarily used for transferring web pages on the Internet?
(a) FTP
(b) SMTP
(c) HTTP/HTTPS
(d) POP3
Q8. In Photoshop, which tool is used to select an irregularly shaped area of an image?
(a) Marquee Tool
(b) Magic Wand Tool
(c) Lasso Tool
(d) Crop Tool
Q9. Which HTML attribute specifies an alternate text for an image if it cannot be displayed?
(a) title
(b) src
(c) alt
(d) href
Q10. Adobe Illustrator primarily works with which type of graphics?
(a) Raster graphics
(b) Vector graphics
(c) Bitmap graphics
(d) Pixel-based graphics
SECTION B – Short Answer Questions 5 × 6 = 30 Marks
Answer all five questions. Each question carries 6 marks.
Q11. Explain the basic structure of an HTML document. Name and briefly describe the purpose of
at least four essential HTML tags (e.g., <html>, <head>, <body>, <title>, <p>, <div>).
[6 Marks]
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
Q12. What is the CSS Box Model? Label and explain its four components — content, padding,
border, and margin — and describe how each affects the layout of an element on a webpage.
[6 Marks]
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
Q13. Differentiate between the Internet and the World Wide Web (WWW). Also explain the role of a
Web Browser and a Web Server in accessing websites.
[6 Marks]
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
Q14. Write short notes on any three of the following CSS properties: font-size, background-color,
display, position, border-radius. For each, give one example of its usage.
[6 Marks]
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
Q15. Compare Adobe Photoshop and Adobe Illustrator. In what scenarios would a web designer
prefer Photoshop over Illustrator and vice versa? Mention at least two unique features of each.
[6 Marks]
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
SECTION C – Long Answer Questions 2 × 10 = 20 Marks
Attempt any TWO questions out of three. Each question carries 10 marks.
Q16. Design a simple personal profile webpage using HTML and CSS. Your answer must include:
(a) A proper HTML document structure with <head> and <body> sections.
(b) Use of at least 6 different HTML tags such as <h1>, <p>, <img>, <ul>, <a>, <table>, <div>,
<span>, etc.
(c) Inline or internal CSS styling — include at least 5 CSS properties (e.g., color, font-family, margin,
padding, background-color).
(d) A brief explanation of each tag and property you have used.
[10 Marks]
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
Q17. Explain the fundamentals of JavaScript as a scripting language. Your answer should cover:
(a) What JavaScript is and its role in web development (client-side scripting).
(b) Data types in JavaScript — Number, String, Boolean, Null, Undefined.
(c) Operators in JavaScript — Arithmetic, Comparison, and Logical (with examples).
(d) The difference between <script> placed in <head> vs. <body> of an HTML document.
(e) A brief note on how JavaScript interacts with HTML using getElementById() or querySelector().
[10 Marks]
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
Q18. Write a detailed note on Website Design Principles and the role of design tools. Cover the
following:
(a) Key principles of good website design — usability, readability, responsiveness, and visual
hierarchy.
(b) The concept of colour theory and typography in web design.
(c) How Adobe Illustrator is used to create logos and scalable icons for websites.
(d) The process of creating and exporting web-ready assets (images, icons) from Photoshop for use in
HTML/CSS.
(e) An explanation of what wireframing is and why it is important before coding a website.
[10 Marks]
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
SECTION D – Programming Questions 2 × 5 = 10 Marks
Attempt both questions. Write clean, well-commented JavaScript code. Each question carries 5 marks.
Q19. Write a simple JavaScript program using if-else that checks whether a given number is
positive, negative, or zero, and displays an appropriate message.
For example:
• If the number is 5 → display: "The number is Positive"
• If the number is -3 → display: "The number is Negative"
• If the number is 0 → display: "The number is Zero"
Hint: Use var num = 5; at the top to set the number, then use if, else if, and else.
[5 Marks]
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
Q20. Write a simple JavaScript program using a for loop that prints the numbers from 1 to 10 on
the screen, one number per line.
For example, the output should look like:
1
2
3 ... and so on up to 10
Hint: Use [Link]() or [Link]() to display each number. The loop should start at 1 and end at 10.
[5 Marks]
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
*** END OF QUESTION PAPER *** Best of Luck!