O Level ITWD Theory Notes in Hindi
Table of Contents
O Level ITWD Theory Notes in Hindi
LESSON-1
O Level ITWD Theory Notes in Hindi:-हेलो students आज की अपनी इस पोस्ट में हम o लेवल कंप्यूटर कोर्स के अंतर्गत आने वाले ITWD पेपर के थ्योरी नोट्स को समझना प्रारम्भ करेंगे । तो चलिए शुरू करते हैं ।
O लेवल नोट्स
1. Introduction of Web Design
Network :
जब दो या दो से अधिक कंप्यूटर आपस में इस तरह से जुडे हो, की वह आपस में कम्युनिकेशन व file शेयर कर सके,Networkकहलाता है। और नेटवर्क से जुडे प्रत्येक computer, कम्युनिकेशन के लिए कुछ समान नियमो का पालन करतेहै। जिसे Protocolकहते हैं| नेटवर्क स्थापित करने के लिए चार चीजो की आवश्यकता होती है।
1-Sender
2-Receiver
3-Medium
4-Protocol
Internet :internetनेटवकों का नेटवर्क है। जिसमे Private public,businessऔरgovernmentनेटवकों कोcable, satellite, Router, गेटवे आदि के माध्यम से जोडा गया है।internet Network and deviceके बीच कम्युनिकेशन के लिए internet protocol suite (TCP/IP)औरPacket switchingका प्रयोग करता है| internetको सूचना राजपथ(Information highway)भीकहते हैं।
www:-wwwका पूर्ण रूप World wide webहै। जिसे W3याwebभी कहते है । जिसे 1989 में TimBernerslee ने इंवेंट किया था| wwwएक internetपर एक इनफामेशन system है जहााँ Hypertextके द्वारा Interlink web डाक्यूमेंट्स व अन्य resourcesकोURL (Uniform esourceLocator)के द्वारा identyfy किया जाता है। और इनresourcesको internetके जरये Access किया जाता है| webपर उपलब्ध किसी भी resourcesकोAccessकरने के लए web browserinternetका प्रयोग करता है । internetवWWWएक समान नह ीं है। क्योंकinternetInterconnected computerनेटवक का ग्लोबल सस्टम है|वह www, Hyperlink documentsवother Resourcesकाcollectionहै|
O Level ITWD Theory Notes in Hindi
Basic Internet terminology
ISP :इसका पूर्ण रूपInternet Service providerहै। यह एक Telephone companyहैं,जोinternetसेconnectहोने की सुविधा देता है| VSNL Videsh Sanchaar Nigam Limited )द्वारा सबसे पहलेभारत में इींटरनेट सेवा आरम्भ की गयी।jio, Airtel, Vodafone, Idea, BSNL ISPकेउदाहरर् है।
Modem:- इसकापूर्करूपModulator-Demodulatorहोता है। यह एकtelephoneलाइन के माध्यम सेcomputerकोinternetसेconnectकरनेकी suvidha देतीहै।यहडिजटलसग्नलको एनालॉग व एनालॉग को डिजजटल सग्नल में बदलती है।
DNS :Domain Name server/System DNSकापूर्करूपहोताहै।जोip addressको एकcharacterStringमें बदलता है। जससेuserकोwebsiteकाip addressनह ींयाद रखना पडता है।
HTML :Hyper Text Markup Languageका प्रयोगWeb pagesबनाने के लए कया जाता है।
HTTP:Hyper Text Transfer protocol HTTPका पूर्ण रूपहै। यहweb rowserकोserverसेCommunicationकरने व इनफामेशन कोexchangeकरनेकीसुविादेताहै।
Link:–यह वहelementहै। जो कसी एकpageसेदूसरेpageयाresourceको आपस मेंconnectकरता है। लींक पर क्लक करके उसresourceतकपहुाँचाजासकताहै। जहां सेवहresourceलींक था।
Port:–Computer NetworkingमेंportएकLogical gateहोता है। जो कसी वशेष processयाserviceके लए जम्मेदार होता है।
Homepage:–कसी वेबसाइट का वहpageजब मेनnameकोtypeकरने पर उसwebsiteका पहलाpageदखाई देता है। वह उस वेबसाइट काHomepageकहलाता है। इसे हमindexpageवMain pageभी कहते है।
Downloading:–internetके माध्यम से कसीcomputer/serverसे कसीfileकीcopyकोllocalcomputerमें सेव करनाDownloadingकहलाता है।Uploading:–local computerपरstoreकसीfileकीcopyको ककसीserverया अन्यcomputerपर सेव करना Uploadingकहलाता है।
Cookie:–इसेHTTP Cookie, Web Cookie, browser cookie, internet Cookieभी कहते हैं। जब कोई यूजर किसी वेबसाइटकोbrowseकरताहै।तोवेबसाइटकुछइनफामेशनकोwebbrowserमें स्टोर कर देती है। इस इनफामेशन में कसी वेबपेज को कतनी देर तक ओपन कया, formमें क्याdataभरा गया, Nameक्या था, Addressक्या है,औरstatefullइनफामेशन को स्टोर करना ।
Search Engine:–यह एक प्रोग्राम या प्रोग्राम का एक सेट होता है। जोinternetकी मदद सेwebपरउपलब्िजानकारमेंसेयूजरद्वारादगयीQueryकोsearchकरके रजल्ट देताहै|
Surfing:–World Wide Webपरसूचनाकीखोजमेंएकweb pageसेदूसरेwebpageपर जानाSurfingकहलाता है।
Web Browser :–एकApplication Softwareजोweb pageसे इनफामेशन कोAccessकरने की सुविधा देतीहै|जैसे–Chrome, Safari, Firefoxआदद|
Bit Rate:वहBitsकी सींख्या जो एक बार मेंTransferकी जाती है।
Bandwidth: निश्चित समय मेंtransferहोने वालेDataकोBandwidthकहते है।
Website:–Websiteउनwebpagesकाcollectionहोता है। जो एक ही डोमेन nameकोreferकरे| वेबसाइट भी कई प्रकार की होती है जो अलग अलग टॉपक से सबधित होती है जैसे :E–commerce Website, Magazine Website, Social Media Website, Blog ebsite, Photo sharingWebsite, Video sharing Website, Educational ebsite, Forum, Port folio.
WebsiteWebpage :webpageएक electronic pageहै,जसेHTML (Hyper Text markup language)वअन्यWeb languagesका प्रयोग करके बनाया जाता है। इसpageमें कसी सस्था, companyया ई अन्य जानकार के साथ साथimage, Audio, video, hyperlinkभी होते है।
O Level ITWD Theory Notes in Hindi
Working of Websites :
•वेबसाइट कसीWeb serverपर होस्ट होती है और सबका एक IP Addressहोता है इस ip addressके through websiteकोgloballyएक्सेस कया जा सकता है।•जबuserब्राउज़र परwebsiteका (domain name )यूआरएलसचककरताहैऔरब्राउजरip addressकेमाध्यमसेसवकरसेजुडताहैअतःdomain serverद्वाराdomainनाम कोip ddressमें बदल दया जाता है।
•ip address जाने पर ब्राउजर server सेHTTP requestकरता है औरdisconnectहोजाता है, responseका इन्तजार करता है।
•server रक्वेस्ट प्रोसेस करने के बाद दोबारा connectionस्थापत करता है औरclientप्रोग्राम परwebsite ( result )खुल जातीहै।
Types of Websites (Static and Dynamic Websites) :
Static Website:–Static Websitesउनwebpages collection content static / fixहोता है औरप्रत्येकuserके लया एक जैसा रहता है।Static Websiteकोcreateकरनाeasyव गत भीकम होती है।
Dynamic Websites:–Dynamic Website में webpages collection content dynamically changeहोता है| dynamic websiteकोdevlopeकरने के लए front endके साथ साथबैकेंड technologyभीuseहोती है। व databaseकी जरूरत भी होती है।mySQL, SQL erver ,Oracleिाटाबेस के उदाहरर् है।StaticWebsites:–Static WebsitesमेंWebpagesकाcontent (data)बदलता नह ीं है यानी ककFix static)रहता हैdatabaseकी आवश्यकता नह ीं होती है।प्रत्येकrequestपर समानरिस्पांस लता है उपयोगकताक कोईactivityनह ीं कर सकता है
लाभ :Easy to DevlopeCheap tohost
Dynamic Websites:–dynamic website content runtime changeकर सकते हैdatabase a content management system (CMS) आवश्यकता होती है ।प्रत्येकrequestपरresponseअलग अलग हो सकता हैFacebook, Amazon, FlipcartवNetflixआदdynamic websiteके दाहरर् ।
लाभ:-More Fuunctionalitygenerate Dynamic Content
Front End:Websiteकाfront endवह भाग होता है जजसेuser browserपर देख सकता है directly intractहो सकता हैfront endवेबसाइट के डिजाईन के प्रनत उत्तरदायी होता । जैसे:form,color, dropdown, menu, text, images, button styleआदद|सामान्यतःfront end websiteकेclient sideकोreferकरती है। इसलए इसेclient sideभीकहते हैं।HTML, CSS, Javascript frontend technologyमें प्रयोग होने लlanguageहै। वह ींangular js, foundation, jQueryवBackbone.jsफ्रेमवकक के उदाहरर् है।
Back End:–Backend Websiteका वह भाग होता है जजसेuser browserपर नह ीं देख सकता है।वेबसाइट backendमें सवेर एप्ल केशन िेटाबेस होता है।backend frontendसेcommunicationकरता है व िाटा सेंि करता है जोwebpageपर दखाई ता है।Ruby PHPPython Netava backend languageहै जोकि Django aravelफ्रेमवकक के उदाहरर् है। इसे सवकरsideभी कहते है।
Client and Server scripting LanguagesClient side Script:–Client side Script clientके ब्राउज़र Executeहोती है।Client side Script Server side ScriptकीतुलनामेंFast Runकरती है।यहsecureनह ीं है।HTML CSS, JS Client side Scriptinglanguageके उदाहरर् है ।।Web serverपरdatabaseसे िाटाaccessनह ींककया जा सकता है।Client side scriptकोUser blockकरसकता है।User source codeको देख सकता है।Front End Techniqueहै।
Server side Script:–Server side स्क्रिप्ट servre परExecuteहोती है।Server side Script Client side ScriptकीतुलनामेंslowRunकरती है।यहsecureहै।PHP, Java,Python,ASP.net server–sideScripting languageके उदाहरर् है।Web serverपरdatabaseसे डाटा डिलीट कया जा सकता है।Server side scriptकोUser blockकर सकते है।User Source odeको नह ीं देख सकताहै।Back End Techniqueहै।Responsive Web Designing:यह एकweb esigning approchहै ताक वेबसाइट अलग अलगdevices (tablet, computer,mobile etc. ),अलग अलगscreenसाइज वscreen orientationके लेआउटसेट करे वproperतर के सेdisplayहो|इसresponsive web design ermकोEthan Marcotteने प्रयोग कया उनकेअनुसारresopnsive web designके तीन भागmedia queries, flexible/fluid rid fluid imageहै।
Fluid grid:–Fluid grid fluid width column fixed gutterवfixed marginहोता है जसमेscreensizeके आधार परcolumn growयाshrinkहोते है ।Fluid images:–Imageकीheight, width पिक्सेल्स में सेट करने पर भी कभीimage screenपरproperly displayनह ीं होती है। अतःRWDके लए imageकोresponsiveबनाना जरूर हैं।
Media Queries :–Screen resolutionवorientationके आधार परlayout customizeकर सकतीहैं।
conclusion (निष्कर्ष ):-
आज हमने O Level ITWD के लिए कुछ बहुत ही महत्त्वपूर्ण जानकारी पढ़ी।। मुझे आशा है कि इस पोस्ट के अध्ययन से आपको o level ITWD preparation में सहायता होगी । यदि आपको मेरे द्वारा दी गई जानकारी helpful लगी हो तो इसे शेयर अवश्य करे ताकि और स्टूडेंट्स को भी O Level ITWD को सीखने का मौका मिल सके ।