Web Designing and Publishing Long Question with Answer

B.ZAMANLeave a Comment on Web Designing and Publishing Long Question with Answer

Web Designing and Publishing Long Question with Answer

January 2021
Part Two
(Answer any Four Questions)

Q.5.
(A) इनलाइन सी.एस.एस. क्या है? उससे क्या असुविधाएं होती हैं?
What is Inline CSS? What are the disadvantages?

इनलाइन सी.एस.एस

जैसा कि आपने देखा होगा, HTML दस्तावेज़ के लिए CSS शैली सम्मिलित करने के तीन तरीके हैं:

  1. एक बाहरी स्टाइल शीट—सीएसएस शैलियों को HTML कोड के बाहर एक अलग फ़ाइल में संग्रहीत किया जाता है।
  2. एक आंतरिक स्टाइल शीट—सीएसएस शैलियाँ HTML फ़ाइल में <head> तत्व में <style> तत्व का उपयोग करके लिखी जाती हैं।
  3. एक इनलाइन शैली

इस पाठ में हम तीसरे तरीके पर ध्यान देंगे। एक इनलाइन सीएसएस शैली एक ही तत्व पर लागू होती है। CSS कोड HTML एलीमेंट के ”style” एट्रिब्यूट में लिखा जाता है, जिस पर आप उस स्टाइल को लागू करना चाहते हैं। उदाहरण के लिए, यदि आप चाहते हैं कि आपका <h1> तत्व नीले रंग में हो, तो आप इनलाइन CSS को इस प्रकार लिखेंगे:

<h1 style=’color=blue;’> यह h1 शीर्षक है </h1>

इस उदाहरण में एक इनलाइन सीएसएस शैली लागू है जो रंग संपत्ति को नीले रंग में सेट करके h1 शीर्षक के फ़ॉन्ट रंग को बदल देती है, लेकिन क्या होगा यदि आप और अधिक लागू करना चाहते हैं? आप अर्धविराम के बाद बस अगली शैली की संपत्ति जोड़कर ऐसा कर सकते हैं। इस तरह, आप प्रत्येक को अर्धविराम से अलग करके तत्व को स्टाइल करने के लिए कई गुण या मूल्य जोड़े लिख सकते हैं।

Inline CSS Styles

As you may have seen, there are three ways to insert a CSS style for an HTML document:

  1. An external style sheet—CSS styles are stored in a separate file external to the HTML code
  2. An internal style sheet—CSS styles are written in the HTML file in the <head> element using the <style> element; and
  3. An inline style

We will focus on the third way in this lesson. An inline CSS style applies to a single element. The CSS code is written in the “style” attribute of the HTML element to which you want to apply that style. For example, if you want your <h1> element to be in a blue color, you’ll write the inline CSS as follows:

<h1 style=’color=blue;’>This is the h1 Heading</h1>

This example has an inline CSS style applied that changes the font color of the h1 heading by setting the color property to blue, but what if you want to apply more? You can do that simply by adding the next style property after the semicolon. In this way, you can write as many property or value pairs for styling the element by separating each one with a semicolon. 

 इनलाइन सी.एस.एस.  के नुकसान

  1. यह दृष्टिकोण आपके आवेदन में एकरूपता प्रदान नहीं करता है। तत्वों पर इनलाइन शैलियाँ एक बड़े सिरदर्द का कारण बन सकती हैं।
  2. आप कहीं और शैलियों का पुन: उपयोग नहीं कर सकते।
  3. चूंकि, वे एक ही स्थान पर संग्रहीत नहीं होते हैं; उन्हें संपादित करना कठिन है।
  4. पृष्ठ का HTML मार्कअप बोझिल हो जाता है, और नग्न आंखों के लिए पार्स करना कठिन हो जाता है।
  5. यह आपको ब्राउज़र कैशे लाभ प्रदान नहीं करता है। क्लाइंट द्वारा हर अनुरोध पर फाइलें बार-बार डाउनलोड की जाती हैं। इसके बजाय, बाहरी स्टाइल शीट का उपयोग करने पर विचार करें।
  6. इनलाइन शैलियों के साथ छद्म तत्वों और -वर्गों को स्टाइल करना असंभव है। उदाहरण के लिए, बाहरी और आंतरिक स्टाइल शीट के साथ, आप उनके द्वारा देखी गई शैली, होवर, सक्रिय, और एंकर टैग के रंग को लिंक कर सकते हैं।
  7. इनलाइन शैलियों को पृष्ठ-स्तरीय शैली घोषणाओं और बाहरी स्टाइल शीट पर प्राथमिकता दी जाती है। तो आप गलती से उन शैलियों को ओवरराइड कर सकते हैं जिनका आपने इरादा नहीं किया था।

Disadvantages of using inline styles

  1. This approach does not provide consistency across your application. The inline styles on elements can cause a major headache.
  2. You cannot reuse the styles anywhere else.
  3. Since, they are not stored at a single place; they are tough to be edited
  4. The html markup of the page becomes cumbersome, and tough to parse for the naked eye.
  5. It does not provide you with the browser cache advantage. The files are repeatedly downloaded by the client on every request. Instead, consider using External style sheets.
  6. it’s impossible to style pseudo-elements and -classes with inline styles. For example, with external and internal style sheets, you can style they visited, hover, active, and link color of an anchor tag.
  7. Inline styles take precedence over page-level style declarations and external style sheets. So you could accidentally override styles that you did not intend.

(B) मार्की क्या है? टेक्स्ट के एक खंड को अलग करने के लिए कितने टैग का प्रयोग किया जा सकता है? एक स्पैन टैग का क्या उपयोग है?
What is a marquee? How many tags can be used to separate a section of texts? What is the use of a span tag?

HTML – Marquees

An HTML marquee is a scrolling piece of text displayed either horizontally across or vertically down your webpage depending on the settings. This is created by using HTML <marquees> tag.

Note − the <marquee> tag deprecated in HTML5. Do not use this element; instead you can use JavaScript and CSS to create such effects.

Syntax

A simple syntax to use HTML <marquee> tag is as follows −

<marquee attribute_name = “attribute_value”….more attributes>

   One or more lines or text message or image

</marquee>

The <marquee> Tag Attributes

Examples – 1

<!DOCTYPE html>
<html>
   <head>
      <title>HTML marquee Tag</title>
   </head>
       <body>
      <marquee>This is basic example of marquee</marquee>
   </body>
    </html>

HTML – <span> Tag

The HTML <span> tag is used for grouping and applying styles to inline elements.

There is a difference between the span tag and the div tag. The span tag is used with inline elements whilst the div tag is used with block-level content.

Example

<!DOCTYPE html>
<html>
   <head>
      <title>HTML span Tag</title>
   </head>
   <body>
      <p>This is a paragraph <span style = “color:#FF0000;”>
         This is a paragraph</span>This is a paragraph</p>
           <p><span style = “color:#8866ff;”>
         This is another paragraph</span></p>
   </body>
</html>

Q.6.
(A) जावा स्क्रिप्ट से आप क्या समझते हैं? जावा स्क्रिप्ट के कुछ उपयोग लिखें।
What do you understand by JavaScript? Give some applications of JavaScript.

जावास्क्रिप्ट क्या है – What is JavaScript?

जावास्क्रिप्ट एक ड्यानामिक कंप्यूटर प्रोग्रामिंग भाषा है। यह एक इंटरप्रिन्टेड/ओरिएंटेड भाषा है। जावास्क्रिप्ट को क्लाइंट साइड/सर्वर साइड स्क्रिप्ट के नाम से भी जाना जाता है। जिसकी मदद से एक गतिशील (Dynamic) वेब पेज बनाया जाता है. यह वेब टेक्नोलॉजी मानक  की तीसरी लेयर है।

जावास्क्रिप्ट का उपयोग

जावास्क्रिप्ट को दुनिया भर में लोकप्रिय प्रोग्रामिंग भाषाओं में से एक कहा जाता है। इसका इस्तेमाल कर ऑटोमेशन तथा एनीमेशन आदि फ़ीचर्स से एक सुंदर वेबपेज तैयार करने में किया जाता है।

वर्तमान समय में हम अपने स्मार्टफोन पर लाखों एप्स खोज सकते हैं।  JavaScript ने अत्याधुनिक एप्स को विकसित करने में बड़ा योगदान दिया है।

जावास्क्रिप्ट के इस्तेमाल से बिना Web Context के मोबाइल एप्लीकेशन बनाई जा सकती है। चूँकि जावास्क्रिप्ट क्रॉस प्लेटफार्म पर कार्य करता है। इसलिए इन एप्स का उपयोग आप Android, iOS आदि में कर सकते हैं।

JavaScript का इस्तेमाल सर्वर एप्लीकेशन को बनाने में भी किया जाता है।

(B) जावा स्क्रिप्ट ऑब्जेक्ट से आप क्या समझते हैं? जावा स्क्रिप्ट ऑब्जेक्ट बनाने के तरीकों की व्याख्या करें?
What do you understand by JavaScript object? Explain the ways of creating JavaScript object?

जावास्क्रिप्ट में लगभग सभी Elements Objects कहलाते हैं ।ऑब्जेक्ट किसी स्पेशल टाइप के Data या Variable होते है जिसकी Property और Method होती है । जावास्क्रिप्ट में हम जो भी इन्सर्ट करते हैं जैसे – Array, Functions, Date, Math’s आदि सभी Objects के अंतर्गत आते हैं |हम हमेशा जावास्क्रिप्ट में स्क्रिप्टिंग करते समय OBJECTS का इस्तेमाल करते ही हैं।

साधारण अर्थो में जावास्क्रिप्ट में सब कुछ ऑब्जेक्ट होता है। एक Object कुछ Properties और Methods को एक जगह Bind करने के लिए प्रयोग किया जाता है। ये Properties और Methods किसी Single Entity को Represent करती है। जावास्क्रिप्ट आपको built in objects provide करती है। जैसे की JavaScript में Strings Objects है। आप कोई भी String Variable Create करके उससे Related Properties और Methods प्रयोग कर सकते है।

जैसे – document.write(“Hello World”) ;

यहाँ document एक object है और write() एक method उपरोक्त उदाहरण के आधार पर हम यह कह सकते हैं कि मेथड को एक्सेस करने के लिए ऑब्जेक्ट का प्रयोग किया जाता है ।

(C) एक्स.एम.एल. में शामिल मूलतत्व क्या हैं? XQuery क्या है?
What are nested elements in XML? What is XQuery ?

XML क्या है? What is XML?

एक्सएमएल (XML) एक मार्कअप भाषा (Markup Language) है जिसे डब्ल्यू 3 सी (World Wide Web Consortium) द्वारा विकसित किया गया था।

एक्सएमएल (XML) का इस्तेमाल डेटा (Data) को स्टोर (Store) और व्यवस्थित (Organize) करने के लिए किया जाता है। एक्सएमएल (XML) और एचटीएमएल (HTML) को संयुक्त करके उपयोग किया जा सकता है। XML और HTML के संयुक्त संस्करण (Combined Version) को X-HTML कहते है। एक्सएमएल (XML) एक वेब डिजाइनिंग भाषा है जिसे हम HTML की Limitations को पूरा करने के लिए उपयोग करते हैं। एक्सएमएल का मूल कार्य डेटा को नियंत्रित करना है।

XQuery

XQuery के डेटा को हेरफेर करने और निकालने में सक्षम है XQuery एक कार्यात्मक प्रोग्रामिंग भाषा है जो एक्सएमएल डेटा के एक समूह को क्वेरी करने के लिए प्रयोग किया जाता है। यह एक्सएमएल दस्तावेजों या रिलेशनल डाटाबेस और एमएस ऑफ़िस दस्तावेजों से डेटा को हेरफेर करने और निकालने में सक्षम है जो एक XML डेटा स्रोत का समर्थन करते हैं। यह एक ऐसा भाषा है जो नए XML दस्तावेज़ों के लिए वाक्य रचना बनाने में मदद करता है।

 Q.7.
(A) एच.टी.एम.एल. फ्रेज टैग्स क्या हैं? व्याख्या करें। What are HTML Phrase tags ? Explain.

HTML Tag

जब भी हम कोई भी webpage डिजाईन करते हैं तो हम उस webpage को डिजाईन करने के लिए कुछ command का उपयोग करते हैं उसको HTML tag कहा जाता है| Tag हमेशा angle bracket के अन्दर लिखा जाता है जैसे <tag>..</tag>.

HTML टैग बहुत सारे character का set होता है जो की HTML language में commands का काम करता है जिसके द्वारा हम अपने webpage को डिजाईन करते हैं| HTML टैग webpage में hidden keyword होता है जो की हमारे वेब ब्राउज़र को यह बताता है की इस webpage को किस प्रकार formatting करना है।

(B) 5 सी.एस.एस. पृष्ठभूमि विशेषताओं की व्याख्या करें जो एच.टी.एम.एल. तत्वों को प्रभावित करते हैं।
Explain 5 CSS background properties that affect the HTML elements.

CSS background property is used to define the background effects on element. There are 5 CSS background properties that affect the HTML elements:

background-color
background-image
background-repeat
background-attachment
background-position

 Q.8.
(A) सी.एस.एस. क्या है? सी.एस.एस. के क्या लाभ हैं ।
What is CSS? What are the advantages of CSS?

सीएसएस एक वेब पेज को डायनामिक वेबपृष्ठ में बदलने का एक तरीका है। यह एचटीएमएल (HTML) के लिए एक अतिरिक्त सुविधा प्रदान करता है। यह आम तौर पर वेब पेजों और उपयोगकर्ता इंटरफेस की स्टाइल बदलने के लिए एचटीएमएल के साथ प्रयोग किया जाता है।

CSS के फायदें

CSS इस्तेमाल करने का सबसे बडा फायदा तो हैं आजादी – Freedom. आपको एक काम को बार-बार करने से छुटकारा मिल जाता हैं। इसके अलावा भी CSS इस्तेमाल करने के अनेक फायदे हैं।

Save Time

आप एक बार CSS Rules को लिखते हैं, और उन्हे कई बार Apply कर सकते हैं। आप एक Style sheet को Multiple WebPages पर Apply कर सकते हैं। आपको प्रत्येक नय HTML Document के लिए CSS Rule लिखने की जरूरत नहीं हैं।

Increase Page Speed

एक HTML Document में दर्जनों Elements होते हैं. जिनके लिए हमें अलग-अलग Style Rules Set करने पडते हैं। और किसी-किसी में तो इनकी संख्या सैंकडो या हजारों में भी पहुँच जाती हैं।

इसलिए वेबपेज का साइज बढ जाता हैं। लेकिन, CSS की मदद से केवल एक स्टाइलशीट में ही सभी एलिमेंट्स के लिए Style Rules Set कर दिए जाते हैं। जिससे Extra HTML हट जाती हैं। और पेज का साइज कम हो जाता हैं। और इस कारण Page Fast Load होता हैं।

Provide Responsive Design

आप HTML से वेबपेज को प्रत्येक डिवाइस के लिए ऑप्टीमाइज नहीं कर सकते हैं. लेकिन, CSS की Media Queries Rules से आप वेबपेज्स को हर डिवाइस और स्क्रीन साइज के हिसाब से Responsive बना सकते हैं।

(B) सी.एस.एस. सिलेक्टर क्या है? किन्ही तीन प्रकारों की व्याख्या कीजिये ।
What is a CSS selector? Explain any three types.

CSS Selectors द्वारा उस Content को Select किया जाता हैं, जिसके लिए हम CSS Rules लिखना चाहते हैं।

Selector’s के CSS Rule Syntax का एक भाग होता हैं। जो एक HTML Element, Element Attribute हो सकता हैं।

1. The Type or Element Selectors

यह एक Particular HTML Element ही होता हैं। इसे Type Selector भी कहा जाता हैं. इसमें आप HTML Element को Selector बनाकर CSS Rule Declare करते हैं। जिस शब्द या शब्दांश से किसी HTML Element को Represent किया जाता हैं. उसी शब्द या शब्दांश से Selector को भी लिखा जाता हैं. नीचे उदाहरण देखिए।
p {
color:orange;
}
इस Style Rule से Paragraph Element का Color Orange हो जाएगा।

2. The Universal Selectors

जब आप किसी HTML Document में उपलब्ध सभी Elements पर एक ही Style Rule Apply करना चाहते हैं, तब Universal Selectors का इस्तेमाल किया जाता हैं। Universal Selector को * (Asterisk) से Represent किया जाता हैं। नीचे उदाहरण देंखे:

* {
color:orange;
}

इस Style Rule से एक Document में उपलब्ध सभी Elements का Color Orange हो जाएगा।

3. The Class Selectors

Class एक Global Attribute होता हैं। इसे आप CSS Selector के लिए Use कर सकते हैं। आप जिन Elements पर एक Style Rule Apply करना चाहते हैं. उन सभी Elements में Class Attribute द्वारा Class Define की जाती हैं. और इस Class Name के पहले Full Stop Symbol (.) लगाकर CSS Rule को लिखा जाता हैं.

आप एक Class को एक से ज्यादा Elements के लिए Define कर सकते हैं. बस आपको प्रत्येक Element में एक नाम से अलग-अलग Class Define करनी पडेगी। एक बात का ध्यान रखें आप Class Name को Number से शुरू नही कर सकते हैं. नीचे उदाहरण देंखे ।
.classname {
color:orange;
}
Class को Selector बनाने के लिए पहले कोई नाम देना पडता हैं. फिर उस नाम का इस्तेमाल Style Rule Declare करने के लिए करते हैं । जैसे हमने ऊपर .classname से एक Class बनाई हैं. और इसके लिए Style Rule Declare किया हैं। अब जितने भी Elements की Class .classname होगी। उन पर ये Style Apply होगी।

Q.9.
(A) एच.टी.एम.एल. क्या है? टैग्स का क्या अर्थ What is HTML? What do you mean?

HTML

HTML का फुल फॉर्म Hyper Text Markup Language है। जिसका इस्तेमाल किसी भी web page और website को डिजाईन करने के लिये किया जाता है। दरसल बहोत सारे टैग्स को मिलाकर एच.टी.एम.एल बनाया गया है। जिसे सन 1991 में Tim Berners lee के द्वारा बनाया गया था।

HTML TAGS

HTML टैग 3 पार्ट में होता है opening tags शुरुआत में लगाया जाता है इससे इंटरप्रेटर को ये पता चल जाता है की आप किस टेक्स्ट को फॉर्मेट करना चाहते है यानि opening tags के बाद text होता है जिसको आपको फॉर्मेट करना होता है उसके बाद closing tag आता है यदि opening टैग्स में यदि closing tag का प्रयोग न किया जाये तो उसका प्रभाव पुरे टेक्स्ट में हो जायेगा

इस लिए जंहा तक आपको फॉर्मेट करना है उसके बाद आप closing tag का प्रयोग कर ले जिससे वही तक फॉर्मेट होगा जहा तक आप करना चाहते है

Closing टैग्स से ही इंटरप्रेटर को पता चल जाता है की इस टैग का प्रयोग केवल यही तक था opening tag से differentiate करने के लिए closing टैग में फॉरवर्ड स्लैश (/) का प्रयोग किया जाता है।

Syntax

<tagname>text </tagname>

सभी html टैग में closing tag द्वारा नही close किया जाता है html में ऐसे भी टैग्स है जिसमे सिर्फ opening tag ही define होता है ऐसे टैग्स को हम empty tag कहा जाता है

Syntax

<tag name>

साथ ही html में ऐसे भी टैग्स होते  है जिसमे opening और closing दोनों पार्ट्स(parts) एक ही में define किया जाता है इसमे पहले forward slash (/)लगाया जाता है इनका syntax

<tagname/>

(B) अप्पलेट्स क्या हैं? What are applets?

Applets

An applet is a Java program that runs in a Web browser. An applet can be a fully functional Java application because it has the entire Java API at its disposal.

There are some important differences between an applet and a standalone Java application, including the following −

An applet is a Java class that extends the java.applet.Applet class.

A main() method is not invoked on an applet, and an applet class will not define main().

Applets are designed to be embedded within an HTML page.

When a user views an HTML page that contains an applet, the code for the applet is downloaded to the user’s machine.

A JVM is required to view an applet. The JVM can be either a plug-in of the Web browser or a separate runtime environment.

The JVM on the user’s machine creates an instance of the applet class and invokes various methods during the applet’s lifetime.

Applets have strict security rules that are enforced by the Web browser. The security of an applet is often referred to as sandbox security, comparing the applet to a child playing in a sandbox with various rules that must be followed.

Other classes that the applet needs can be downloaded in a single Java Archive (JAR) file.

Following is a simple applet named HelloWorldApplet.java −

import java.applet.*;
import java.awt.*;
public class HelloWorldApplet extends Applet {
   public void paint (Graphics g) {
      g.drawString (“Hello World”, 25, 50);
   }
}

(C) एक अच्छी तरह से तैयार किया गया एक्स.एम.एल. दस्तावेज क्या है? विकास के लिए एक्स.एम.एल. का प्रयोग क्यों किया गया
What is a well formed XML Document? Why XML has been used for development?

XML

XML का full form Extensible Markup Language है। XML एक प्रकार का मार्कअप लैंग्वेज है और इसे डेटा को स्टोर और organize करने के लिए उपयोग किया जाता है।

जैसा की आपको पता है HTML भी एक मार्कअप लैंग्वेज है लेकिन इसका उपयोग वेबपेज में डाटा को डिस्प्ले करना होता है।

XML में code लिखने का तरीका बिलकुल HTML जैसा ही है। HTML और XML दोनों में tags का उपयोग किया जाता है।

HTML में अलग-अलग tags का उपयोग करके यह describe किया जाता है की page के contents (जैसे text, images आदि) user के screen पर किस प्रकार से display होंगे जबकि XML में tags का use करके data को store और manage किया जाता है।

XML HTML से ज्यादा आसान और customizable है। जहाँ आप HTML में पहले से define किये गये tags का उपयोग करते हैं वहीँ XML में आप खुद से नया tag बना सकते हैं और अपने जरुरत के अनुसार document के structure को तैयार कर सकते हैं इसलिए इसे extensible language कहा जाता है।

XML के code को हम एक अलग file में लिखते हैं और उस फाइल को .xml extension के साथ save कर देते हैं।

एक XML document बनाने के बाद उसे एक database की तरह भी उपयोग किया जा सकता है। XML में सारे data plain text के रूप में save होते हैं इसलिए इसे किसी भी application के द्वारा access करना बहुत ही आसान होता है।

XML का उपयोग

बड़ी बड़ी websites को Maintain करने के लिए, XML का इस्तेमाल किया जा सकता है।

संगठनों के बीच डाटा का आदान-प्रदान (Data Exchange) करने के लिए, XML का उपयोग किया जा सकता है।

XML का इस्तमाल डेटाबेस (Database) को लोड और अनलोड करने के लिए भी किया जा सकता है।

किसी भी प्रकार का डेटा XML Document के रूप में, एक्सप्रेस किया जा सकता है।

एक्सएमएल को स्टाइल शीट्स (Style Sheets) के साथ, Merge किया जा सकता है।

किसी भी website का sitemap (साइट मैप) बनाने के लिए भी XML काम में आता है।

Social Banner

B.ZAMAN

Leave a Reply

Your email address will not be published. Required fields are marked *