(SEM IV) THEORY EXAMINATION 2021-22 WEB DESIGNING

SECTION–A — Short Conceptual Questions Covering the Entire Web Ecosystem (20 Marks)

Section–A contains ten 2-mark questions, but together these questions cover the full range of basic web-development concepts — from what a website is to hosting and domain registration.

The first question asks students to define a website, which requires explaining how multiple web pages connected through navigation, hyperlinks and stored on a server work together to provide information or services. The next question asks for the planning process in website development, expecting students to mention analyzing purpose, identifying audience, structuring content, choosing design, and preparing a site architecture.

The section then shifts into HTML basics by asking students to name HTML elements and define hyperlinks, which are the backbone of navigation between web pages. Question (e) moves into CSS, requiring a brief explanation that CSS is used to style, design, and layout web pages. The next question on Navigation Bars checks understanding of structured menus that help users move through websites.

Client-side scripting queries appear next, asking for a brief explanation of client-side scripting (scripts running in the browser) and a short introduction to JavaScript, its purpose, and its ability to add interactivity. The section ends with concepts from hosting and domains — explaining web hosting (where sites are stored) and domain registration (obtaining a unique web address). Altogether, Section–A tests foundational clarity across HTML, CSS, JavaScript, hosting, planning, and navigation concepts essential for web development.

SECTION–B — Descriptive Questions on Optimization, CSS, HTML Structures & JavaScript (30 Marks)

Section–B requires students to attempt any three out of five 10-mark questions. Each question expects deep explanations with examples.

The first question focuses on website maintenance and on-page SEO optimization, requiring students to explain tasks such as updating content, fixing links, performing backups, and improving metadata, titles, headers, keywords, and user-friendly URLs.

The next question blends hosting and design concepts: students must explain domains and hosting, responsive design, and then compare static vs dynamic websites with examples like HTML-only static sites versus PHP- or JavaScript-based dynamic ones.

Another question covers Cascade Style Sheets (CSS) in detail, requiring students to describe inline, internal, and external styles along with a complete example demonstrating selectors, properties, and values.

The fourth option asks for explanations on JavaScript types (string, number, boolean, object, undefined) and JavaScript loops (for, while, do-while), demonstrating the scripting logic essential for user interactivity.

The last question in this section asks students to demonstrate HTML lists, HTML tables, and HTML frames through examples. Students must show ordered, unordered, and definition lists, and then tables with rows and columns, along with frame sets when applicable.

SECTION–C — DNS, CPanel & Multimedia Implementation (10 Marks)

Section–C offers two choices. The first asks for short notes on name servers and creating emails in CPanel, requiring students to explain how domain name servers map domain names to server IPs, and how hosting panels allow creation of official email accounts (e.g., info@yourdomain.com).

The alternate question expects a detailed explanation of using images and multimedia in HTML, requiring examples of <img>, <audio>, <video>, attributes like controls, width, height, and embedding techniques. It also revisits tables and frames, reinforcing HTML structure and layout understanding.

SECTION–D — Web Standards, CSS Layout & W3C Recommendations (10 Marks)

Section–D includes questions on the standards and layout principles that shape modern web development. One option asks students to explain Web Standards and W3C recommendations, requiring awareness of HTML5, CSS3, accessibility standards, structured markup, and semantic design as guided by the World Wide Web Consortium.

The alternate option asks for detailed explanation of page layout and site design using CSS, requiring coverage of positioning, floating, display properties, responsive design techniques, grid and flexbox layouts, and stylesheet organization for consistent look-and-feel across pages.

SECTION–E — JavaScript in Practical Use, Form Validation & SEO Importance (10 Marks)

This section tests practical and industry-oriented understanding. One option asks students to explain the real-time use of JavaScript, such as form validations, dynamic content loading, interactive UI components, animations, and event handling. Students must also detail how form validation works with JavaScript by checking data formats, empty fields, incorrect inputs, and improving user experience.

The alternate question asks for the types of hosting packages (shared, VPS, dedicated, cloud hosting) and then to explain the importance of Search Engine Optimization (SEO) in improving website visibility, traffic, ranking, and business reach.

SECTION–F — Responsive Design, Markup Tags & Planning (10 Marks)

Section–F focuses on practical design thinking and HTML essentials. One option asks why early planning is useful for developing an effective website, requiring reasoning such as workflow clarity, user experience consistency, efficient content organization, and avoidance of redesign problems. Students must also provide a suitable example supporting their explanation.

The alternate option requires explaining Responsive Web Design with an example — covering fluid grids, CSS media queries, flexible images — and then explaining markup tags and line break tags, demonstrating HTML syntax.

SECTION–G — JavaScript Popup Boxes, Events & CSS Box Model (10 Marks)

The final section tests deeper UI interaction and core CSS concepts. One option asks for a detailed note on JavaScript popup boxes — alert, confirm, and prompt — and JavaScript events like onclick, onmouseover, onsubmit, and keyboard events, explaining how they enable dynamic interactivity.

The alternate choice asks students to explain the CSS Box Model in detail, which requires describing the structure of content-box, padding, border, and margin, and how these properties influence layout, spacing, and alignment in a web page.

FINAL SUMMARY — Full Descriptive Overview

The Web Designing (KIT401) exam paper is structured to evaluate a student’s complete understanding of front-end development — starting from HTML foundations and planning, to CSS styling, JavaScript interactivity, web hosting, SEO, responsive design, and professional web standards.
Section–A tests basic familiarity with terminology and fundamentals.
Section–B evaluates hands-on HTML/CSS/JS skills through detailed explanations and examples.
Section–C and D move into hosting, DNS, multimedia, and W3C standards.
Section–E and F test practical industry knowledge like SEO, form validation, responsive design, and planning.
Section–G concludes with deeper CSS and JavaScript interaction concepts.

This paper ensures students understand both the theoretical and practical sides of modern web development.