CSD4283 WebDesign&Development

SCHOOL OF COMPUTING SCIENCES
DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING
COURSE FILE
CSD4283 WEB DESIGNING AND DEVELOPMENT
ACADEMIC YEAR: 2020-2021 (ODD SEM) DEPARTMENT: CSE

PROGRAMME: B. Tech SEMESTER: III
COURSE CATEGORY: NE DURATION (HRS): 30
PREREQUISITE: NIL CREDITS: 2
INSTRUCTOR
Dr. Renjith P N
Associate Professor
Department of Computer Science and Engineering
Hindustan Institute of Technology & Science
INDEX
S.No. Contents
1 Vision, Mission of the Institutety and Department
2 Programme Educational Objectives (PEOs), Programme

Outcomes (POs) and Programme Specific Outcomes (PSOs)
3 Syllabus
4 Course Outcomes (Cos) with POs and mapping
5 Course Delivery Plan (CDP)

6 Course Assessment Plan (CAP)
7 Question Bank
8 Class Nominal Roll
9 Course Materials
10 Assignments Questions with Samples
11 Continuous Internal Assessment (CIA) Question Papers with

Sample answer books
12 Result Analysis
13 Course Outcome Attainment
14 Innovative teaching practices in TLP
15 MCQ / Surprise Test
16 Points of appreciation and novelty & Points for improvement and

Future planning
17 Course Exit survey
18 Continuous Quality Improvement report (CQI)

VISION, MISSION OF THE ISTITUTE
VISION
To Make Every Man a Success and No Man a Failure.
MISSION
• To create an ecosystem that promotes learning and world class research.

• To nurture creativity and innovation.
• To instill highest ethical standards and values.
• To pursue activities for the development of the Society.
• To develop national and international collaborations with institutes and
industries of eminence.
• To enable graduates to become future leaders and innovators.
Value Statement
• Integrity, Innovation, Internationalization
DEPARTMENT VISION AND MISSION
VISION
To excel in Computer Science and Engineering education, research and project
management by empowering the students with strong conceptual knowledge.
MISSION
M1. To educate the students with basic foundation blocks of core and allied
disciplines of
Computer Science and Engineering.
M2. To provide practical skills in the advancements of the Computer Science and
Engineering field required for the growing dynamic IT and ITES industries.
M3. To sculpt strong personal, technical, research, entrepreneurial, and leadership
skills.
M4. To inculcate knowledge in lifelong learning, professional ethics and
contribution to the
society.
PROGRAM EDUCATIONAL OBJECTIVES (PEOs)
PEO1. Excel in his/her professional career and/or pursue higher education including research by applying
the knowledge of Computer Science and Engineering.
PEO2. Demonstrate the technical skills to analyze and design appropriate solutions for problems with
social consciousness and ethical values.
PEO3. Adapt themselves to organizational needs by understanding the dynamically changing technologies.
PROGRAMME OUTCOMES (POs)
1. Engineering knowledge: Apply the knowledge of mathematics, science, engineering

fundamentals, and an engineering specialization to the solution of complex engineering problems.
2. Problem analysis: Identify, formulate, research literature, and analyze complex engineering
problems reaching substantiated conclusions using first principles of mathematics, natural
sciences, and engineering sciences.
3. Design/development of solutions: Design solutions for complex engineering problems and
design system components or processes that meet the specified needs with appropriate
consideration for the public health and safety, and the cultural, societal, and environmental
considerations.
4. Conduct investigations of complex problems: Use research-based knowledge and research
methods including design of experiments, analysis and interpretation of data, and synthesis of the
information to provide valid conclusions.
5. Modern tool usage: Create, select, and apply appropriate techniques, resources, and modern
engineering and IT tools including prediction and modeling to complex engineering activities with
an understanding of the limitations.
6. The engineer and society: Apply reasoning informed by the contextual knowledge to assess
societal, health, safety, legal and cultural issues and the consequent responsibilities relevant to the
professional engineering practice.
7. Environment and sustainability: Understand the impact of the professional engineering solutions
in societal and environmental contexts, and demonstrate the knowledge of, and need for sustainable
development.
8. Ethics: Apply ethical principles and commit to professional ethics and responsibilities and norms
of the engineering practice.
9. Individual and team work: Function effectively as an individual, and as a member or leader in
diverse teams, and in multidisciplinary settings.
10. Communication: Communicate effectively on complex engineering activities with the
engineering community and with society at large, such as, being able to comprehend and write
effective reports and design documentation, make effective presentations, and give and receive
clear instructions.
11. Project management and finance: Demonstrate knowledge and understanding of the engineering
and management principles and apply these to one’s own work, as a member and leader in a team,
to manage projects and in multidisciplinary environments.
12. Life-long learning: Recognize the need for, and have the preparation and ability to engage in
independent and life-long learning in the broadest context of technological change.
PROGRAMME SPECIFIC OUTCOMES (PSOs)
PSO1. To impart the basic knowledge and conceptual understanding of Computing through
mathematical and analytical skills.
PSO2. To develop the skill set of the students in the domains of cyber physical Systems, Algorithm
design Techniques and Enterprise systems security
PSO3. To inculcate the analytical knowledge of the students for innovative system design using
modern tools and techniques.
SYLLABUS
COURSE WEB DESIGN AND DEVELOPMENT
CREDITS 2
TITLE
COURSE CSD4283 COURSE
NE L-T-P-S 2-0-0- 0
CODE CATEGORY
CIA 50% ESE 50%
LEARNING BTL-3
LEVEL
CO COURSE OUTCOMES PO
Upon completion of this course, the students will be able to
1 Explain markup languages features and create interactive web pages. 1,2,3,5,12
2 Perform Client side validation using scripting languages. 1,2,3,5,12
3 Make use of Open source JavaScript libraries. 1,2,312
4 Apply PHP for web development. 1,2,3,5,12
5 Design and publish a web page . 1,2,3,5,12
Prerequisites: Nil
MODULE 1: Web Design Tools and UI design (6)
Tools: Bootstrap-Less-Atom-Notepad++; HTML Documents-Basic Structure of HTML Document-
Creating HTML Documents- Basic HTML tags Introduction to elements of HTML-working with text-
list-tables and frames-working with images-hyperlinks and multimedia-working with forms and
controls.
Cascading Style Sheet (CSS): The need for CSS, Introduction to CSS – Basic syntax and structure -
Inline Styles – Embedding Style Sheets - Linking External Style Sheets – Backgrounds - Manipulating
text.
Suggested Activity: Design a sample web page for the department using HTML and CSS.
MODULE 2: INTRODUCTION TO JAVASCRIPT (6)
Introduction - Core features - Data types and Variables - Operators, Expressions, and Statements -
Functions - Objects - Array, Date and Math related Objects, Event Handling - Controlling Windows &
Frames and Documents - Form handling and validations.
Suggested Activity: Create a Student registration form and validate.
MODULE 3: ADVANCED JAVASCRIPT (6)
Introduction-Classes – Constructors – Object-OrientedTechniques in JavaScript – Object constructor
and Prototyping - Sub classes and Super classes – JSON - jQuery and AJAX.
MODULE 4 : PHP (6)
Introduction - How web works - Setting up the environment (LAMP server) - Programming basics -
Print/echo - Variables and constants – Strings and Arrays – Operators, Control structures and looping
structures – Functions – Reading Data in Web Pages - Embedding PHP within HTML.
MODULE 5: PHP& MySql and Web Publishing (6)
PHP&Mysql: Establishing connectivity with MySQL database, MySql query, SQL injection
Web Publishing: Creating website-saving the site- working on the site-creating website structure-
creating tiles for webpages-themes publishing websites.
Suggested Activity: Establish the database connection in a web page.
TEXT BOOKS
Achyut S Godbole and Atul Kahate, “Web Technologies”, Second Edition, Tata McGraw Hill,
1. 2012.
Jenniffer Robins, “Learning Web Design”, 4th Edition-O’Reilly Media,2012.
2.
Thomas A Powell, Fritz Schneider, “JavaScript: The Complete Reference”, Third Edition, Tata
3. McGraw Hill, 2013.
Steven Holzner, “The Complete Reference - PHP”, Tata McGraw Hill, 2008.
4.
REFERENCE BOOKS
1. David Flanagan, “JavaScript: The Definitive Guide, Sixth Edition”, O'Reilly Media, 2011.
2. James Lee, Brent Ware , “Open Source Development with LAMP: Using Linux, Apache,
MySQL, Perl, and PHP” Addison Wesley, Pearson 2009.
E BOOKS
http://wtf.tw/ref/robbins.pdf
1.
https://eloquentjavascript.net/Eloquent_JavaScript.pdf
2.
MOOC
1. https://www.edx.org/course/html5-and-css-fundamentals-2
2. https://www.coursera.org/courses?query=php
Document Sl. No: IQACB01 Review Period: Every Semester Validation authority: IQAC
COURSE DELIVERY PLAN
(This document is to be presented to the students during the first week of commencement of
classes and send a soft copy to every student of the class by the course instructor)
Academic Year: 2020-2021 Department: CSE

Programme: B.Tech Semester: III
Course Title: Web designing and Development Course Code: CSD4283
Course Category: NE Total Duration (Hrs): 30
Prerequisite: NIL Credits: 2
Instructor (s): Dr. Renjith P N
Courseware Home Page:
https://sites.google.com/hindustanuniv.ac.in/drrenjithpn
TEXT BOOKS
1. A Achyut S Godbole and Atul Kahate, “Web Technologies”, Second Edition, Tata McGraw
Hill, 2012.
2. Jenniffer Robins, “Learning Web Design”, 4th Edition-O’Reilly Media,2012.
3. Thomas A Powell, Fritz Schneider, “JavaScript: The Complete Reference”, Third Edition, Tata
McGraw Hill, 2013.
4. Steven Holzner, “The Complete Reference - PHP”, Tata McGraw Hill, 2008.
REFERENCE BOOKS
1. David Flanagan, “JavaScript: The Definitive Guide, Sixth Edition”, O'Reilly Media, 2011.
2. James Lee, Brent Ware , “Open Source Development with LAMP: Using Linux, Apache,
MySQL, Perl, and PHP” Addison Wesley, Pearson 2009.
COURSE OUTCOMES (COs) WITH PO AND PSO MAPPING
PROGRAMME OUTCOMES (PO COMMON TO ALL PROGRAMMES)
(To be achieved by the student after every semester/year/and at the time of graduation)
All graduates of any higher education programs are expected to have identified technical/
functional, generic and managerial competencies. The competencies that a graduate of a
program should have are called Graduate Attributes. The Attributes a graduating engineer should
have are generally identified by the Accreditation agency for Engineering and Technical
Education, namely, National Board of Accreditation (NBA) in India. The Graduate Attributes of
Engineering Programs as identified by NBA are
1. Engineering knowledge: Apply the knowledge of mathematics, science, engineering
fundamentals, and an engineering specialization to the solution of complex engineering
problems.
2. Problem analysis: Identify, formulate, research literature, and analyze complex engineering
problems reaching substantiated conclusions using first principles of mathematics, natural
sciences, and engineering sciences.
3. Design/development of solutions: Design solutions for complex engineering problems and
design system components or processes that meet the specified needs with appropriate
consideration for the public health and safety, and the cultural, societal, and environmental
considerations.
4. Conduct investigations of complex problems: Use research-based knowledge and research
methods including design of experiments, analysis and interpretation of data, and synthesis of
the information to provide valid conclusions.
5. Modern tool usage: Create, select, and apply appropriate techniques, resources, and modern
engineering and IT tools including prediction and modeling to complex engineering activities with
an understanding of the limitations.
6. The engineer and society: Apply reasoning informed by the contextual knowledge to assess
societal, health, safety, legal and cultural issues and the consequent responsibilities relevant to
the professional engineering practice.
7. Environment and sustainability: Understand the impact of the professional engineering
solutions in societal and environmental contexts, and demonstrate the knowledge of, and need
for sustainable development.
8. Ethics: Apply ethical principles and commit to professional ethics and responsibilities and
norms of the engineering practice.
9. Individual and team work: Function effectively as an individual, and as a member or leader in
diverse teams, and in multidisciplinary settings.
10. Communication: Communicate effectively on complex engineering activities with the
engineering community and with society at large, such as, being able to comprehend and write
effective reports and design documentation, make effective presentations, and give and receive
clear instructions.
11. Project management and finance: Demonstrate knowledge and understanding of the
engineering and management principles and apply these to one’s own work, as a member and
leader in a team, to manage projects and in multidisciplinary environments.
12. Life-long learning: Recognize the need for, and have the preparation and ability to engage
in independent and life-long learning in the broadest context of technological change.
PROGRAMME SPECIFIC OUTCOMES
On completion of the B.Tech Computer Science & Engineering degree the graduates will be able
to
PSO 1. Apply mathematical, conceptual knowledge of computing and analytical skills to solve
complex problems.
PSO 2. Design and develop computer systems based on the domains of cyber physical Systems,
Algorithm design Techniques and Enterprise systems security
PSO 3. Do innovative system design with analytical knowledge by developing modern tools and
techniques.
The Bloom’s Taxonomy is to be followed in curriculum development, courseware
development, planning and delivery of contents, Assessment, Mapping, Data Analysis and CQI
(Continuous Quality Improvement)
COURSE OUTCOMES (CO) Attainment

BTL
The student should be able to Threshold (%)
Explain markup languages features and create interactive web
CO - 1 3 60
pages.
CO - 2 Perform Client side validation using scripting languages. 3 70
CO - 3 Make use of Open source JavaScript libraries. 3 60
CO – 4 Apply PHP for web development. 3 65
CO – 5 Design and publish a web page . 4 55
MAPPING OF COs with POs and PSOs
PROGRAMME OUTCOMES (PO) PSO

COURSE
S. No OUTCOMES
PO 11
PSO1
PSO2
PSO3
PO10
PO12
PO 7
PO 8
PO1
PO2
PO3
PO4
PO5
PO6
PO9
(CO)
1 CO-1 3 3 3 2 3 2 2 3 2 2 2 2 3 2 3
2 CO-2 3 3 3 2 2 1 1 2 1 2 2 2 3 1 1
3 CO-3 3 3 2 2 2 1 1 1 1 1 1 2 3 2 1
4 CO-4 3 3 3 2 3 2 2 3 2 2 2 2 3 1 3
5 CO-5 3 3 2 3 3 3 2 2 3 3 2 2 3 3 3
1 - Slight (Low) 2 - Moderate (Medium) 3 - Substantial
(High)
Justification of the mapping:
CO1 Appreciating the need for markup languages features and CSS to strengthen
Engineering knowledge (PO1), and this in turn helps in analyzing and solving problems
(PO2) and designing and developing solutions to complex engineering problems
(PO3). It uses the research based knowledge to investigate complex problems (PO4),
insists in modern tool usage (PO5), contextual knowledge to assess through Engg.
Society (PO6), societal and environmental contexts, and demonstrate the knowledge
of, and need for sustainable development (PO7), Apply ethical principles (PO8),
Individual and team work (PO9), Communicate effectively on complex engineering
activities (PO10), Demonstrate knowledge and understanding of the engineering and
management principles (PO11) and ability to engage in independent and life-long
learning in the context of technological change (PO12). It improves the ability to
analyze basic concepts (PSO1) and helps in developing software solution to varying
complex problems (PSO2) and applies computing and innovative idea using modern
tools and techniques (PSO3).
CO2 Learn JavaScript and its data structure to strengthen Engineering knowledge (PO1),
and this in turn helps in analyzing and solving problems (PO2) and designing and
developing solutions to complex engineering problems (PO3). It uses the research
based knowledge to investigate complex problems (PO4), insists in modern tool usage
(PO5), contextual knowledge to assess through Engg. Society (PO6), societal and
environmental contexts, and demonstrate the knowledge of, and need for sustainable
development (PO7), Apply ethical principles (PO8), Individual and team work (PO9),
Communicate effectively on complex engineering activities (PO10), Demonstrate
knowledge and understanding of the engineering and management principles (PO11)
and ability to engage in independent and life-long learning in the context of
technological change (PO12). It improves the ability to analyze basic concepts (PSO1)
and helps in developing software solution to varying complex problems (PSO2) and
applies computing and innovative idea using modern tools and techniques (PSO3).
CO3
Utilization of advance concepts in JavaScript to strengthen Engineering knowledge
(PO1), and this in turn helps in analyzing and solving problems (PO2) and designing
and developing solutions to complex engineering problems (PO3). It uses the research
based knowledge to investigate complex problems (PO4), insists in modern tool usage
(PO5), contextual knowledge to assess through Engg. Society (PO6), societal and
environmental contexts, and demonstrate the knowledge of, and need for sustainable
development (PO7), Apply ethical principles (PO8), Individual and team work (PO9),
Communicate effectively on complex engineering activities (PO10), Demonstrate
knowledge and understanding of the engineering and management principles (PO11)
and ability to engage in independent and life-long learning in the context of
technological change (PO12). It improves the ability to analyze basic concepts (PSO1)
and helps in developing software solution to varying complex problems (PSO2) and
applies computing and innovative idea using modern tools and techniques (PSO3).
CO4 Programming with PHP for server side scripting language to strengthen Engineering
knowledge (PO1), and this in turn helps in analyzing and solving problems (PO2) and
designing and developing solutions to complex engineering problems (PO3). It uses
the research based knowledge to investigate complex problems (PO4), insists in
modern tool usage (PO5), contextual knowledge to assess through Engg. Society
(PO6), societal and environmental contexts, and demonstrate the knowledge of, and
need for sustainable development (PO7), Apply ethical principles (PO8), Individual
and team work (PO9), Communicate effectively on complex engineering activities
(PO10), Demonstrate knowledge and understanding of the engineering and
CO5 Database management and hosing the webserver using LAMP to strengthen
Engineering knowledge (PO1), and this in turn helps in analyzing and solving problems
(PO2) and designing and developing solutions to complex engineering problems
(PO3). It uses the research based knowledge to investigate complex problems (PO4),
insists in modern tool usage (PO5), contextual knowledge to assess through Engg.
Society (PO6), societal and environmental contexts, and demonstrate the knowledge
of, and need for sustainable development (PO7), Apply ethical principles (PO8),
Individual and team work (PO9), Communicate effectively on complex engineering
activities (PO10), Demonstrate knowledge and understanding of the engineering and
COURSE DELIVERY PLAN
Period Topic / Session Pertaining Instructional
# topic CO/CLOs Topic Learning Methods /
& Outcome (TLO) Activities
BTL
Introduction to
Able to use the Online
HTML- Basic
1 CO - 1 appropriate tags and Presentation –
HTML tags
BTL -3 design basic HTML Demonstration
Introduction to
page using browser
elements of HTML
Able to create text – Online
working with text – CO -1 Text animation – Presentation –
2
list – tables - images BTL-3 Table – Animate Demonstration
images using browser
Able to create Online
Working with
CO -1 hyperlinks –Animate Presentation –
3 hyperlinks and
BTL-3 and use various Demonstration
multimedia
multimedia using browser
Online
Cascading Style
CO -1 Able to create various Presentation –
4 Sheet (CSS) –
BTL-3 styles using CSS Demonstration
Linking CSS
using browser
Online
5 CO -1 Able to create various
Working with CSS Presentation,
BTL-4 styles using CSS
Team Activity
Design a sample web
Able to develop
page for the CO -1
6 website using HTML Group activity
department using BTL-4
and CSS
HTML and CSS.
Introduction to Online
JavaScript – Features CO -2 Able to use JavaScript Presentation –
7
– Simple programs BTL-3 for simple applications Demonstration
using browser
Data types and Able to use various
Online
Variables - datatypes, variables,
CO -2 Presentation –
8 Operators, expressions and
BTL-3 Demonstration
Expressions, and statements in web
using browser
Statements programming
Functions - Objects - Able to use Functions,
Online
Array, Date and Objects, Array, Date
CO -2 Presentation –
9 Math related Objects and Math related
BTL-3 Demonstration
objects in web
using browser
programming
Event Handling - Online
Able to use Event
Controlling Presentation –
Windows & Frames handling, Controlling
CO -2 Demonstration
10 and Documents windows, frames and
BTL-3 using browser
documents in web
programming
Form handling and Online
Able to use form
validations Presentation –
CO -2 handling and
11 Demonstration
BTL-3 validation for web
using browser
application
Create a Student Able to create a
12 CO -2
registration form and Student registration Group activity
BTL-4
validate form and validate
Introduction to OOP Able to understand
CO-3 various Object Online
13
BTL-3 Oriented Programming presentation
Concepts
Constructors – Able to understand the
Online
Object-Oriented functions of
Presentation –
Techniques in CO-3 constructor – use the
14 Demonstration
JavaScript BTL-3 object oriented
using browser
techniques using
JavaScript
Object constructor Able to create object
Presentation –
and Prototyping CO-3 constructor and
15 Demonstration
BTL-3 prototypes using
using browser
JavaScript
Sub classes and Able to demonstrate Presentation –
CO-3
16 Super classes Sub classes and super Demonstration
BTL-3
classes in JavaScript using browser
JSON Presentation –
CO-3 Able to use JavaScript
17 Demonstration
BTL-3 Object Notation
using browser
jQuery Able to use jQuery and Presentation and
CO-3
18 demonstrate simple demonstration
BTL-3
programs using browser
Ajax Able to use AJAX and Presentation and
CO-3
19 demonstrate simple demonstration
BTL-3
programs using browser
Introduction to PHP Able to use simple
Presentation and
And Server side CO-4 PHP program and
20 demonstration
scripting BTL-3 demonstrate the server
using browser
side scripting
Configuration of Able to use LAMP
Presentation and
LAMP Server and CO-4 server and demonstrate
21 demonstration
setting environment BTL-3 the server side
using browser
scripting
Print, echo - Able to program
Presentation and
Variables and CO-4 simple PHP program
22 demonstration
constants BTL-3 and demonstrate the
using browser
results
Strings and Arrays – Able to use the string
Operators, Control and array, various Presentation and
CO-4
23 structures and operators, control Demonstration in
BTL-3
looping structures structures and looping the browser
structures in PHP
Functions Able to use the string
and array, various Presentation and
CO-4
24 operators, control Demonstration in
BTL-3
structures and looping the browser
structures in PHP
Reading Data in Web Able to use GET and
Presentation and
Pages CO-4 POST scripts to read
25 Demonstration in
BTL-3 data from the web
the browser
pages
Embedding PHP Embedding PHP code
Presentation and
within HTML CO-4 with HTML and
26 Demonstration in
BTL-3 demonstrate in Apache
the browser
Server
Introduction to Establishing the
MySQL and Presentation and
CO-5 MySQL Connectivity
27 establishing DB demonstration in
BTL-4 and accessing the DB
connection the browser
Using PHP code
MySQL query Able to manipulate the
Presentation and
CO5 database with querying
28 demonstration in
BTL-3 MYSQL DB from web
the browser
page
SQL injection Able to perform SQL Presentation and
CO5
29 injection from the demonstration in
BTL-3
webpage the browser
Creating website- Able to create website Presentation and
CO5
30 saving the site and save the page in demonstration in
BTL-4
the local host the browser
Creating tiles for Presentation and
CO5 Able to create tiles for
31 webpages demonstration in
BTL-3 webpages
the browser
Themes publishing Able to create themes
CO5
32 websites of websites and user Group Activity
BTL-3
can utilize the theme
FACULTY SIGNATURE HOD IQAC Co-coordinator
ASSESSMENT PLAN
ACADEMIC YEAR: 2020-21 DEPARTMENT : CSE
PROGRAMME: B.Tech SEMESTER: IV
COURSE TITLE: Web designing and Development COURSE CODE: CSD4283
COURSE CATEGORY: NE TOTAL DURATION (HRS): 30
PREREQUISITE: NIL CREDITS: 3
INSTRUCTOR (S): Dr. Renjith. P. N.
Assessment
Learning Outcome for Pertaining Corrective
Assessment # Cos
Method / Measurable Duration
Assessment Action
Activity
Illustrate markup
languages features and <75
1 CO1 Assignment Marks 2 Hrs
create interactive web Resubmission
pages.
Execute the Client side
Internal <60 Repeat
2 validation using scripting CO2 Marks 1.5 Hrs
Assessment – I Exam
languages.
Project
Execute the Open-source <70 Repeat
3 CO3 Project demonstratio 2 Hrs
JavaScript libraries. demonstration
n
Design the web site Internal Marks <60 Submit as
4 CO4 1.5 Hrs
using PHP Assessment – II Assignment
Website
Design and publish a Website <70 Re
5 CO5 designing and 3 Hrs
web page using PHP. Presentation submission
demonstration
Signature of the Instructor Signature of the HOD

School of Computing Sciences
Department of Computer Science & Engineering
CSD4283 – WEB DESIGN AND DEVELOPMENT

Question Bank
Category: Non-Department Elective
Semester - III
Prepared by:
Dr. Renjith,
Associate Professor,
Module - 1 WEB DESIGN TOOLS AND UI DESIGN
PART – A
(2 Marks)
Ques. No PART A CO BTL
1 Define HTML. 1 1
2 Explain about <table> & <frame> tags 1 2

Explain Grid site type “Web site should respect GUI principals
3 1 2
where appropriate” Comment.
“Try to make important items such as primary navigation in the
4 1 2
first screen” Comment
5 List primary four aspect of web design 1 1
6 Compare between Dynamic and Static website? 1 2

“Placement of Navigation should be consistent within a page
7 1 2
layout” Comment
8 List the advantages of using CSS? 1 2
9 List various components of a CSS Style? 1 2
10 How CSS style overriding works? 1 1
PART – B
Ques.
PART B CO BTL
No
Using HTML and CSS Create one-page ecommerce website. The site
will have products with prices. When the user brings the mouse over
1 the product, the product image will be zoomed out. The page should 1 3
have header, menu bar, product information and enquiry form in a
single page.
2 Explain in detail the concept of list tag and its use in HTML code. 1 3
3 Explain about internet technologies in detail. 1 3
4 Discuss about various HTML Tags with simple examples. 1 2
5 Design a simple web page for the department using HTML and CSS. 1 1
With example describe in detail on common challenges associated
6 1 2
with the performance measurement.
Explain in detail on concept of div tag and its use in HTML code.
7 1 2
Recall the attributes of <img> tag
8 List any 7 standard properties with description belonging to the CSS3. 1 2
9 Explain in detail on various types of CSS with examples. 1 2

Design a website for a university with various department using
10 1 1
HTML and CSS.
Module-2 - INTRODUCTION TO JAVASCRIPT

PART A
Ques. No PART A CO BTL
1 How to create an Object in JavaScript? 2 1
2 Find the result of below given line of code in Java Script? 5+4+'7 2 2
Find the Output of the following using JavaScript
3 2 2
document.Write(Math.Round(6.7));
4 What is undefined value means in JavaScript? 2 2
5 How to get value from RadioButtonList control? 2 1
6 Which of the following is not considered a JavaScript keyword? 2 2
7 Give the elements to write a JavaScript? 2 2
8 Define a Web Application? 2 2
9 Mention the benefits of JavaScript. 2 2
10 Name the method and properties of Window Object in JavaScript. 2 1
PART B
Ques. No PART B CO BTL
1 Illustrate with a example various types of array in JavaScript. 2 2
Using HTML, CSS and JavaScript Create one-page Symposium
2 website. The page should have information about the symposium and a 2 3
registration form with input validation with JavaScript.
(a) Recall global variables? How are these variables declared and what
3 are the problems associated with using them? 2 2
(b) Write the code for adding new elements dynamically?
Create a webpage for Student registration form and validate it with
4 2 3
JavaScript.
With JavaScript program elaborate on Controlling Windows & Frames
5 2 2
and Documents.
With Sample programs describe in detail on Event Handling in
6 2 2
JavaScript.
7 With sample programs explain functions in JavaScript. 2 2
Design and Develop web pages for employee portal of a company
8 2 3
using HTML with java script.
Design and develop web page with Java script for calculating the total
9 2 3
price amount of the online purchased items of an electronics shop.
Write a Java Script for on
(i) change event
10 (ii) select event 2 2
(iii) load event
(iv) unload event
UNIT 3 ADVANCED JAVASCRIPT
Ques.
PART A CO BTL
No
1 Explain the difference between Object.freeze() vs const 3 1
2 What are the differences between ES6 class and ES5 function constructors? 3 2
Describe the main difference between a .forEach loop and a .map() loop and
3 3 2
why you would pick one versus the other?
4 List the difference between a variable that is: null, undefined or undeclared? 3 2
5 Define Class and Object. 3 1
6 Define Inheritance. 3 2
7 Define Encapsulation. 3 2
Compare pros and cons of functional programming vs object-oriented
8 3 2
programming?
9 List application of Ajax. 3 2
10 Explain about JSON. 3 1
Ques.
PART B CO BTL
No
Write OOP based program using JavaScript for the problem below:
In a shopping complex, customers are given with 10% off on Apple phone, 5%
off on Samsung phone and 2% off on Redmi Phones. Also, the complex provides,
1 3 3
7% off on Leather Shoes and 3% off on other Shoes.
Help the seller to create an OOP based solution.
Write OOP based JavaScript program to Implement the Customer class 3

1. Consider all instance variables and methods to be public
2. Assume that bill_amount is initialized with total bill amount of the customer
3. Customer is eligible for 5% discount on the bill amount
2 4. purchases(): Compute discounted bill amount and pay bill 2
5. pays_bill(amount): Display, <customer_name> pays bill amount of Rs.
<amount>. Represent few customers, invoke purchases() method and display the
details.
A university wants to automate their admission process. Students are admitted 3

based on marks scored in a qualifying exam.
A student is identified by student id, age and marks in qualifying exam. Data are
3 valid, if: Age is greater than 20, Marks is between 0 and 100 (both inclusive) 2
A student qualifies for admission, if Age and marks are valid and
Marks is 65 or more. Write a OOP based JavaScript program to represent the
students seeking admission in the university.
Describe a class named User with name and password as variable. Create a 3
method named 'display user' which will display the above property values. Now
4 extend the class user by adding another two method inside the inherited class to 2
display all the properties. Write the JavaScript OOP code for the above
implementation.
a) Explain with JavaScript program, the Setter and Getter Method. 3
b) Write a program to create a class called Fruit with attributes size and color.
5 1
Create multiple objects of this class. Report how many objects have been created
from the class.
Write JavaScript program to create a class that can calculate the surface area and 3
6 volume of a solid. The class should also have a provision to accept the data 2
relevant to the solid.
Write OOP program using JavaScript that defines a class Shape. Inherits two 3
7 classes circle and rectangle. Check programmatically the inheritance relationship 3
between the classes Create shape and circle objects.
8 Explain in detail on OOP in JavaScript with examples. 3 2
(i) Explain in detail on JSON. 3
9 2
(ii) Create a simple Employee record using JSON.
10 Explain in detail on Inheritance using a simple program. 3 2
UNIT 4 - PHP
Ques.
PART A CO BTL
No
1 Why PHP is known as scripting language? 4 1
2 Differences between GET and POST methods? 4 2
3 Explain all possible types of scope of variable? 4 2
4 Explain the function name in PHP, used to delete an element from an array? 4 2
5 Write the PHP code for fetching the data from a database to a webpage? 4 1
6 What do you meant by WAMP, LAMP and XAMP? 4 2
7 What is the use of for each loop? 4 2
8 How can we declare associative arrays? 4 2
9 Write down the rules to know about the variables in PHP? 4 2
10 List the advantage and disadvantage of PHP. 4 1
Q.No PART B CO BTL
Write simple webpage using HTML, PHP program to get the input from the user:
1 4 3
Student roll no, name, address, college, course.
Write a PHP which takes the username, password and email values from user and
2 checks whether the user has filled the textboxes or not. Also, check the email field 4 2
whether it is incorrect format or not.
a) Explain in detail on functions in PHP.
3 b) Write a function that interchange and prints the value of two integers A and B 4 2
without using any extra variable.
What is scope of the variable in PHP? Explain global and static variable with proper
4 illustration. 4 2
Differentiate between server-side and client-side scripting.
a) Write a PHP script that checks whether a passed string is palindrome or not?
b) Create a login page having user name and password. On clicking submit, a welcome
5 4 1
message should be displayed if the user is already registered otherwise error message
should be displayed.
Write a PHP script which will display the colors in the following way
6 Initialize $color = array('white', 'green', 'red'') 4 2
Output: white, green, red
Write PHP code to create a grade calculator. Ie. Check whether student has secured
7 4 2
more than 50 marks in all subjects. If the student is pass then calculate grade.
8 Write in detail about type of array in PHP with examples. 4 2
Define Coockie. How to create & delete it?How can we retrieve a Cookie value?
9 4 2
Create a simple PHP application using Get and Post Methods.
10 Write in detail on Looping structures used in PHP. 4 3
UNIT 5 PHP& MySql - Web Publishing
Ques.
PART A CO BTL
No
1 Differentiate mysql_fetch_row and mysql_fetch_array function. 5 1
2 Explain my_connect function with example. 5 2
3 Are strings immutable in php? 5 2
4 Write SQL Query to search for a element from the table. 5 2
5 Differentiate between sort() and asort() functions 5 1
6 Explain FORM and INPUT elements with an example. 5 2
Write a PHP code to read two text files and display its contents alternatively line 5
7 2
by line.
8 Differentiate MySQL and MYSQLi. 5 2
9 How to add columns in MySQL? 5 2
10 List the advantage and disadvantage of MySQL 5 1
Ques.
PART B CO BTL
No
Using HTML, PHP and MySQL create a simple student management system
1 application where an Administrator should have the privilege to Add or Remove 5 3
Students, students and parents can view the student details.
2 Explain in detail on PHP string functions with example. 5 3
Write PHP and MSQL program to create a Employee management system.
Create Employee Database with Employee details (ENo, EName, Address) are
3 5 2
stored in a employee table and Employee No, Basic Salary, DA, HRA, total are
stored in salary table. Perform CRUD operation using PHP and MySQL.
a) Write a PHP program using nested for loop that creates a chess board.
4 5 2
b) How can you enable error reporting in PHP?
a) Write simple php scripts for various database operations like add, delete,
5 modify and search operations. b) Describe the script at server side and client 5 1
side for database operations.
Explain the following PHP functions with their syntax:
i)ucwords()
ii)trim
6 5 3
iii)strtoupper()
iv)ucfirst()
v)similar-text()
a) Write PHP and MySQL to accepts sales transaction information (product code,
name quantity, rate per unit) for five items display bill in tabular format on the
7 5 2
next form.
b) Write PHP Script to accept two strings and check if the strings are equal.
Write a PHP program to store five expenses (electricity, bill, phone bill, petrol
8 bill, property tax) and their respective amount of two person in the database. 5 2
Print the total expenditure of each person.
9 Explain in detail on SQL injection with a PHP program. 5 2
Explain in detail on process of creating website and Hosting the website.
10 5 3
MODULE - 1 INTRODUCTION TO HTML, INTRODUCTION TO CSS CO BTL
1. What is the difference between unordered lists and ordered lists? 1 3
2. Why is semantic structure so important for HTML? 1 1
3. What role does W3C play in the implementation of XHTML? 1 2
4. What are the three main aims of HTML5? 1 3
5. What are nested HTML elements? 1 2
6. What is semantic markup? Why is it important? 1 4
7. What is the difference between <p> and the <div> element? In what context should one use the
one over other? 1 4
8. Describe the difference between a relative and an absolute reference. When should each be
used? 1 3
9. What are the advantages of using the new HTML5 semantic elements? Disadvantages? 1 2
10. What is a CSS selector? 1 2
11. Compare the approach the W3C has used with CSS3 in comparison to CSS2.1. 1 1
12. What are inline styles? 1 1
13. What is the difference between a relative and an absolute measure unit in CSS? Why are relative
units preferred over absolute units in CSS? 1 4
14. What is an element selector and a grouped element selector? Provide an example of each. 1 3
15. What are class selectors? What are id selectors? Briefly discuss why you would use one over
the other. 1 1
16. What are contextual selectors? Identify the four different contextual selectors. 1 4
17. Explain the concept of the Document Object Model. What are they commonly used for? 1 4
18. What does the location of styles refer to? 1 2
19. What are the three cascade principles used by browsers when style rules conflict? Briefly
describe each. 1 3
20. Illustrate the CSS box model. Be sure to label each of the components of the box. 1 1
21. What is specificity? Why are they necessary? 1 1
1. What are the elements used to define the structure of an HTML table? 1 1
2. Describe the purpose of a table caption and the table heading elements. 1 1
3. What are <tr> and <td> tags? 1 1
4. Create a table that correctly uses the caption, thead, tfoot, and tbody elements. Briefly discuss
the role of each of these elements. 1 4
5. What is the disadvantage of using tables for markup? 1 1
6. What is the difference between datetime and datetime-local? 1 1
7. What is a form? 1 1
8. What is a tel text input control? 1 4
9. What are the two different ways of passing information via the URL? 1 1
10. What is the purpose of the action attribute? 1 3
11. In what situation would you use a radio button? A checkbox? 1 1
12. What are some of the main additions to form construction in HTML5? 1 4
13. What is an hCard? 1 1
14. What are microformats? What is their purpose? 1 4
15. What is the difference between replaced inline elements and nonreplaced inline elements? 1 3
16. What is normal flow in the context of CSS? 1 3
17. Describe how block-level elements are different from inline elements. Be sure to describe the
two different types of inline elements. 1 4
18. In CSS, what does floating an element do? How do you float an element? 1 2
19. In CSS positioning, the concept of positioning context is important. What is it and how does it
affect positioning? 1 1
Provide an example of how positioning context might affect the positioning of an element. 1 4
20. Briefly describe the two ways to construct multicolumn layouts in CSS. 1 4
21. Write the CSS and HTML to create a two-column layout using positioning and floating. 1 1
22. Briefly describe the role of CSS media queries. 1 1
23. What is viewport? Why is it important? 1 4
24. What are the advantages and disadvantages of using a CSS framework? 1 2
25. Explain the role of grid systems in the creation of multicolumn layouts. 1 3
MODULE-2 INTRODUCTION TO JAVASCRIPT
1. What is an applet? 2 4
2. Discuss the advantages and disadvantages of client-side scripting. 2 1
3. How is a browser plug-in different from a browser extension? 2 4
4. How do AJAX requests differ from normal requests in the HTTP request-response loop? 2 1
5. What are software layers, and what benefit do they provide? 2 4
6. What are some reasons a user might have JavaScript disabled? 2 2
7. What kind of variable typing is used in JavaScript? What benefits and dangers arise from this? 2 1
8. Why is embedded JavaScript used? What is the disadvantage of using embedded JavaScript? 2 2
9. Compare graceful degradation with progressive enhancement. 2 3
10. What are the different ways in which JavaScript can be linked to an HTML page? 2 4
11. How does one access a particular HTML tag through JavaScript? 2 1
12. What is the use of functions in JavaScript? 2 3
13. When should one use a try-catch block? 2 1
14. Name some common software design layers. 2 3
15. In the LAMP stack, what software is responsible for responding to HTTP requests? 3 4
16. Describe the ASP.NET framework. 3 4
17. Identify and briefly describe at least four different server-side development technologies. 3 1
18. Describe the difference between the multi-threaded and multi-process setup of PHP in Apache. 3 4
19. Describe the steps taken by the Zend Engine when it receives a PHP request. 3 4
20. What does it mean that JSP is a cross-platform technology? 3 3
21. What are server-side include files? Why are they important in PHP? 3 1
22. Can Apache support the multi-threaded mode? Why is a thread advantageous? 3 4
23. How does PHP allow variable names to be specified at run-time? Explain with an example. 3 1
24. How are parameters passed by reference different than those passed by value? 3 4
MODULE - 4 PHP
1. Explain how an array acts as an ordered map in PHP. 4 2
2. What are superglobal variables? 4 1
3. Explain the process of sanitizing user inputs. 4 3
4. Describe the relationship between keys and indexes in arrays. 4 1
5. What are the different types of in-memory file functions? 4 1
6. Are arrays sorted by key or by value, or not at all? 4 4
7. How would you get a random element from an array? 4 1
8. What does urlencode() do? How is it ―undone‖? 4 3
9. What information is uploaded along with a file? 4 4
10. How do you read or write a file on the server from PHP? 4 4
11. List and briefly describe the ways you can limit the types and size of file uploaded? 4 2
12. What classes of information are available via the $_SERVER superglobal array? 4 1
13. Describe why hidden form fields can easily be forged / changed by an end user. 4 3
14. What is a static variable and how does it differ from a regular one? 4 2
15. What are the three access modifiers? 4 3
16. What is a class? 4 4
17. Explain the role of an interface in object oriented programming. 4 3
18. Describe the concept of dynamic dispatching. 4 2
19. What are the advantages of inheritance? 4 1
20. When is the determination made as to which version of a method to call? Compile time or run
time. 4 3
21. What are the three error reporting flags? How are expected errors different from warnings? 4 3
22. What is the role of error reporting in PHP? How should it differ for development sites compared
to production sites? 4 3
23. Discuss the trade-offs between procedural and object-oriented exception handling. 4 4
24. Describe the different error_reporting constants. 4 2
25. What are the most common ways of reducing validation errors? 4 1
26. Discuss strategies for handling validation errors. 4 3
27. What strategies can one adopt when designing a form that will help reduce validation errors? 4 1
28. What problem does spam bots cause? 4 3
29. Validation checks should occur at multiple levels. What are the levels and why is it important
to do so? 4 3
MODULE – 5 PHP& MySql and Web Publishing
1. How can we pass information in HTTP? 5 3
2. What are the different types of global web storage objects? What is their purpose? 5 4
3. Describe the use of URL rewriting. 5 2
4. What is the difference between session cookies and persistent cookies? How does the browser
know which type of cookie to create? 5 3
5. Describe the best practices for using persistent cookies. 5 1
6. What is web storage in HTML5? How does it differ from HTTP cookies? 5 2
7. What is the httpOnly cookie? 5 4
8. Describe the two models for page caching. 5 1
9. In PHP, how are sessions stored between requests? 5 4
10. How does object serialization relate to stored sessions in PHP? 5 4
11. What is web farm? What issues do they create for session state management? 5 4
12. What is caching in the context of web applications? What benefit does it provide? 5 3
13. What is the difference between page output caching and application data caching? 5 4
14. Why are prototypes more efficient than other techniques for creating classes in JavaScript? 5 1
15. How can an object be instantiated using the concept of object literals? 5 2
16. What does $() shorthand stand for in jQuery? 5 1
17. Write a jQuery selector to get all the <p> that contain the word ―hello‖? 5 1
18. jQuery extends the CSS syntax for selectors. Explain what that mean. 5 3
19. How can we ensure jQuery loads, even if the CDN is down? 5 2
20. How would you change the text color of all the <a> tags in jQuery (one line)? 5 2
21. What is the difference between the append () and appendTo() methods? 5 2
22. What are the advantages of using asynchronous requests over traditional synchronous once? 5 3
23. What are the two techniques for AJAX file upload? 5 2
24. What are the commonly used animations in jQuery? 5 4
25. What is Cross-Origin-Resource-Sharing (CORS)? 5 2
26. How collections and views are useful? 5 1
27. What is well-formedness and validity in the context of XML? How do they differ? 5 1
28. What is XPath? How can it be used in web development? 5 2
29. What are the in-memory and the event approaches to XML processing? How do they differ?
What are some examples of each approach in PHP? 5 1
30. Discuss the merits and drawbacks of SOAP and REST based web services and for XML versus
JSON as a REST data format. 5 4
MCQ Question
Module -1
1. A webpage displays a picture. What tag was used to display that picture?
a. picture
b. image
c. img
d. src
2. <b> tag makes the enclosed text bold. What is other tag to make text bold?
a. <strong>
b. <dar>
c. <black>
d. <emp>
3. Tags and text that are not directly displayed on the page are written in _____ section.
a. <html>
b. <head>
c. <title>
d. <body>
4. Which tag inserts a line horizontally on your web page?

a. <hr>
b. <line>
c. <line direction="horizontal">
d. <tr>
5. What should be the first tag in any HTML document?

a. <head>
b. <title>
c. <html>
d. <document>
6. Which tag allows you to add a row in a table?

a. <td> and </td>
b. <cr> and </cr>
c. <th> and </th>
d. <tr> and </tr>
7. How can you make a bulleted list?

a. <list>
b. <nl>
c. <ul>
d. <ol>
8. How can you make a numbered list?

a. <dl>
b. <ol>
c. <list>
d. <ul>
9. How can you make an e-mail link?

a. <a href=”xxx@yyy ”>
b. <mail href=”xxx@yyy ”>
c. <mail>xxx@yyy </mail>
d. <a href=”mailto:xxx@yyy ”>
10. What is the correct HTML for making a hyperlink?

a. <a href=”http:// apple.com“>ICT Trends Quiz</a>
b. <a name=”https://apple.com“>ICT Trends Quiz</a>
c. <https://apple.com</a>
d. url=”https://apple.com“>ICT Trends Quiz
11. Choose the correct HTML tag to make a text italic

a. <ii>
b. <italics>
c. <italic>
d. <i>
12. Choose the correct HTML tag to make a text bold?

a. <b>
b. <bold>
c. <bb>
d. <bld>
13. What is the correct HTML for adding a background color?

a. <body color=”yellow”>
b. <body bgcolor=”yellow”>
c. <background>yellow</background>
d. <body background=”yellow”>
14. Choose the correct HTML tag for the smallest size heading?
a. <heading>
b. <h6>
c. <h1>
d. <head>
15. What is the correct HTML tag for inserting a line break?
a. <br>
b. <lb>
c. <break>
d. <newline>
16. What doesvlink attribute mean?

a. visited link
b. virtual link
c. very good link
d. active link
17. Which attribute is used to name an element uniquely?
a. class
b. id
c. dot
d. all of above
18. Which tag creates a check box for a form in HTML?

a. <checkbox>
b. <input type="checkbox">
c. <input=checkbox>
d. <input checkbox>
19. To create a combo box (drop down box) which tag will you use?
a. <select>
b. <list>
c. <input type="dropdown">
d. all of above
20. Which of the following is not a pair tag?

a. <p>
b. < u >
c. <i>
d. <img>
21. To create HTML document you require a
a. web page editing software

b. High powered computer
c. Just a notepad can be used
d. None of above
22. The special formatting codes in HTML document used to present contentare
a. tags
b. attributes
c. values
d. None of above
23. HTML documents are saved in

a. Special binary format
b. Machine language codes
c. ASCII text
d. None of above
24. Some tags enclose the text. Those tags are known as
a. Couple tags
b. Single tags
c. Double tags
d. Pair tags
25. The _____ character tells browsers to stop tagging the text
a. ?
b. /
c. >
d. %
26. In HTML document the tags

a. Should be written in upper case
b. should be written in lower case
c. should be written in propercase
d. can be written in both uppercase or lowercase
27. Marquee is a tag in HTML to

a. mark the list of items to maintaininqueue
b. Mark the text so that it is hidden in browser
c. Display text with scrolling effect
d. None of above
28. There are ____ different of heading tags in HTML

a. 4
b. 5
c. 6
d. 7
29. To create a blank line in your web page

a. press Enter two times
b. press Shift + Enter
c. insert <BR> tag
d. insert <BLINE>
30. Which of the following is not a style tag?

a. <b>
b. <tt>
c. <i>
d. All of above are style tags
31. The way the browser displays the object can be modified by _____
a. attributes
b. parameters
c. modifiers
d. None of above
32. Which of the following HTML code is valid?

a. <font colour="red">
b. <font color="red">
c. <red><font>
33. Which of the following is an attribute related to font tag?

a. size
b. face
c. color
34. HTML supports

a. ordered lists
b. unordered lists
c. both type of lists
d. does not support those types
35. What tag is used to list individual items of an ordered list?

a. LI
b. OL
c. UL
d. None of above
36. When should you use path along with file name of picture in IMG tag?
a. path is optional and not necessary
b. when the location of image file andhtml file are different
c. when image file and html file both are on same location
d. path is always necessary when inserting image
37. Which of the following is not a valid alignment attribute?

a. Left
b. Right
c. Top
d. All of above
38. Which attribute is used withimg tag to display the text if image could not load in browser?
a. description
b. name
c. alt
d. id
39. Which attribute can be used with BODY tag to set background color green?
a. background="green"
b. bgcolor="green"
c. vlink="green"
d. None of above
40. Which attribute you’ll use with TD tag to merge two cells horizontally?
a. merge=colspan2
b. rowspan=2
c. colspan=2
d. merge=row2
41. Awebpage displays a picture. What tag was used to display that picture?
a. picture
b.mage
c.img
d. src
42. <b> tag makes the enclosed text bold. What is other tag to make text bold?
a. <strong>
b. <dar>
c. <black>
d. <emp>
43. Tags and test that are not directly displayed on the page are written in _____ section.
a. <html>
b. <head>
c. <title>
d. <body>
44. Which tag inserts a line horizontally on your web page?

a. <hr>
b. <line>
c. <line direction="horizontal">
d. <tr>
45. What should be the first tag in any HTML document?

a. <head>
b. <title>
c. <html>
d. <document>
46. Which tag allows you to add a row in a table?

a. <td> and </td>
b. <cr> and </cr>
c. <th> and </th>
d. <tr> and </tr>
47. How can you make a bulleted list?

a. <list>
b. <nl>
c. <ul>
d. <ol>
48. How can you make a numbered list?

a. <dl>
b. <ol>
c. <list>
d. <ul>
49. How can you make an e-mail link?

a. <a href="xxx@yyy ">
b. <mail href="xxx@yyy ">
c. <mail>xxx@yyy </mail>
d. <a href="mailto:xxx@yyy ">
50. What is the correct HTML for making a hyperlink?

a. <a href="http:// hindustanuniv.ac.in ">HTML Quiz</a>
b. <a name="http:// hindustanuniv.ac.in "> HTML Quiz</a>
c. <http:// hindustanuniv.ac.in </a>
d. url="http://hindustanuniv.ac.in"> HTML Quiz
51. Choose the correct HTML tag to make a text italic

a. <ii>
b. <italics>
c. <italic>
d. <i>
52. Choose the correct HTML tag to make a text bold?

a. <b>
b. <bold>
c. <bb>
d. <bld>
53. What is the correct HTML for adding a background color?

a. <body color="yellow">
b. <body bgcolor="yellow">
c. <background>yellow</background>
d. <body background="yellow">
54. Choose the correct HTML tag for the smallest size heading?
a. <heading>
b. <h6>
c. <h1>
d. <head>
55. What is the correct HTML tag for inserting a line break?
a. <br>
b. <lb>
c. <break>
d. <newline>
56. What doesvlink attribute mean?

a. visited link
b. virtual link
c. very good link
d. active link
57. Which attribute is used to name an element uniquely?

a. class
b. d
c. dot
d. all of above
58. Which tag creates a check box for a form in HTML?

a. <checkbox>
b. <input type="checkbox">
c. <input=checkbox>
d. <input checkbox>
59. To create a combo box (drop down box) which tag will you use?
a. <select>
b. <list>
c. <input type="dropdown">
d. all of above
60. Which of the following is not a pair tag?

a. <p>
b. < u >
c. <i>
d. <img>
61. What is the full form of HTML?

a.Hyper text markup language
b. Hyphenation text markup language
c. Hyphenation test markinglanguage
d.Hyper text marking language
62. What is the full form of HTTP?

a.Hyper text transfer protocol
b.Hyper text transfer package
c. Hyphenation text test program
d. none of the above
63. What is a search engine?

a. a program that searches engines
b. aweb site that searches anything
c. a hardware component
d. a machinery engine that search data
64. What is the full form of TCP/IP?

a. transmission control protocol / internet protocol
b. telephone call protocol / international protocol
c. transport control protocol / internet protocol
65. HTML document start and end with which tag pairs?
a. <HEAD>….</HEAD>
b. <BODY>….</BODY>
c. <HTML>….</HTML>
d. <WEB>….</WEB>
66. Which tag is used to create body text in HTML?

a. <HEAD>
b. <TEXT>
c. <TITLE>
d. <BODY>
67. "Yahoo", "Infoseek" and "Lycos" are _________?

a. Search Engines
b. Browsers
c.News groups
d. None of the above
68. What does the .com domain represents?

a. Education domain
b. Commercial domain
c. Network
69. In Satellite based communication, VSAT stands for?

a. Very Small Aperture Terminal
b. Varying Size Aperture Terminal
c. Very Small Analog Terminal
70. Outlook Express is a _________

a. E-Mail Client
b. Browser
c. SearchEngine
71. <TITLE> … </TITLE> tag must be within ________

a. Title
b. Form
c. Header
d. Body
72. Text within <EM> … </EM> tag is displayed as ________

a. bold
b. italic
c. list
d. indented
73. Text within <STRONG> … </STRONG> tag is displayed as ________

a. bold
b. italic
c. list
d. indented
74. <UL> … </UL> tag is used to ________

a. display the numbered list
b. underline the text
c. display the bulleted list
d. bold the text
75. Which tag is used to display the numbered list?

a. <OL></OL>
b. <DL></DL>
c. <UL></UL>
d. <LI></LI>
76. Which tag is used to display the large font size?

a. <LARGE></LARGE>
b. <BIG></BIG>
c. < SIZE ></SIZE>
d. <FONT></FONT>
77. <SCRIPT> … </SCRIPT> tag can be placed within ________

a. Header
b. Body
c. both A and B
78. using <P> tag will

a. start a new paragraph
b. break the line
c. end the current paragraph
79. <TD> … </TD> tag is used for ________

a. Table heading
b. Table Records
c. Table row
80. Which is true to change the text color to red?

a. <BODY BGCOLOR=RED>
b. <BODY TEXT=RED>
c. <BODY COLOR=RED>
81. With regards to e-mail addresses:

a. hey must always contain an @ symbol
b. hey can never contain spaces
c. they are case-insensitive
d. all of the above
82. A homepage is __________

a. an index of encyclopedia articles
b. where all Internet data is stored
c. required for access to the Internet
d. the first page of a website
83. Which of the following is used to explore the Internet?
a. Browser
b. Spreadsheet
c. Clipboard
d. Draw
84. What is Internet Explorer?

a. An Icon
b. A File Manager
c. A Browser
d. The Internet
85. What do I need to get onto the Internet?

a. Computer
b. Modem
c. Browser
d. All of the above
86. What is an ISP?

a.nternet System Protocol
b.nternal System Program
c. Internet Service Provider
87. Which of the following is valid IP address?

a. 984.12.787.76
b. 192.168.321.10
c. 1.888.234.3456
d. 192.168.56.115
88. Which is not a domain name extension

a. mil
b. org
c. .int
d. .com
89. What is a FTP program used for?

a. Transfer files to and from an Internet Server
b. Designing a website
c. Connecting to the internet
90. Which of the following are commonly found on web pages?

a.nternet
b. hyperlinks
c. intranet
d. all of the above
91. What is the correct syntax in HTML for creating a link on a webpage?
a. <LINK SRC= " hindustanuniv.html">
b. <BODY LINK = " hindustanuniv.html">
c. <A SRC = " hindustanuniv.html" >
d. < A HREF = " hindustanuniv.html">
92. Which of the following is an attribute of <Table> tag?

a. SRC
b. LINK
c. CELLPADDING
d. BOLD
93. Choose the correct HTML tag to make the text bold?
a. <B>
b. <BOLD>
c. <STRONG>
d. Both A) and C)
94. Which HTML tag would be used to display power in expression (A+B)2 ?
a. <SUP>
b. <SUB>
c. <B>
d. <P>
95. Choose the correct HTML code to create an email link?

a. <A HREF = "admin@ hindustanuniv.ac.in "></A>
b. <A HREF = "mailto:suresh@ hindustanuniv.ac.in ></A>
c. <MAIL>admin@ hindustanuniv.ac.in </MAIL>
d. MAILHREF = "[email protected] ">
96. Choose the correct HTML tag for the largest heading?
a. <H1>
b. <H6>
c. <H10>
d. <HEAD>
97. Output of XML document can be viewed ina

a. Word Processor
b. Web browser
c. Notepad
98. What is the correct way of describing XML data?

a. XML uses a DTD to describe data
b. XML uses a description node to describe data
c. XML uses XSL to describe the data
d. XML uses a validator to describe the data
99. Comments in XML document is given by:

a. <?-- _ _-->
b. <!_ _ _ _!>
c. <!_ _ _ _>
d. </_ _ _ _>
100. Which statement is true?

a. An XML document can have one root element
b. An XML document can have one child element
c. XML elements have to be in lowercase
d. All of the above
Q.No -Correct Answer
1 - c 2 - a 3 - b 4 - a 5 - c 6 - d 7 - c 8 - b 9 - d 10 - a
11 - d 12 - a 13 - b 14 - b 15 - a 16 - a 17 - b 18 - b 19 - a 20 - d
21 - c 22 - a 23 - c 24 - d 25 - b 26 - d 27 - c 28 - c 29 - c 30 - d
31 - a 32 - b 33 - d 34 - c 35 - a 36 - b 37 - c 38 - c 39 - b 40 - c
41 - c 42 - a 43 - b 44 - a 45 - c 46 - d 47 - c 48 - b 49 - d 50 - a
51 - d 52 - a 53 - b 54 - b 55 - a 56 - a 57 - b 58 - b 59 - a 60 - d
61 - a 62 - a 63 - b 64 - a 65 - c 66 - d 67 - a 68 - b 69 - a 70 - a
71 - c 72 - b 73 - a 74 - c 75 - a 76 - b 77 - c 78 - a 79 - b 80 - b
81 - d 82 - d 83 - a 84 - c 85 - d 86 - c 87 - d 88 - c 89 - a 90 - b
91 - d 92 - c 93 - d 94 - a 95 - b 96 - a 97 - b 98 - c 99 - c 100 - a
101. How to define the link should open in new page in HTML?
a. <a href = "https://hindustanuniv.ac.in/" target = "blank">Click Here</a>
b. <a href = "https:// hindustanuniv.ac.in /" target = "_blank"> Click Here </a>
c. <a href = "https:// hindustanuniv.ac.in /" target = "#blank"> Click Here </a>
d. <a href = "https:// hindustanuniv.ac.in /" target = "@blank"> Click Here </a>
102. In HTML, Uniform Resource Identifier (URI) is used to

a. To create a frame document .
b. To create a image map in the webpage.
c. To customize the image in the webpage.
d. To identify a name or a resource on the internet.
103. CSS is an acronym for

a. Cascading Style Sheet
b. Costume Style Sheet
c. Cascading System Style
d. None of the Above
104. Which of the following protocol is not used in the Internet

a. Telnet
b. WIRL
c. HTTP
d. Gopher
105. Who invented World Wide Web (WWW)?
a. Blaise Pascal
b. Charles Babbage
c. Herman Hollerith
d. Tim Berners-Lee
106. What is the use of Web Font in HTML ?

a. that is the core font that is use to develop Web Pages.
b. that enables to use fonts over the Web without installation.
c. that is the special font that developed by Microsoft Corp.
d. All of the Above.
107. What is <tt> tag in HTML?

a. It renders fonts as teletype text font style.
b. It renders fonts as truetype text font style.
c. It renders fonts as truncate text font style.
d. None of the Above.
108. What is the use of Forms in HTML?

a. to display contents of email.
b. to display animation effect.
c. to collect user’s input.
d. None of the Above.
109. What is the use of iframe in HTML?

a. to display a web page within a web page.
b. to display a web page with animation effect.
c. to display a web page without browser.
d. All of the Above.
110. FTP is an acronym for

a. File Transaction Protocol
b. File Transmission Protocol
c. File Translation Protocol
d. File Transfer Protocol
111. Which HTML Tag will use to scroll a text in web page?
a. <marquee> … </marquee>
b. <scroll> … </scroll>
c. <round> … </round>
d. <go> … </go>
112. Which organization defines the Web Standards?

a. Microsoft Corporation
b. IBM Corporation
c. World Wide Web Consortium
d. Apple Inc.
113. How to set a picture as a background web page?

a. <body background= “bgimage.gif”>
b. <body background image= “bgimage.gif”>
c. <background= “bgimage.gif”>
d. <background image= “bgimage.gif”>
114. Which of following HTML Tag will inserting a line break?

a. <p />
b. <lb />
c. <br />
d. <break />
115. Which of the following tags are related to Table in HTML ?

a. <table> <row> <column>
b. <table> <tr> <td>
c. <table> <head> <body>
d. <table> <header> <footer>
116. Which of the following is correct HTML for inserting an image?

a. <image source= “hindustanuniv.ac.in /admin.jpg” alt= “This is me” />
b. <img src= “hindustanuniv.ac.in /admin.jpg” alt= “This is me” />
c. <img source= “hindustanuniv.ac.in /admin.jpg” alt= “This is me” />
d. <img alt= “This is me”> hindustanuniv.ac.in /admin.jpg
117. Choose the correct HTML tag to left-align the content of a cell.
a. <tdleft>
b. <td leftalign>
c. valign= “left”>
d. <td align= “left”>
118. Which tag is used to lists the items with bullets?

a. <bullet>…</bullet>
b. <list>…</list>
c. <ul>…
d. <ol>…</ol>
119. Is it possible to insert a table within another table?

a. Yes, but there must be exactly 2 rows and 2 columns in first table.
b. Yes, table can be inserted into cell of another table.
c. Yes, but there must be no border in second table.
d. No, it’s not possible.
120. What is the usage of alt value in <img> tag?

a. Alternative text for an Image
b. Alternative source of an Image
c. Caption of an Image
d. All of above
121. Which of the following is the correct regarding meta tag in HTML?
a. <meta> … </meta>
b. <meta name = " " />
c. <metadata> … </metadata>
d. <metadata name = " " />
122. Which of the following is correct to set "Black" color as Background of page?
a. bgcolor = "#000000">
b. <body background = "#000000">
c. <body Background color = "#000000">
d. All of Above
123. Which of the following is correct to align H1 tag to Right Alignment

a. <h1 align = "right"> …
b. <h1 alignment = "right"> …
c. <h1 tag align = "right"> … </h1>
d. H1 cannot make Right Alignment
124. Which of the following is correct to change font face in Web Page
a. <font = "font name"> …
b. <font name = "font name"> … </font>
c. <font face = "font name"> … </font>
d. Font Face cannot change
125. Which of the following is incorrect regarding Logical styles?

a. Code looks like teletype
b. Sample looks like teletype
c. Keyboard looks like teletype
d. Variable looks like teletype
126. Which of the following is correct character entities for "Copyright" symbol?
a.
b.
c. ©
d. ³
127. Which tag is used to display Preformatted texts?

a. <pre> … </ pre>
b. <prefor> … </ prefor>
c. <pre text> … </ pre text>
d. <pre format> … </ pre format>
128. Which is the correct to create an Arabic numeral list

a. <ul type="1">
b. <ol type="1">
c. <il type="1">
d. <li type="1">
129. How to add alternative text for an Image?

a. <img src = "https:// hindustanuniv.ac.in /brand.png" alternate = "Brand of website" />
b. <img src = "https:// hindustanuniv.ac.in /brand.png" alt text = "Brand of website" />
c. src = "https:// hindustanuniv.ac.in /brand.png" alternate text = "Brand of website" />
d. src = "https:// hindustanuniv.ac.in /brand.png" alt = "Brand of website" />
130. How to embedded Audio Files in HTML?

a. src = "mysong.mid" width = "100" height = "15">
b. <embed sound = "mysong.mid" width = "100" height = "15">
c. <embed audio = "mysong.mid" width = "100" height = "15">
d. <embed music = "mysong.mid" width = "100" height = "15">
131. Which of the following is used to create web pages?

a. HTML
b. C
c. JVM
d. DTD
132. HTML is considered as ___ language

a. Programming Langauge
b. OOP Language
c. High Level Language
d. Markup Language
133. HTML language is a set of markup ___

a. Attributes
b. Tags
c. Sets
d. Groups
134. HTML tags are used to describe document ____
a. Definition
b. Language
c. Content
d. None of these
135. HTML document can contain

a. Attributes
b. Tags
c. Plain text
d. All of these
136. Page designed in HTML is called a

a. Yellow Page
b. Web Page
c. Server Page
d. Front Page
137. We can write HTML code using ____. Select appropriate option(s).
a. VLC Media
b. Notepad++
c. Microsoft PowerPoint
d. None of these
138. HTML document is saved using ____ extension.

a. .htl
b. .html
c. .hml
d. .htnl
139. The software that can read and render HTML documents is
a. Server
b. Compiler
c. Interpreter
d. Browser
140. PCs running Windows 3.x will have ____extension for html pages
a. .htl
b. .html
c. .htm
d. .hml
141. Which of the following is not an example of browser?

a. Netscape Navigator
b. Microsoft Bing
c. Mozilla Firefox
d. Opera
142. Who is the primary author of HTML?

a. Brendan Eich
b. Tim Berners-Lee
c. Web Programmer
d. Google Inc
143. HTML was first proposed in year ___.

a. 1980
b. 1990
c. 1995
d. 2000
144. HTML tags are surrounded by ___ brackets

a. Angle
b. Square
c. Round
d. Curly
145. Opening tag of HTML is called

a. Ending tag
b. Starting tag
c. Closed tag
d. Pair tags
146. HTML document contain one root tag called ____

a. HEAD
b. Title
c. Body
d. HTML
147. Basic fundamental block is called as ___

a. HTML tag
b. HTML body
c. HTML Attribute
d. HTML Element
148. Pick the odd out

a. Table
b. TR
c. TD
d. Form
149. The first page of a website is called

a. Design
b. Home page
c. First page
d. Main page
150. The version of HTML is

a. HTML0
b. HTML1
c. HTML2
d. All of these
151. Head tag is used for?

a. Writing style
b. Writing Java Script
c. Including CSS, JS Files
d. All of these
152. How many heading tags are supported by HTML?

a. 3
b. 4
c. 5
d. 6
153. Which is the largest heading tag?

a. H1
b. H3
c. H4
d. H6
154. Which of the following are attributes of Font tag?
a. Face
b. Size
c. Color
d. All of above
155. ......................... connects web pages.

a. Connector
b. Link
c. Hyperlink
156. Internet is ...............................

a. a network of networks
b. an ocean of resources waiting to be mined
c. a cooperative anarchy
d. all of the above
157. .................. is suitable for remote administration of a computer.

a. FTP
b. Shell
c. Remote Procedure Call
d. Telnet
158. Title tag is nested within the ....................... tag.

a. Body
b. Head
c. List
d. Table
159. .................... is a web's native protocol.

a. SLIP
b. TCP/IP
c. HTTP
d. PPP
160. The Internet uses the ........................ as the protocol engine.

a. SLIP
b. HTTP
c. TCP/IP
d. PPP
161. A ............................. is a symbolic name a network administrator assigns to a machine.

a. URL
b. DNS
c. IP address
d. Host name
162. Which of the following protocol is used for e-mail services.

a. SMAP
b. SMTP
c. SMIP
d. SMOP
163. ...................... is the incoming e-mail server.

a. POP
b. SMTP
c. SMIP
d. PPP
164. ....................... is a uniform naming scheme for locating resources on the web.
a. URI
b. HTTP
c. WEBNAME
d. RESOURCENAME
165. The attribute .................. of <BODY> tag sets color of hypertext links.
a. link
b. vlink
c. alink
d. hlink
166. Default font size of HTML is .......................

a. 2
b. 4
c. 6
d. 3
167. This is a networking device that passes data between networks having similar functions but
dissimilar implementations.
a. Hub
b. Modem
c. Gateway
d. Repeater
168. In order to connect to ISP's server you need .......

a. Hand gloves
b. Printer
c. User name and Password
169. DNS translates .........

a. domain name into IP
b. IP into domain name
c. both a & b
d. domain name into physical address
Q. You can use mcqSets.com for

a. Online quiz
d. Subjective Questions & answers
170. In order to upload a HTML file to a web server, you use
a. HTTP
b. SMTP
c. SIP
d. FTP
171. IEEE stands for ........

a. Institute of estimated elevator efficiency
b. Institute of electrical and economical engineers
c. Institute of Eurasia engineering event
d. Institute of electrical and electronics engineers
172. The regional networks are connected to the corporate networks, this is also called as ........
a. Backbone
b. LAN COM
c. WAN COM
d. Intranet
173. Once the email is sent, the message is broken into pieces called ..................
a. Packets
b. Process
c. Digits
d. Bytes
174. ................... is known as father of World Wide Web.

a. Robert Cailliau
b. Tim Thompson
c. Charles Darwin
d. Tim Berners-Lee
175. ................ are the physical meeting points of backbones.

a. Gateways
b. Pathways
c. Routers
d. Domains
176. WSFTP is an example of ........................... program.

a. FTP
b. Telnet
c. Web browser
d. Mail
177. Which of the following is best suitable for remote administration of a computer?
a. Telnet
b. WAIS
c. Browsers
d. HTML
178. The leading bit pattern of class B network is ..................

a. 0
b. 10
c. 110
d. 11
179. The ...................... attribute adds space within each cell.

a. CELL SPACING
b. CELL PADDING
c. WIDTH
d. ALIGN
180. Which of the following are two popular protocols that allow home computer users to
connect their computers to the internet as per hosts? i) SLIP ii) PPPiii) HTTP iv) SMTP
a. iii and iv
b. ii and iii
c. i and ii
d. ii and iii
181. A computer that translates ........................ of another computer into an ............... and vice
versa, upon request is known as DNS server.
a. Domain name and IP address
b. Host address and Domain name
c. Domain name and server address
d. Server name and IP address
182. Identify the uses of URI in HTML.: i) Link to another document or resource ii) Link to
external style sheet or script iii) Create an image map
a. i and ii
b. i and iii
c. ii and iii
d. i , ii and iii
183. An ordered list is a ...................... list and an unordered list is a ................. list.
a. bulleted & numbered
b. bulleted & tabular
c. tabular & numbered
d. numbered & bulleted
184. Linking to another place in the same or another web page requires two A (Anchor) tags, the
first with the .................. attribute and the second the ...................attribute.
a. NAME & LINK
b. LINK & HREF
c. HREF & NAME
d. TARGET & VALUE
185. What type of information should you avoid including on your Web site?
a. Links to sites of interest
b. Private personal information
c. Work and academic experience
d. Graphical
186. Which of the following web elements should you know about before building your web
site?
a. The web audience
b. The operating environment of your ISP
c. The operating system of your visitor
d. Each consideration should determine your web design choices
187. What is the language of the Web?

a. Basic
b. C++
c. MS Visual Basic
d. HTML
188. What does an HTML tag do?

a. It specifies formatting and layout instructions for your web page.
b. It hides programming instructions from view.
c. It determines the organizational structure of your Web site.
d. It connects your web site to an operating environment.
189. A Web document is broken into sections. What are the tags called that create these sections?
a. Structure tags
b. HTML tags
c. Heading tags
d. Body tags
190. What should be the first and last pair of tags in your Web document?
a. <html></html> and <body></body>
b. <start><end> and <body></body>
c. <head><body> and <title></title>
d. <title></title> and <body<>/body>
191. When you use a heading tag in a document, what does the Web browser assumes?
a. Heading information is to appear in bold letters
b. Heading information is to appear on its own line
c. Heading information has a hyperlink
d. Heading information is shown as a size six
192. For every Web document, you can add words that appear in the upper left bar area of your
browser. What set of tags allows you to provide this information?
a. <head></head>
b. <head><head>
c. <label><label>
d. <title></title>
193. If you wanted to create text that was a different color or font than other text in your Web
page, what type of tag would you use?
a. Layout
b. Basic formatting
c. Design
d. Outline
194. When creating a Web document, what format is used to express an image's height and
width?
a. Centimeters
b. Pixels
c. Dots per inch
d. Inches
101 - b 102 - d 103 - a 104 - b 105 - d 106 - b 107 - a 108 - c 109 - a 110 - d
111 - a 112 - c 113 - a 114 - c 115 - b 116 - b 117 - d 118 - c 119 - b 120 - a
121 - b 122 - a 123 - a 124 - c 125 - d 126 - c 127 - a 128 - b 129 - d 130 - a
131 - a 132 - d 133 - b 134 - c 135 - d 136 - b 137 - a 138 - b 139 - d 140 - c
141 - b 142 - b 143 - b 144 - a 145 - b 146 - d 147 - a 148 - d 149 - b 150 - d
151 - d 152 - d 153 - a 154 - d 155 - c 156 - d 157 - d 158 - b 159 - c 160 - c
161 - d 162 - b 163 - a 164 - a 165 - a 166 - d 167 - c 168 - c 169 - c 170 - d
171 - d 172 - a 173 - a 174 - d 175 - a 176 - a 177 - a 178 - b 179 - b 180 - c
181 - a 182 - d 183 - d 184 - c 185 - b 186 - a 187 - d 188 - a 189 - a 190 - a
191 - b 192 - d 193 - b 194 - b
Nominal Roll
Sl. No Reg No Name of the Student Department
B.Tech IT Cyber
19134004 RITHIGA R
1 Security
B.Tech IT Cyber
19134009 RISHIVARTHAN L
2 Security
B.Tech IT Cyber
19134011 AFRA BANAN
3 Security
B.Tech IT Cyber
19134013 ROHIT CLETUS N
4 Security
B.Tech IT Cyber
19134028 RAM PRASAD P
5 Security
B.Tech IT Cyber
19134035 J.CHARULATHA
6 Security
7 19117002 MILINDAS.K EEE
8 19117004 GOWTHAM K EEE
9 19117008 MANENI JESWANTH EEE
10 19117010 ABUBAKR BADRELDIN MOHAMED HASSAN EEE
11 19132005 P PRAMANAYAGAM IT
12 19132022 BAGHELE NISHANT RUKIRAM IT
13 19132025 A.SUDHARSAN IT
14 19132026 G. ARUN KUMAR IT
15 19132027 MUSKU RUPESH REDDY IT
16 19132028 GOPIDI RAKESH REDDY IT
17 19130008 MANISH D Mechatronics
18 19130017 MUHAMMAD R Mechatronics
19 19130025 GOTTIPATI YAGNA DATTA Mechatronics
20 19130028 BATTIPATI KOWSHIK Mechatronics
21 19130030 SATHVIK KOTI Mechatronics
22 19130034 Vishwa .C Mechatronics
23 19101060 GURUMURTHI S Aeronautical A
24 19101126 KAPU PRASHANTH REDDY Aeronautical C
25 19103004 ROHITH. P Aerospace A
26 19103052 MACHABHAKTUNI SRIHARSHA Aerospace A
27 19103077 NAGA PALLAVI BOYINA Aerospace B
28 19103099 VATHADI NESHEER SAI KRISHNA Aerospace B
29 19121003 SINGAMCHETTY MAHESH BABU ECE A
30 19121011 NITHILAN T S ECE A
31 19121013 E. GILES SHARON ECE A
32 19121015 RONGALA SIVA KRISHNA ECE A
33 19121024 ELISETTY SRIRAM ECE A
34 19121028 MANOJ KUMAR REDDY .N ECE A
35 19121029 BHARAT KUMAR S ECE A
36 19121032 M CHETANREDDY ECE A
37 19121044 PARIMI BALA MURALI KRISHNA ECE A
38 19121056 PALA BHAVITH ECE A
39 19121062 UPPULA MOHAN SRINIVAS ECE B
40 19121081 POPURI SAI REVANTH CHOWDARY ECE B
41 19121082 KADARI DEEPTHI BHUVANA CHANDRA ECE B
42 19121085 SAMADHI SURENDRA ECE B
43 19121090 POLA SAI DINESH ECE B
44 19127025 SHAIK KHAMRUDDIN Mechanical
45 19127036 SARAVANAN K Mechanical
SIGNATURE OF THE INSTRUCTOR SIGNATURE OF THE HOD

COURSE MATERIAL
Module -1
Module -2
Module-3
Module – 4
Assignment – I
Total Mark: 50
Create a website with minimum 5 pages about your home town or your state
Page1: Index.html - Give the introduction about the place.
Page2: Give the history of the place, leaders from your place
Page3: Important places to be seen in your home town, temples, monuments, other interesting
things.
Page4: Schools, colleges, business or other activities in your home town
Page5: Famous food and hotels, restaurants, your favorite hangout place etc.
Requirement – you should use minimum 5 HTML pages and 1 CSS file.
Grading:
1. 10 Marks per page.

2. CSS is mandatory.
3. Use many pictures and colors.
Submission:
Date of Submission: 17.08.2020
After completing the website, kindly zip file and submit in the link given below:
https://forms.gle/pbWxxjaA8naVjKnY6
Sample Assignment submission:

Reg.No. 19134013 Name: ROHIT CLETUS N
Assignment – II
1. Write a simple JavaScript function to print User Entry in Reverse order.
2. Create a Simple Login Page using JavaScript with Registration form for new user.
3. With the help of HTML, CSS and JavaScript make a simple Quiz application.
4. Write a Simple JavaScript program to generate a random number and identify whether
its Odd number or Even Number.
5. Write a JavaScript program to perform the following task according to the User’s Choice
using drop down menu.
a) Area of Circle
b) Area of Rectangle
c) Area of Triangle
Sample Answer Script
Reg.No: 19103077
Name: NAGA PALLAVI BOYINA
1. Write a simple JavaScript function to print User Entry in Reverse order.
<!DOCTYPE html>
<html>
<head>
<title>Reverse a number</title>
</head>
<body>
</body>
</html>
function reverse_a_number(n)
{
n = n + "";
return n.split("").reverse().join("");
}
console.log(reverse_a_number(3243));
2. Create a Simple Login Page using JavaScript with Registration form for new user.
<p class="welcome-message">
Welcome Someone.
<a href="javascript://">Log out</a>
</p>
<form>
<h2>Sign Up</h2>
<input placeholder="email" />
<input type="password"
placeholder="password" />
<button>Sign Up</button>
<aside>
Have an account?
<a href="javascript://">Log in</a>
</aside>
</form>
class SignupLogin extends StacheElement {
static view = `
<p class="welcome-message">
Welcome Someone.
<a href="javascript://">Log out</a>
</p>
<form>
<h2>Sign Up</h2>
<input placeholder="email" />
<input type="password"
placeholder="password" />
<button>Sign Up</button>
<aside>
Have an account?
<a href="javascript://">Log in</a>
</aside>
</form>
`;
}
customElements.define("signup-login", SignupLogin);
3. With the help of HTML, CSS and JavaScript make a simple Quiz application.
<div id="quiz"></div>
<button id="submit">Get Results</button>
<div id="results"></div>
function generateQuiz(questions, quizContainer, resultsContainer, submitButton){
function showQuestions(questions, quizContainer){

// code will go here
}
function showResults(questions, quizContainer, resultsContainer){

// code will go here
}
// show the questions

showQuestions(questions, quizContainer);
// when user clicks submit, show results

submitButton.onclick = function(){
showResults(questions, quizContainer, resultsContainer);
}
}
var myQuestions = [
{
question: "Which clg do u study in?",
answers: {
a: 'SRM',
b: 'HITS',
c: 'IIT'
},
correctAnswer: 'b'
},
{
question: "What is 30/3?",
answers: {
a: '3',
b: '5',
c: '10'
},
correctAnswer: 'c'
}
];
4. Write a Simple JavaScript program to generate a random number and identify whether
its Odd number or Even Number.
<html>
<head>
<title>JavaScript to print Even Numbers within a Range!</title>
<script>
function printEvenNums(){
//get the start and end range from user
var start = document.getElementById("start").value;
var end = document.getElementById("end").value;
var evenNums = "<br>Even Numbers:<br>";
const number = prompt("Enter a number: ");
//check if the number is even

if(number % 2 == 0) {
console.log("The number is even.");
}
// if the number is odd

else {
console.log("The number is odd.");
}
}
//print the values
document.getElementById("result").innerHTML = evenNums;
}
</script>
</head>
<body>
<h3>JavaScript to print Even Numbers within a Range!</h3>
Start: <input type="number" min="0" id="start" value="1" />
End: <input type="number" id="end" min="1" value="20" />
<input type="button" onclick="printEvenNums()" value="Print Even Numbers" />
<div id="result"></div>
</body>
</html>
5.Write a JavaScript program to perform the following task according to the User’s Choice
using drop down menu.
a) Area of Circle
b) Area of Rectangle
c) Area of Triangle
<html>
<head>
<meta charset="utf-8">
<title>Area and Perimeter of a circle</title>
</head>
<body>
</body>
</html>
function circle(radius)
{
this.radius = radius;
// area method
this.area = function ()
{
return Math.PI * this.radius * this.radius;
};
// perimeter method
this.perimeter = function ()
{
return 2*Math.PI*this.radius;
};
}
var c = new circle(3);
console.log('Area =', c.area().toFixed(2));
console.log('perimeter =', c.perimeter().toFixed(2));
<script>
function myFunction() {
var length = prompt("Enter a whole number for the length of your rectangle.");
var width = prompt ("Enter a whole number for the width of your rectangle.");
var depth= prompt ("Enter a whole number for the depth of your rectangle prism");
var perimeter = (2 * length ) + (2 * width );

var area= length * width ;
var volume= length * width * depth;
document.getElementById("a").innerHTML =
"Area of rectangle:" + area;
document.getElementById("p").innerHTML =
"perimeter of rectangle:" + perimeter ;
document.getElementById("v").innerHTML =
"volume of rectangle prism:" + volume;
var side1 = 5;
var side2 = 6;
var side3 = 7;
var perimeter = (side1 + side2 + side3)/2;
var area = Math.sqrt(perimeter*((perimeter-side1)*(perimeter-side2)*(perimeter-
side3)));
console.log(area);
Assignment Assignment
Sl.No Reg.No Name of the student 1 II
1 19101060 GURUMURTHI S 4 4
2 19101126 KAPU PRASHANTH REDDY reddy 4 4
3 19103004 ROHITH. P 18 4
4 19103052 MACHABHAKTUNI SRIHARSHA 16 4
5 19103077 NAGA PALLAVI BOYINA 12 10
6 19103099 VATHADI NESHEER SAI KRISHNA 18 10
7 19117002 MILINDAS.K 4 4
8 19117004 GOWTHAM K 14 4
9 19117008 MANENI JESWANTH 4 4
ABUBAKR BADRELDIN MOHAMED
10 19117010 HASSAN 4 4
11 19121003 SINGAMCHETTY MAHESH BABU 18 10
12 19121011 NITHILAN T S 18 10
13 19121013 E. GILES SHARON 4 4
14 19121015 RONGALA SIVA KRISHNA 18 4
15 19121024 ELISETTY SRIRAM 14 10
16 19121028 MANOJ KUMAR REDDY .N 18 4
17 19121029 BHARAT KUMAR S 14 4
18 19121032 M CHETANREDDY 14 4
19 19121044 PARIMI BALA MURALI KRISHNA 4 4
20 19121056 PALA BHAVITH 16 10
21 19121062 UPPULA MOHAN SRINIVAS 8 4
22 19121081 POPURI SAI REVANTH CHOWDARY 12 4
23 19121082 KADARI DEEPTHI BHUVANA CHANDRA 14 10
24 19121085 SAMADHI SURENDRA 18 4
25 19121090 POLA SAI DINESH 12 4
26 19127025 SHAIK KHAMRUDDIN 12 4
27 19127036 Saravanan .K 4 4
28 19130008 MANISH D 16 4
29 19130017 MUHAMMAD R 16 10
30 19130025 GOTTIPATI YAGNA DATTA 16 4
31 19130028 BATTIPATI KOWSHIK 4 4
32 19130030 SATHVIK KOTI 4 4
33 19130034 Vishwa .C 4 4
Assignment Assignment
Sl.No Reg.No Name of the student 1 II
34 19132005 P PRAMANAYAGAM 16 10
35 19132022 BAGHELE NISHANT RUKIRAM 14 10
36 19132025 A.SUDHARSAN 4 4
37 19132026 G. ARUN KUMAR 18 10
38 19132027 MUSKU RUPESH REDDY 0 4
39 19132028 GOPIDI RAKESH REDDY 12 4
40 19134004 RITHIGA R 18 4
41 19134009 RISHIVARTHAN L 4 4
42 19134011 AFRA BANAN 12 10
43 19134013 ROHIT CLETUS N 18 10
44 19134028 RAM PRASAD P 18 10
45 19134035 J.CHARULATHA 18 10
INTERNAL EXAMINATION QUESTION PAPER
CSD4283 WEB DESIGNING AND DEVELOPMENT
ACADEMIC YEAR: 2020-2021 (ODD SEM) DEPARTMENT: CSE

PROGRAMME: B. Tech SEMESTER: III
COURSE CATEGORY: NE DURATION: 50 MINS
HINDUSTAN INSTITUTE OF TECHNOLOGY AND SCIENCE
Sub. Code: CSD4283 WEB DESIGN AND DEVELOPMENT
I PERIODICAL EXAMINATION
DEPT COMPUTER SCIENCE AND ENGINEERING SEM III
SECTION DATE 16/09/2020
MAX
DURATION 50 Mins MARKS 30
QUESTIONS
QUESTION PART-A (10 X 1 MARKS = 10 MARKS)-MCQ

CO BTL Marks
NO.
If we don't want to allow a floating div to the left side of an

element, which CSS property will we use?
margin
1 1 1 1
clear
float
padding
If we want to wrap a block of text around an image, which
CSS property will we use?
wrap
2 1 1 1
push
float
align
If we want to use a nice looking green dotted border
around an image, which CSS property will we use?
border-color
3 1 1 1
border-decoration
border-style
border-line
Which element is used in the <HEAD> section on an HTML,
if we want to use an external style sheet file to decorate the
page?
4 <src> 1 1 1
<link>
<style>
<css>
A tag to bold the text in HTML is
<fat>
5 1 1 1
<strong>
<black>
<emp>
How can you make a bulleted list with numbers?
<dl>
6. <ol> 1 2 1
<list>
<ul>
HTML web pages can be read and rendered by _________.
Compiler
7. Server 1 2 1
Web Browser
Interpreter
Which HTML tag produces the biggest heading?
<h7>
8. <h9> 1 2 1
<h4>
<h1>
PHP is an example of ___________ scripting language.
Server-side
9. Client-side 4 2 1
Browser-side
In-side
Which of the following function returns a text in title case
from a variable?
ucwords($var)
10. 4 2 1
upper($var)
toupper($var)
ucword($var)
PART B (2 X 10 MARKS = 20 MARKS) -Assignment Type -No

QUESTION choice CO BTL Marks
NO.
Using HTML and CSS Create one-page ecommerce website.

The site will have products with prices. When the user
11. brings the mouse over the product, the product image will 1 3 10
be zoomed out. The page should have header, menu bar,
product information and enquiry form in a single page.
Using HTML and PHP Create a simple calculator
12. performing various operations like Addition, subtraction, 4 3 10
multiplication and division. Embed CSS to style the sheet.
HINDUSTAN INSTITUTE OF TECHNOLOGY AND SCIENCE
Sub. Code: CSD4283 WEB DESIGN AND DEVELOPMENT
II PERIODICAL EXAMINATION
DEPT COMPUTER SCIENCE AND ENGINEERING SEM III
SECTION DATE 14/10/2020
MAX
DURATION 50 Mins MARKS 30
QUESTIONS
QUESTION PART-A (10 X 1 MARKS = 10 MARKS)-MCQ

CO BTL Marks
NO.
The function is declared in PHP
function functionName(parameters) {function body}

1 2 1 1
function {function body}
functionName(parameters) {function body}
data type functionName(parameters) {function body}
Name the function type for the given program
<?php
1. function profit($interest, $tax)
2. {
3. $total = $price + $tax;
4. }
5. $interest = 15;
6. $tax = 3;
2 2 1 1
7. profit($interest, $tax);
?>
Function with no argument and no return value

Function with no argument but return value
Function with argument but no return value
Function with argument and return value
In PHP method to retrieve error in MySQL connection?
errno()
3 errnumber() 2 1 1
errorno()
errornumber()
In PHP what is the function to sort the array in descending
4 2 1 1
order:
a) sort()
b) asort()
c) rsort()
d) dsort()
Select the most commonly used database with PHP?
a) Oracle Database
5 2 1 1
b) SQL
c) SQL+
d) MySQL
Find the answer for the program below?
<?php
function calc($price, $tax="")
{
$total = $price + ($price * $tax);
echo "$total";
6. 2 2 1
}
calc(42);
?>
84
42
21
0
PHP web pages can be read and rendered by _________.
Compiler
7. Server 2 2 1
Web Browser
Interpreter
Choose the right output
<?php
$dept = array ("cse", "ece", "it", "mech", "aero");
$subset = array_splice ($dept, 2);
print_r ($dept);
?>
8. 2 2 1
Array ( [0] => cse [1] => ece )
Array ( [0] => it [1] => mech [2] => aero )
Syntax Error
Array ( [0] => cse [1] => ece [1] => it )
JavaScript is an example of ___________ scripting language.

Server-side
9. Client-side 3 2 1
Browser-side
In-side
In JavaScript the following function returns a text in lower
case from a variable is
toLowerCase()
10. 3 2 1
toupper($var)
var.lower()
convertToLower(var)
PART B (2 X 10 MARKS = 20 MARKS) -Assignment Type -No

QUESTION choice CO BTL Marks
NO.
Using HTML, CSS and JavaScript Create one-page

Symposium website. The page should have information
11. 2 3 10
about the symposium and a registration form with input
validation with JavaScript.
Using HTML, PHP and MySQL create a simple student
management system application where an Administrator
12. 3 3 10
should have the privilege to Add or Remove Students,
students and parents can view the student details.
UNIVERSITY EXAMINATION Nov – Dec 2020
CSD4283 Web Design & Development
PART – A (20 x 1 = 20)
Q. Question CO BTL
No
1. The tag is used to mark a beginning of paragraph.
<TD>
<br> 1 1
<P>
<TR>
2. Correct HTML tag for the largest heading is
<h1>
<h2> 1 1
<h3>
<h4>
3. Main container for <TR>, <TD> and <TH> is
<TABLE>
<GROUP> 1 2
<DATA>
<FORMS>
4. If we want to use a green dotted border around an image, which css
property will we use?
border-color 1 1
border-decoration
border-style
border-line
5. Which element is used in the <HEAD> section on an HTML /
XHTMLpage, if we want to use an external style sheet file to decorate the
page ?
<src> 1 1
<link>
<style>
<css>
6. When we write <img src="img.png">, what "img.png" inside double quote
implies?
element
2 1
attribute
value
operator
7. Which of the following is correct about features of JavaScript?
3 1
It cannot Handling dates and time.
JavaScript is an object-based scripting language.
JavaScript is not interpreter-based scripting language.
All of the above
8. Which of the following function returns a text in title case from a variable?
ucwords($var)
upper($var) 3 2
toupper($var)
ucword($var)
9. Name the function type for the given program
<?php
1. function profit($interest, $tax)
2. {
3. $total = $price + $tax;
4. }
5. $interest = 15;
6. $tax = 3; 4 1
7. profit($interest, $tax);
?>
Function with no argument and no return value

Function with no argument but return value
Function with argument but no return value
Function with argument and return value
10. In PHP what is the function to sort the array in descending order:
sort()
asort() 4 1
rsort()
dsort()
11. Which of the following is the correct syntax of php?
<?php >
<php > 4 2
?php ?
<?php ?>
12. How do you display a border like this:
The top border = 10 pixels
The bottom border = 5 pixels
The left border = 20 pixels
The right border = 1pixel?
4 2
border-width:10px 20px 5px 1px
13. Which of the following property specifies the right padding of an element?
padding-bottom
padding-top 4 2
padding-left
padding-right
14. What will be the output of the following code?
4 2
<?php
$foo = 'Bob';
$bar = &$foo;
$bar = "My name is $bar";
echo $bar;
echo $foo;
?>
Error
My name is BobBob
My name is BobMy name is Bob
My name is Bob Bob
15. In JavaScript the following function returns a text in lower case from a
variable is
toLowerCase()
5 2
toupper($var)
var.lower()
convertToLower(var)
16. If class implementing the interface does not use exact same method
signatures as are defined in the interface. Will show
No Error
5 2
Fatal Error
Warning Error
Notice Error
17. What function creates a cookie?
create_cookie()
set_cookie() 5 2
setcookie()
None of the above
18. Which one of the following lines need to be uncommented or added in the
php.ini file so as to enable mysqli extension?
extension=php_mysqli.dll
5 2
extension=mysql.dll
extension=php_mysqli.dl
extension=mysqli.dl
19. Which one of the following statements is used to create a table?
CREATE TABLE table_name (column_name column_type);
CREATE table_name (column_type column_name); 5 2
CREATE table_name (column_name column_type);
CREATE TABLE table_name (column_type column_name);
20. Which storage engine enables to access tables from a MySQL server
managed by another server?
a) InnoDB
5 2
b) EXAMPLE
c) MyISAM
d) FEDERATED
PART – B (20 x 2 =40)
21. How can you open a link in a new browser window? 1 2
< a href = "url" target = "new">
<a href = "url" target= "_blank">
<a href = "url".new>
<a href = "url" target ="open">
22. The ____ property specifies the background color of an element. 1 2
background color
border
color
display
23. When a user views a page containing a JavaScript program, which machine 1 3
actually executes the script?
The User's machine running a Web browser
The Web server
A central machine deep within Netscape's corporate offices
None of the above
24. What will be the output of the following PHP code ? 4 3
<?php $i = 0;
while (++$i && --$i)
{
print $i;
}
?>
1234567891011121314….infinitely
01234567891011121314…infinitely
no output
error
25. Which of the following is the correct syntax to display "Hindustan" in an 2 3
alert box using JavaScript?
alert-box("Hindustan");
confirm("Hindustan");
msgbox("Hindustan");
alert("Hindustan");
26. Which of the following is a correct way to declare constant variable? 2 3
const $CONSTANT = 'constant value';
const CONSTANT = 'constant value';
const CONSTANT = $a * $b;
All of the above
27. Which statement will output $hits on the screen? 4 2
echo "$hits";
echo "$$hits";
echo "/$hits";
echo "$hits;";
28. Which of the conditional statements is/are supported by PHP? 4 3
i) if statements
ii) if-else statements
iii) if-elseif statements
iv) switch statements
Only i)
i), ii) and iv)
ii), iii) and iv)
i), ii), iii) and iv)
29. What will be the output of the following Javascript code? 2 3
var string1 = "Hindustan";
var intvalue = 30;
alert( string1 + intvalue );
Hindustan 30
30
Hindustan30
Exception
30. What is the correct syntax for referring to an external script called 3 2
"HITS.js"?
<script src="HITS.js">
<script source="HITS.js">
<script ref="HITS.js">
<script type="HITS.js">
<?php
$i = 5;
while (--$i > 0)
{
$i++;
print $i;
print hello;
}
?>
4hello4hello4hello4hello4hello…..infinite
5hello5hello5hello5hello5hello…..infinite
no output
error
<?php
define(GREETING, PHP is a scripting language);
echo $GREETING;
?>
$GREETING
no output
PHP is a scripting language
GREETING
33. What will be the output of the following PHP code? 4 2
<?php
$x = 8;
$y = 8.0;
echo ($x === $y);
?>
8 === 8
No Output
1
0
34. Choose the right output 4 2
<?php
$dept = array ("cse", "ece", "it", "mech", "aero");
$subset = array_splice ($dept, 2);
print_r ($dept);
?>
Array ( [0] => cse [1] => ece )

Array ( [0] => it [1] => mech [2] => aero )
Syntax Error
Array ( [0] => cse [1] => ece [1] => it )
35. Find the answer for the program below? 4 2
<?php
function calc($price, $tax="")
{
$total = $price + ($price * $tax);
echo "$total";
}
calc(42);
?>
84
42
21
0
<?php
$color1 = red;
$color2 = 1;
echo $color1 + $color2;
?>
red1
red 1
0
1
37. If you want to undo A Grant, you should use 5 2
REVOKE
UNDO
UNGRANT
DELETE
38. Which among the following have the Maximum bytes? 5 2
Varchar
Char
Both Varchar and Char
Text Type
39. The function fetchrow_hashref() returns reference to Hash of Row Values 5 2
keyed by
Row Name
Column Name
Table Name
Database Name
40. which program copies the databases from one server to another? 5 2
Mysqlcopydb
Mysqldbcopy
Mysqlflushdb
Mysqldbflush
PART – C (4 x 10 = 40)
41. i). Using HTML and CSS, create one-page ecommerce website. The site will
have products with prices. When the user brings the mouse over the product,
the product image will be zoomed out. The page should have header, menu
1 3
bar, product information and enquiry form in a single page.[8]
ii). “Try to make important items such as primary navigation in the
index.html”. Comment. [2]
42. i). Design a website for a university with various departments using HTML,
JavaScript and CSS. [8]
2 3
ii). “Web site should respect GUI principles where appropriate”. Comment.
[2]
43. i). Recall global variables? How are these variables declared and what are
the problems associated with using them? [5]
3 4
ii). With Sample programs describe in detail on Event Handling in
JavaScript. [5]
44. A university wants to automate their admission process. Students are
admitted based on marks scored in a qualifying exam.
A student is identified by student id, age and marks in qualifying exam.
Data are valid, if: Age is greater than 20, Marks is between 0 and 100 (both
3 4
inclusive)
A student qualifies for admission, if Age and marks are valid and
Marks is 65 or more. Write an OOP based JavaScript program to represent
the students seeking admission in the university.[10]
45. i). With simple JavaScript program explain in detail on types of functions.[6]
ii). Write a program using JavaScript for interchange and prints the value of 3 4
two integers A and B without using any extra variable.[4]
46. Create a login page with validation-based registration form using HTML,
CSS, PHP, MySQL, JavaScript. On successful login, a welcome message
4 4
should be displayed if the user is already registered otherwise error message
should be displayed.[10]
47. Write PHP and MySQL program to create an Employee management system.
Create Employee Database with Employee details (ENo, EName, Address)
are stored in the employee table and Employee No, Basic Salary, DA, HRA, 5 4
total is stored in salary table. Perform CRUD operation using PHP and
MySQL. [10]
CONTINUOUS INTERNAL ASSESSMENT - I
PART Out of Out of
Sl. No Reg. No Name A 11 CO1 12 CO4 Total 100 50
1 19101126 Prashanth Kapu 8 8 9 25 84 42
2 19103004 Rohith P 9 8 8 25 84 42
Sri Harsha
3 19103052 Machabhaktuni 9 8 8 25 84 42
4 19103077 Pallavi Boyina 9 8 8 25 84 42
5 19103099 Nesheer Sai krishna 7 8 8 23 77 38
6 19117002 Milin Das 8 8 8 24 80 40
7 19117004 Gowtham K 10 9 9 28 94 47
8 19117008 Jeswanth Chintu 7 7 7 21 70 35
9 19117010 Abubakr Hassan 1 4 3 8 27 13
10 19121003 Mahesh S 6 9 10 25 84 42
11 19121015 Siva Krishna 9 8 8 25 84 42
12 19121024 Sriram Royal 8 8 8 24 80 40
13 19121028 N. Manoj Reddy 10 8 9 27 90 45
14 19121029 Bharat Kumar 10 8 8 26 87 43
15 19121032 Chetan Reddy 10 9 9 28 94 47
16 19121044 krishna parimi 7 0 0 7 23 12
17 19121056 Bhavith P 7 8 8 23 77 38
18 19121062 Mohansrinivas Uppula 4 8 8 20 67 33
19 19121081 Revanth Popuri 7 8 9 24 80 40
20 19121082 DEEPTHI K 6 8 8 22 73 37
21 19121085 Surendra Samadi 6 9 9 24 80 40
22 19121090 Said Dinesh Pola 8 8 9 25 84 42
23 19127025 Khamruddin Shaik 6 4 5 15 50 25
24 19130017 Muhammad Muhammad 7 8 8 23 77 38
25 19130025 Yagna Datta 6 8 8 22 73 37
Battipati kowshik
26 19130028 Chowdary 7 4 3 14 47 23
27 19132005 Prama Nayagam.P 6 8 9 23 77 38
28 19132022 Nishant Baghele 7 6 6 19 63 32
29 19132025 Sudha Rsan 7 9 9 25 84 42
30 19132026 Arun Kumar 7 9 9 25 84 42
31 19132027 Rupesh Reddy 3 4 4 11 37 18
32 19132028 Rakesh Reddy 7 8 8 23 77 38
33 19134004 Rithiga Rajinikanth 7 8 8 23 77 38
34 19134009 Rishivarthan L 7 9 9 25 84 42
35 19134011 Afra Banan 7 8 8 23 77 38
36 19134013 Rohit Cletus 7 9 9 25 84 42
37 19134028 Ram Prasad p 7 8 8 23 77 38
38 19134035 Charu Latha 7 9 7 23 77 38
Average
Cos Threshold Attainment Attainment
CO1 60 31 81.57895
CO4 55 32 84.21053
CIA - 1
90
80
70
60
50
40
30
20
10
0
Threshold Attainment Average Attainment
CO1 CO4
CONTINUOUS ASSESSMENT II
PART PART Out of Out of 0ut
Sl.No Reg. No Name PART A B- 11 B- 12 30 100 0f 50
1 19101060 S. GuruMurthi 7 0 0 7 23 12
2 19101126 Prashanth Kapu 6 6 6 18 60 30
3 19103004 Rohith P 6 9 10 25 84 42
Sri Harsha
4 19103052 Machabhaktuni 8 9 9 26 87 43
5 19103077 Pallavi Boyina 10 8 9 27 90 45
Nesheer Sai
6 19103099 krishna 8 8 8 24 80 40
7 19117002 Milin Das 7 8 8 23 77 38
8 19117004 Gowtham K 7 6 6 19 63 32
9 19117008 Jeswanth Chintu 6 9 10 25 84 42
10 19117010 Abubakr Hassan 4 0 0 4 13 7
11 19121003 Mahesh S 10 10 9 29 97 48
12 19121011 Nithilan T S 10 9 9 28 94 47
13 19121015 Siva Krishna 7 5 4 16 53 27
14 19121024 Sriram Royal 8 9 9 26 87 43
15 19121028 N. Manoj Reddy 6 9 10 25 84 42
16 19121029 Bharat Kumar 8 9 9 26 87 43
17 19121032 Chetan Reddy 8 9 9 26 87 43
18 19121044 krishna parimi 6 4 5 15 50 25
19 19121056 Bhavith P 8 7 8 23 77 38
Mohansrinivas
20 19121062 Uppula 9 9 9 27 90 45
21 19121081 Revanth Popuri 6 9 9 24 80 40
22 19121082 DEEPTHI K 8 9 9 26 87 43
23 19121085 Surendra Samadi 7 8 8 23 77 38
24 19121090 Said Dinesh Pola 9 9 9 27 90 45
Khamruddin
25 19127025 Shaik 4 5 6 15 50 25
26 19130008 MANISH D 7 9 9 25 84 42
Muhammad
27 19130017 Muhammad 7 8 8 23 77 38
28 19130025 Yagna Datta 5 9 8 22 73 37
Prama
29 19132005 Nayagam.P 8 7 7 22 73 37
30 19132022 Nishant Baghele 10 8 8 26 87 43
31 19132025 Sudha Rsan 10 9 9 28 94 47
32 19132026 Arun Kumar 9 9 9 27 90 45
33 19132027 Rupesh Reddy 3 0 0 3 10 5
34 19132028 Rakesh Reddy 7 9 9 25 84 42
Rithiga
35 19134004 Rajinikanth 9 9 10 28 94 47
36 19134009 Rishivarthan L 7 8 9 24 80 40
37 19134011 Afra Banan 10 9 9 28 94 47
38 19134013 Rohit Cletus 6 9 9 24 80 40
39 19134028 Ram Prasad p 7 9 9 25 84 42
40 19134035 Charu Latha 10 9 9 28 94 47
Cos Threshold Attainment Attainment Attainment

%
CO2 60 32 80
CO3 70 30 75
CIA - II
90
80
70
60
50
40
30
20
10
0
Threshold Attainment Attainment Attainment %
CO2 CO3
INTERNAL MARKS
CIA Surprise Total

CIA I Assignment Attendance
II Test/Quiz Internal
Adm # Name
[Max [Max [Max
[Max 10] [Max 5] [Max 5]
15] 15] 50]
19134004 RITHIGA R 13 14 9 3 5 44
19134009 RISHIVARTHAN L 13 12 6 3 5 39
19134011 AFRA BANAN 13 14 10 5 5 47
19134013 ROHIT CLETUS N 13 12 9 3 5 42
19134028 RAM PRASAD P 12 13 9 3 5 42
19134035 J.CHARULATHA 12 14 9 3 5 43
SINGAMCHETTY
19121003 14 15 10 5 5 49
MAHESH BABU
19121011 NITHILAN T S 13 14 9 3 4 43
19121013 E. GILES SHARON 12 12 8 2 2 36
RONGALA SIVA
19121015 13 12 9 3 4 41
KRISHNA
19121024 ELISETTY SRIRAM 12 13 9 2 5 41
MANOJ KUMAR
19121028 14 13 9 3 4 43
REDDY .N
19121029 BHARAT KUMAR S 13 13 9 3 4 42
19121032 M CHETANREDDY 14 13 9 2 5 43
PARIMI BALA
19121044 10 10 4 3 2 29
MURALI KRISHNA
19121056 PALA BHAVITH 13 12 9 3 4 41
UPPULA MOHAN
19121062 10 14 4 2 4 34
SRINIVAS
POPURI SAI
19121081 REVANTH 12 12 9 2 4 39
CHOWDARY
KADARI DEEPTHI
19121082 BHUVANA 11 13 8 3 4 39
CHANDRA
SAMADHI
19121085 12 12 6 2 4 36
SURENDRA
19121090 POLA SAI DINESH 13 14 4 3 5 39
19117002 MILINDAS.K 12 12 9 2 2 37
19117004 GOWTHAM K 14 10 4 3 5 36
MANENI
19117008 11 13 9 3 5 41
JESWANTH
ABUBAKR
BADRELDIN
19117010 12 12 5 3 3 35
MOHAMED
HASSAN
P
19132005 12 11 6 3 5 37
PRAMANAYAGAM
BAGHELE
19132022 NISHANT 10 13 7 3 5 38
RUKIRAM
19132025 A.SUDHARSAN 13 14 7 4 5 43
19132026 G. ARUN KUMAR 13 14 8 5 5 45
MUSKU RUPESH
19132027 8 8 7 4 5 32
REDDY
GOPIDI RAKESH
19132028 12 13 8 5 5 43
REDDY
19130008 MANISH D 12 13 5 3 3 36
19130017 MUHAMMAD R 12 12 8 3 3 38
GOTTIPATI
19130025 11 11 5 4 4 35
YAGNA DATTA
BATTIPATI
19130028 7 0 0 3 1 11
KOWSHIK
19130030 SATHVIK KOTI 0 0 0 0 1 1
19130034 Vishwa .C 12 12 6 3 3 36
19101060 GURUMURTHI S 5 5 0 0 2 12
KAPU
19101126 PRASHANTH 13 9 0 1 3 26
REDDY reddy
19103004 ROHITH. P 13 13 9 5 5 45
MACHABHAKTUNI
19103052 13 13 8 2 4 40
SRIHARSHA
NAGA PALLAVI
19103077 13 14 7 5 5 44
BOYINA
VATHADI
19103099 NESHEER SAI 12 12 9 0 5 38
KRISHNA
SHAIK
19127025 12 10 4 3 3 32
KHAMRUDDIN
SAMPLE ANSWER PAPERS:
I INTERNAL EXAMINATION
19121085 -Surendra. S PART B: 18 /20
II INTERNAL EXAMINATION
19134004_RITHIGA –PART B - Mark 19 / 20
11.
II INTERNAL EXAMINATION - 19130030 Sathvik Koti PART B - Mark : 10
END SEMESTER EXAMINATION
S Mahesh Babu -19121003
Innovative teaching practices in TLP
1. Kahoot for conduct of quiz
2. Website development and Deployment

Quiz and Surprise test
Points of appreciation and novelty
1. The entire class was taught project based learning and able to help
the students with hands-on experience to create websites of their own.
2. Initiated the students to create blogs, web pages of their resume
that can be showcase to the interview process.
3. Was able to convert students to full stack developers and actively
participated in creating simple website throughout the semester.
Points for improvement and Future planning

1. The curriculum is to much for NE course
2. Should concentrate on any key technology either PHP or HTML,
CSS, JS.
3. 6 Hours duration wasn’t sufficient to explore new concepts.
1. Quality of the course content
50
40
30
20
10
0
Excellent Very Good Good Satisfactory Poor
2. For the number of credits and course workload was
60
40
20
0
3. Relevance of the text book of the course
50
40
30
20
10
0
4.Were the lectures clear/well organized and presented at reasonable pace?
80
60
40
20
0
4. Did the lectures stimulate intellectually?
100
80
60
40
20
0
5. What approaches/aids would facilitate your learning?
60
50
40
30
20
10
0
6. Did the tutorials in class room helps you to understand how to take the problems
80
60
40
20
0
7. Is the grading scheme clearly outlined and reasonable/fair

100
80
60
40
20
0
.
CONTINUOUS QUALITY IMPROVEMENT – CQI REPORT
(COURSE DELIVERY)
Academic Year: 2020-2021 Department: CSE

Programme: B.Tech Semester: III
Course Title: Web designing and Development Course Code: CSD4283
Course Category: NE Total Duration (Hrs): 30
Prerequisite: NIL Credits: 2
Instructor (s): Dr. Renjith P N
Challenges/Issues in
Topics Suggestion for CQI CQI Remarks
achieving CLO
Course Delivery
Additional lecture
6 Hrs of duration not Plan can
HTML, CSS hours may be allotted
sufficient incorporate the
and Follow-up Classes
same
Course Delivery
Additional Tutorial
Challenges in applying it Plan can
Web Hosting classes can be
for real time systems incorporate the
conducted
same
INSTRUCTOR COORDINATOR (CQI) HOD IQAC COORDINATOR

CSD4283 WebDesign&Development

Uploaded by

Copyright:

Available Formats

CSD4283 WebDesign&Development

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

CSD4283 WebDesign&Development

Uploaded by

Copyright:

Available Formats

SCHOOL OF COMPUTING SCIENCES

DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING

CSD4283 WEB DESIGNING AND DEVELOPMENT

ACADEMIC YEAR: 2020-2021 (ODD SEM) DEPARTMENT: CSE

2 Programme Educational Objectives (PEOs), Programme

4 Course Outcomes (Cos) with POs and mapping

5 Course Delivery Plan (CDP)

11 Continuous Internal Assessment (CIA) Question Papers with

13 Course Outcome Attainment

14 Innovative teaching practices in TLP

15 MCQ / Surprise Test

16 Points of appreciation and novelty & Points for improvement and

18 Continuous Quality Improvement report (CQI)

To Make Every Man a Success and No Man a Failure.

• To create an ecosystem that promotes learning and world class research.

PROGRAMME OUTCOMES (POs)

1. Engineering knowledge: Apply the knowledge of mathematics, science, engineering

Academic Year: 2020-2021 Department: CSE

PROGRAMME SPECIFIC OUTCOMES

COURSE OUTCOMES (CO) Attainment

CO - 3 Make use of Open source JavaScript libraries. 3 60

CO – 4 Apply PHP for web development. 3 65

CO – 5 Design and publish a web page . 4 55

MAPPING OF COs with POs and PSOs

PROGRAMME OUTCOMES (PO) PSO

Justification of the mapping:

Signature of the Instructor Signature of the HOD

Department of Computer Science & Engineering

CSD4283 – WEB DESIGN AND DEVELOPMENT

2 Explain about <table> & <frame> tags 1 2

6 Compare between Dynamic and Static website? 1 2

9 List various components of a CSS Style? 1 2

10 How CSS style overriding works? 1 1

3 Explain about internet technologies in detail. 1 3

4 Discuss about various HTML Tags with simple examples. 1 2

9 Explain in detail on various types of CSS with examples. 1 2

Module-2 - INTRODUCTION TO JAVASCRIPT

Write OOP based JavaScript program to Implement the Customer class 3

A university wants to automate their admission process. Students are admitted 3

4. Which tag inserts a line horizontally on your web page?

5. What should be the first tag in any HTML document?

6. Which tag allows you to add a row in a table?

7. How can you make a bulleted list?

8. How can you make a numbered list?

9. How can you make an e-mail link?

10. What is the correct HTML for making a hyperlink?

11. Choose the correct HTML tag to make a text italic

12. Choose the correct HTML tag to make a text bold?

13. What is the correct HTML for adding a background color?

16. What doesvlink attribute mean?

18. Which tag creates a check box for a form in HTML?

20. Which of the following is not a pair tag?

21. To create HTML document you require a

a. web page editing software

23. HTML documents are saved in

26. In HTML document the tags

27. Marquee is a tag in HTML to

28. There are ____ different of heading tags in HTML

29. To create a blank line in your web page