Chapter 3 - Impressive Web Designing Exercise Solutions

0
नमस्कार विदयार्थी मित्रांनो इयत्ता अकावी महाराष्ट्र स्टेट बोर्ड Subject - Information Technology Chapter Number 3 - Impressive Web Designing या Chapter चे Exercise Solutions आपण या पोस्टमध्ये पाहणार आहोत. या Chapter चे Exercise Question पाठ्यपुस्तकाच्या [Page No 57], [Page No 58] आणि [Page No 59] वर आहेत.
Exercise मधील पुढील Questions आपण क्रमानुसार पाहणार आहोत :-
Q.1) Answer the Following.
Q.2) Complete the following Activity.
Q.3) Find out error if any in following javascript code.
Q.4) Solve the following puzzles.
A) Fill the blocks
B) Solve the puzzle by finding words with the help of hint given below.
Q.5) Trace the output of following html code.
Q.6) Discuss the following and Answer the questions.
Q.7) Create webpages for the following.
Q.8) Complete the following.
Q.9) Write HTML Code for the following table.
Q.10) Multiple choice one correct answer.

आता आपण क्रमानुसार प्रश्नांची उत्तरे पाहूया :-

Class 11th IT - Impressive Web Designing Exercise Solutions Maharashtra Board


Q.1) Answer the Following.


1) The data entry operator wants to insert.
 a) Photograph
 b) Write remarks about the photograph
 c) Underline the heading.
He will use :
  1) <Image>
  2) <Text>
  3) <TextArea>
  4) <Img>
  5) <UL>
  6) <U>
Select the correct tags from the above and arrange in the sequence.
Ans : 3) <TextArea>, 6) <U>, 4) <Img>

2) Identify the logical operators in the JavaScript.
 1) OR
 2) AND
 3) | |
 4) &
 5) &&
 6) ++
Ans : 3) | | , 5) &&

Q.2) Complete the following Activity.


1) State atleast three attributes of <Input>


Ans : Name, Type, Value, Size, Maxlength

2) 


Ans : H20 - <sub>
Hello - <i>
a¹² - <sup>

3) Group the following.


Ans : i) <b> , <i> , <u> , <small> , <sub>
ii) <br> , <hr> , <img>

4) Write operator names with symbol in boxes.


Ans : i) Less than - <
ii) Greater than - >
iii) Less than equal to - <=
iv) Greater than equal to - >=
v) Equal to - ==
vi) Not equal to - !=

5) Complete following program to display multiplication of 6.40 and 300.
<!DOCTYPE html> 
<html>
<head>
<title> Series </title>
</head>
<body>
[_________________________]
var x=[_____];
var y=[_____];
document.write(x[_____]y);
[_________________________]
</body>
</html>
Ans : 
<!DOCTYPE html> 
<html>
<head>
<title> Series </title>
</head>
<body>
<script type="text/javascript">
var x = 6.4;
var y = 300;
document.write(x * y);
</script>
</body>
</html>

Q.3) Find out error if any in following javascript code.

var length ,breadth;
length=4.5;
breadth=6;
area=1/2*length*breadth;
document.write(“Area of triangle is”area);
Ans : 
var length, breadth;
length = 4.5;
breadth = 6;
area = 1/2 * length * breadth;
document.write("Area of triangle is " + area);

Q.4) Solve the following puzzles.


A) Fill the blocks



Ans : 
Across - 2. tr  4. form
Down - 1. href  2. hr

B) Solve the puzzle by finding words with the help of hint given below.



 1. Boolean value.
 2. Keyword used in conditional if statement
 3. Built-In function in JavaScript
 4. Function to check given value is number or not
 5. Keyword used to declare variable
 6. Function used to evaluate given expression
Ans : 1. Boolean value - false
 2. Keyword used in conditional if statement - else
 3. Built-In function in JavaScript - confirm
 4. Function to check given value is number or not - isNAN
 5. Keyword used to declare variable - var
 6. Function used to evaluate given expression - eval

Q.5) Trace the output of following html code.

<!DOCTYPE html>
<html>
<head>
<title>Heading tags</title></head>
<body>
<h1 align=left>Information Technol-
ogy</h1>
<hr>
<h2 align=center>XI Standard</h2>
<h3 align=right>Division</h3>
</body>
</html>
Ans : 


Q.6) Discuss the following and Answer the questions.


1) A Jr. web designer wants to design a webpage to enter the employee name, address. He needs a button to clear the form content and submit the data.
 • Write the different controls he will use to create the web page
 • State the tags to be used for the controls
Ans :  Control : Text input field
HTML tag : <input type="text" name="employee_name">
Control : Text input field
HTML tag : <input type="text" name="employee_address">
Control : Clear button
HTML tag : <input type="reset" value="Clear">
Control : Submit button
HTML tag : <input type="submit" value="Submit">

2) A teacher has asked a student to create a web page to accept number and check whether it is between 50 to 100.
 • List the variable, operators to be used
 • Specify the built-in function used and structure used
Ans : Variable : number
Operator : &&
Function : if(number >= 50 && number <= 100)

Q.7) Create webpages for the following.


1) Write a program using HTML to design your class Time Table.
Ans : Code :-

<!DOCTYPE html>
<html>
<head>
  <title>Class Time Table</title>
  <style>
    table {
      width: 100%;
      border-collapse: collapse;
    }
    th, td {
      border: 1px solid black;
      padding: 8px;
      text-align: center;
    }
    th {
      background-color: #f2f2f2;
    }
  </style>
</head>
<body>
  <h1>Class Time Table</h1>
  <table>
    <tr>
      <th>Time</th>
      <th>Monday</th>
      <th>Tuesday</th>
      <th>Wednesday</th>
      <th>Thursday</th>
      <th>Friday</th>
    </tr>
    <tr>
      <td>9:00 - 10:00</td>
      <td>Math</td>
      <td>English</td>
      <td>Science</td>
      <td>History</td>
      <td>Art</td>
    </tr>
    <tr>
      <td>10:00 - 11:00</td>
      <td>Science</td>
      <td>Math</td>
      <td>English</td>
      <td>Art</td>
      <td>Geography</td>
    </tr>
    <tr>
      <td>11:00 - 12:00</td>
      <td>History</td>
      <td>Science</td>
      <td>Math</td>
      <td>Physical Education</td>
      <td>English</td>
    </tr>
    <!-- Add more rows for other time slots -->
  </table>
</body>
</html>


2) Write a program using HTML to create a form and submit it with personal data like name, address and standard.
Ans : Code :-

<!DOCTYPE html>
<html>
<head>
  <title>Personal Data Form</title>
</head>
<body>
  <h2>Personal Data Form</h2>
  <form>
    <label for="name">Name:</label>
    <input type="text" id="name" name="name" required><br><br>
    
    <label for="address">Address:</label>
    <textarea id="address" name="address" required></textarea><br><br>
    
    <label for="standard">Standard:</label>
    <select id="standard" name="standard" required>
      <option value="">Select Standard</option>
      <option value="1">Standard 1</option>
      <option value="2">Standard 2</option>
      <option value="3">Standard 3</option>
      <!-- Add more options as needed -->
    </select><br><br>
    
    <input type="submit" value="Submit">
  </form>
</body>
</html>


3) Write a javascript program to accept two numbers and perform addition of two numbers by using mouseover event
Ans : Code :- 

<!DOCTYPE html>
<html>
<head>
    <title>Addition on Mouseover</title>
    <script>
        function performAddition() {
            // Get the input values
            var num1 = parseFloat(document.getElementById('num1').value);
            var num2 = parseFloat(document.getElementById('num2').value);

            // Perform addition
            var result = num1 + num2;

            // Display the result
            document.getElementById('result').innerHTML = 'Result: ' + result;
        }
    </script>
</head>
<body>
    <h1>Addition on Mouseover</h1>
    <label for="num1">Number 1:</label>
    <input type="number" id="num1">
    <br>
    <label for="num2">Number 2:</label>
    <input type="number" id="num2">
    <br>
    <button onmouseover="performAddition()">Add</button>
    <div id="result"></div>
</body>
</html>


Q.8) Complete the following.



Ans : i) onClick - When a user clicks an element
ii) onKeyup - When a user realeases key
iii) onMouseup - When a user realease a mouse button over an element


Q.9) Write HTML Code for the following table.



Ans : Code :- 

<!DOCTYPE html>
<html>
<head>
<title>Table</title>
</head>
<body>

  <table border="2" cellpadding="10">
   <thead style="align: centre; background-color: pink;">
     <tr>
       <th>Place</th>
       <th>State</th>
       <th>Maximum <br />Temperature<br />in c</th>
     </tr>
   </thead>
   <tbody style="align: centre; background-color: skyblue;">
     <tr>
       <td>Wardha</td>
       <td rowspan="2">Maharashtra</td>
       <td>47.5</td>
     </tr>
     <tr>
       <td>Akola</td>
       <td>46.4</td>
     </tr>
     <tr>
       <td>Khajuraho</td>
       <td rowspan="2">Madhya<br />Pradesh</td>
       <td>47.5</td>
     </tr>
     <tr>
       <td>Sagar</td>
       <td>46.2</td>
     </tr>
   </tbody>
</table>
</body>
</html>


Q.10) Multiple choice one correct answer.


1) The default method of submitting form data is _____.
a) Post 
b) Get
c) Submit 
d) Reset
Ans : c) Submit

2) In JavaScript the post increment operator is _____.
a) x++ 
b) x--
c) --x 
d) ++x
Ans : a) x++


अशा प्रकारे मित्रांनो आपण इयत्ता अकरावी Information Technology या विषयाचा Chapter Number 3 - Impressive Web Designing याचे Exercise Solutions पहिले.
तुम्हाला या solutions ची PDF Download करण्यासाठीं पुढील लिंक वर क्लिक करा :-


पुढील Chapter चे Exercise Solutions पाहण्यासाठी "NEXT" button वर क्लिक करा. मागील Chapter चे Exercise Solutions पाहण्यासाठी "Previous" button वर क्लिक करा.


टिप्पणी पोस्ट करा

0 टिप्पण्या
* Please Don't Spam Here. All the Comments are Reviewed by Admin.
टिप्पणी पोस्ट करा (0)
To Top