एक फ्रेम एक साइट (विंडो) पर एक क्षेत्र है जिसमें एक और वेब पेज दिखाई देता है। वेबमास्टर इस अवसर का उपयोग अपने मित्रों या भागीदारों की साइटों के होम पेज को प्रदर्शित करने के लिए करते हैं। इसी तकनीक का उपयोग खोज फ़ॉर्म को उसके बगल में परिणाम के साथ बॉक्स में प्रदर्शित करने के लिए किया जाता है, आदि।
लेकिन अधिकतर फ़्रेम का उपयोग बड़े वेब पोर्टलों के निर्माण में किया जाता है, जहां काफी संख्या में मेनू आइटम और सबमेनस की आवश्यकता होती है। वे आमतौर पर ऐसे लोगों के बारे में कहते हैं: "फ्रेम पर वेबसाइट"। ऐसा संसाधन बनाने के लिए HTML का अच्छा ज्ञान आवश्यक है।
वेबसाइट बिल्डर में फ्रेम बनाना
कुछ वेबसाइट निर्माता ऐसे कोड की स्वचालित पीढ़ी प्रदान करते हैं। आमतौर पर ऐड फ्रेम बटन प्रोग्राम के मेन मेन्यू में स्थित होता है। सबसे पहले आपको कर्सर को पेज पर सही जगह पर रखना है, फिर बटन पर क्लिक करना है, एक विंडो खुलेगी (जैसा कि स्क्रीनशॉट में दिखाया गया है)। इसमें आप फ्रेम में खुलने वाले पेज का एड्रेस सेट कर सकते हैं और डाइमेंशन्स को एडजस्ट कर सकते हैं: चौड़ाई और ऊंचाई।
लेकिन अधिकतर फ़्रेम का उपयोग बड़े वेब पोर्टलों के निर्माण में किया जाता है, जहां काफी संख्या में मेनू आइटम और सबमेनस की आवश्यकता होती है। वे आमतौर पर ऐसे लोगों के बारे में कहते हैं: "फ्रेम पर वेबसाइट"। ऐसा संसाधन बनाने के लिए अच्छे ज्ञान की आवश्यकता होती हैएचटीएमएल भाषा।
इस "सेवा" की मदद से पेज पर कई फ्रेम बनाना संभव है, लेकिन आपको इस तरह से इंटरकनेक्टेड एलिमेंट नहीं मिलेंगे।
सीएमएस में फ्रेम
वेबसाइट बनाने के कई कार्यक्रमों में, संबंधित मॉड्यूल को स्थापित करना संभव है। उदाहरण के लिए, जूमला के लिए, एक फ्रेम एक "रैपर" मॉड्यूल है।
इसे जूमला सीएमएस कंट्रोल पैनल में पाया और बनाया जा सकता है: "एक्सटेंशन" - "मॉड्यूल मैनेजर" - "क्रिएट" (एक गोल नारंगी बटन जिसके अंदर प्लस चिन्ह है)। पॉप-अप विंडो में, सूची में, आप "रैपर" मॉड्यूल देखेंगे।
अगर यह यहाँ नहीं है, तो इसे शामिल नहीं किया जाता है। इसका उपयोग करने के लिए, आपको पहले इसे यहां सक्रिय करना होगा: "एक्सटेंशन" टैब, फिर "एक्सटेंशन मैनेजर", फिर "प्रबंधन" टैब। और हम खुलने वाली सूची में देख रहे हैं, "फ़िल्टर" फ़ील्ड में त्वरित खोज के लिए, शब्द दर्ज करें: रैपर। इस मॉड्यूल के सामने एक हरे रंग का आइकन होना चाहिए जिसके अंदर एक चेक मार्क हो। एक लाल घेरे के अंदर एक बिंदु का मतलब होगा कि यह प्लग इन अक्षम है।
इस प्रक्रिया के बाद, आप "मॉड्यूल मैनेजर" पर वापस आ सकते हैं, एक फ्रेम बना सकते हैं और इसके पैरामीटर सेट कर सकते हैं।
जैसा कि आप चित्र में देख सकते हैं, मॉड्यूल आपको सेट करने की अनुमति देता है: फ्रेम के ऊपर शीर्षक, मॉड्यूल की स्थिति, उस साइट के पृष्ठों का चयन करें जिस पर इसे प्रदर्शित किया जाएगा। और चौड़ाई, ऊंचाई भी समायोजित करें; एक फ्रेम जोड़ें और वास्तव मेंएक वेब पेज से लिंक करें। यदि एक फ्रेम में आप किसी साइट के मुख्य पृष्ठ को पूरी चौड़ाई में प्रदर्शित करना चाहते हैं, तो डिफ़ॉल्ट रूप से सेट किया गया 100% पर्याप्त नहीं होगा। आप तुरंत सुरक्षित रूप से 400% डाल सकते हैं। पृष्ठ के शीर्ष मेनू को प्रदर्शित करने के लिए आमतौर पर 200 की ऊंचाई पर्याप्त होती है। यदि उपयोगकर्ता (वेबसाइट विज़िटर) स्क्रॉलबार का उपयोग करता है तो अन्य सभी सामग्री दिखाई देगी।
जूमला में एक फ्रेम क्या है इसका एक उदाहरण यहां दिया गया है।
फ्रेम बनाने के लिए जुमला मॉड्यूल बहुत सुविधाजनक और उपयोग में आसान है। हालाँकि, इसकी क्षमताएं सीमित हैं, जैसा कि निर्माता की क्षमताएं हैं।
इतिहास और हकीकत
फ्रेम से साइट बनाने के अभ्यास में, यह टैग (इसका अनुप्रयोग) लंबे समय से पृष्ठभूमि में फीका पड़ गया है। वे मॉड्यूल द्वारा प्रतिस्थापित करने में सक्षम थे, कंस्ट्रक्टर कार्यक्रमों में सेटिंग्स जो एक साइट बिल्डर की भागीदारी के बिना एक वेब पेज के लिए कोड उत्पन्न करते हैं। हालांकि, कुछ मामलों में यह पर्याप्त नहीं है। उदाहरण के लिए, जब एक फ्रेम ब्राउज़र में प्रदर्शित क्षेत्रों की समग्र जटिल संरचना होती है। जटिल रूप से संरचित साइटों के मालिक इसे इस तरह देखते हैं। इसके निर्माण का उपयोग केवल चरम मामलों में ही किया जाता है, क्योंकि फ़्रेम साइट विशेष रूप से विशेष टैग की सहायता से बनाई जाती हैं।
जटिल रूप से संरचित साइटें
उनके लिए, संसाधन पृष्ठों पर सामग्री को व्यवस्थित करने के लिए कई इंटरकनेक्टेड फ़्रेम बनाना सबसे अच्छा समाधान है। ये, एक नियम के रूप में, बड़े पोर्टल हैं, जो हर साल मजबूत होते जा रहे हैं।
एक ही परिणाम कैसे प्राप्त करें? फ्रेम संरचना कैसे बनाई जाती है?
कैसेपेज कोड में फ्रेम डालें
HTML में फ़्रेम टैग का उपयोग करके जोड़े जाते हैं:
- फ्रेम (एक अलग विंडो के लिए);
- फ्रेमसेट (पूरी संरचना बनाने के लिए इसका उपयोग करना);
- आईफ्रेम ("फ्लोटिंग" फ्रेम);
- noframes (यदि उपयोगकर्ता के ब्राउज़र में फ़्रेम प्रदर्शित नहीं होता है)।
पहला निर्दिष्ट टैग हमेशा और की जोड़ी में फिट बैठता है। और यह प्रतिस्थापित करता है और. और उपयुक्त विशेषताओं की सहायता से, आप प्रत्येक तत्व की विशेषताओं को समायोजित कर सकते हैं: नाम (नाम=), आकार (कॉल्स=और पंक्तियाँ=), एक सीमा (सीमा) की उपस्थिति, स्क्रॉलबार की उपस्थिति और, बेशक, प्रदर्शित करने के लिए वेब पेज का लिंक।
डिजाइन विविधता
साइट के पूरे पृष्ठ को क्षेत्रों में विभाजित किया जा सकता है। उदाहरण के लिए, इस तरह:
| बाएं | शीर्ष फ्रेम |
| सही |
ऐसी संरचना (इसे नेस्टेड कहा जाता है) को टैग के अंदर cols विशेषता लिखकर प्राप्त किया जा सकता है, जिसका अर्थ है कि फ्रेम का स्थान क्षैतिज रूप से, और पंक्तियाँ - लंबवत। इसके बाद=चिन्ह लगाया जाता है और आयाम निर्धारित किए जाते हैं। उदाहरण के लिए, 60%, 40% - प्रतिशत (एक विंडो ब्राउज़र स्थान का 60%, दूसरी, क्रमशः, 40%) लेगी। या 100, 200 - पिक्सेल में पहलू अनुपात। किसी एक फ्रेम का आकार बिल्कुल भी सेट नहीं किया जा सकता (यह डिफ़ॉल्ट रूप से सेट किया जाएगा)। ऐसा करने के लिए, अल्पविराम के बाद या पहले, आपको प्रतीक. निर्दिष्ट करना होगा
नेस्टिंगप्रत्येक नए क्षेत्र को एक नए फ्रेमसेट द्वारा दर्शाया जाता है।
कोड उदाहरण:
ध्यान दें कि हमारे उदाहरण में, दूसरे और तीसरे फ्रेम के लिए, आकार केवल एक बार निर्दिष्ट किए गए हैं।
कई विचार आपको फ़्रेम पूर्ण करने की अनुमति देते हैं। ब्राउज़र विंडो में उनके स्थान के उदाहरण अंतहीन दिए जा सकते हैं (तदनुसार कोड बदलते हुए)। हालांकि, इस जानकारी को लंबे समय तक व्यावहारिक अनुप्रयोग नहीं मिला है। फ़्रेम, यदि आज साइट बनाते समय उपयोग किया जाता है, तो केवल मुफ्त CMS में मॉड्यूल के रूप में या iframe के रूप में होते हैं।
अस्थायी फ्रेम
यह अजीब है कि इसे ऐसा नाम क्यों मिला, "अंतर्निहित" शब्द यहां अधिक उपयुक्त है। यह फ्रेम एक फाइल की सामग्री को प्रदर्शित करने के लिए बनाया गया है। आप किसी भी दस्तावेज़ या फ़ाइल को डेटाबेस में अपलोड करते हैं, iframe टैग का उपयोग करके उसके लिए पथ लिखते हैं - और विज़िटर फ़ाइल (वीडियो या छवि) का पाठ देखेंगे। दुर्भाग्य से, ब्राउज़र हमेशा सामग्री प्रस्तुत नहीं करते हैं। ऐसा करने के लिए, वेब निर्माता उद्घाटन और समापन टैग के बीच वाक्यांश दर्ज करते हैं: "आपका ब्राउज़र सामग्री प्रदर्शित नहीं कर रहा है।"
उदाहरण के लिए, Seopult.ru प्रमोशन मास्टर्स के लिए एक प्रसिद्ध सेवा है। न केवल उनकी मुख्य साइट, बल्कि पोर्टल क्लाइंट के लिए बनाया गया एक दर्पण I.seopult.pro। आईफ्रेम कोड यहां इस प्रकार लिखा गया है:
निर्देश
। टैग कहां है
-
एक सूची आइटम को परिभाषित करने के लिए बनाया गया था। सभी ब्राउज़रों द्वारा समर्थित।
दर्पण पृष्ठ पर ही, आप "निर्देश" शब्द को एक बटन के रूप में देख सकते हैं। ब्राउज़र विंडो के केंद्र में उस पर क्लिक करने से प्रस्तुति खुल जाती है।
सभी बड़ेफिल्में और श्रृंखला देखने के लिए साइटें iframes (उदाहरण के लिए, "Imhonet"), साथ ही साथ सामाजिक नेटवर्क का उपयोग करके बनाई गई हैं। यहां तक कि "यांडेक्स" के मुख्य पृष्ठ में भी यह टैग और एक से अधिक जोड़े हैं।
आइफ्रेम कैसे लिखें
आप साइट पर किसी भी स्थान पर स्क्रॉल बार के साथ विंडो के रूप में दस्तावेज़ अपलोड कर सकते हैं। आमतौर पर टैग शरीर के अंदर लगाए जाते हैं। मानक से परे
और, जैसा कि ऊपर के उदाहरण में दिखाया गया है, सूची टैग का भी उपयोग किया जा सकता है -
-
।
आइफ्रेम में विशेषताएँ जोड़ी जाती हैं:
- चौड़ाई (चौड़ाई) और ऊंचाई (ऊंचाई=);
- एज अलाइनमेंट अलाइन;
- इंडेंट्स जो निर्दिष्ट हो सकते हैं या नहीं भी हो सकते हैं: डिफ़ॉल्ट मान 6 है - यह काफी है;
- अनुमति पारदर्शिता का उपयोग करके, आप फ़्रेम क्षेत्र की पारदर्शिता सेट कर सकते हैं ताकि पृष्ठ की पृष्ठभूमि देखी जा सके;
- प्लस परिचित स्क्रू, नाम, स्क्रॉलिंग, बॉर्डर।
आइफ्रेम के साथ नेविगेट करना
सबसे दिलचस्प फ़्रेमिंग कौशल कोड लिखना है जो आपको एक लिंक द्वारा एक विंडो में सामग्री खोलने की अनुमति देता है, जो कि सीपल्ट दर्पण के रचनाकारों ने किया था, केवल एक बार में कई लिंक के साथ (एक साथ उपयोगकर्ता के लिए उपलब्ध एक ही पृष्ठ)।
इसके लिए एक आईफ्रेम लिया जाता है, उसमें नाम के माध्यम से नाम भी लिखा जाता है। उदाहरण के लिए, हेडर। इसके अलावा, इससे पहले टैग और लिंक में HREF=उनके बाद विशेषता के अनिवार्य संकेत के साथ लिखा जाता है। क्लोजिंग टैग a का उपयोग करने से पहले, एक शिलालेख इंगित किया जाता है जो लिंक-बटन के रूप में काम करेगा। टैग "ए" उद्घाटन और समापनटैग p. में संलग्न हैं
आप साइट पर एक पंक्ति में कई लिंक बटन प्राप्त करने के लिए कोड में कई ऐसी पंक्तियाँ लिख सकते हैं, जिस पर क्लिक करके नीचे की विंडो में विभिन्न सामग्री प्रदर्शित की जाएगी।
कोड इस तरह दिखेगा:
विज्ञापन पोस्ट करें
विज्ञापन देखें
Image वेबसाइट पर यह कैसा दिखेगा:
जूमला साइट में आईफ्रेम कैसे डालें
एक मानक के रूप में, जूमला कंट्रोल पैनल में एक सक्षम (रेडी-टू-यूज़) "एचटीएमएल-कोड" मॉड्यूल है। इसके साथ आप साइट पर कहीं भी कोई भी कोड डाल सकते हैं। हालांकि, वह हठपूर्वक iFrem टैग वाले कोड की उपेक्षा करता है। इसलिए, हम एक विशेष जुमी मॉड्यूल का उपयोग करेंगे।
सबसे पहले, आपको इसे इंटरनेट से डाउनलोड करना होगा और इसे जूमला प्रशासनिक पैनल के माध्यम से स्थापित करना होगा: "एक्सटेंशन" - "एक्सटेंशन मैनेजर" - "फाइल का चयन करें"। डाउनलोड किए गए संग्रह के लिए पथ निर्दिष्ट करें और "डाउनलोड" पर क्लिक करें।
सफल इंस्टॉलेशन के बाद, "मॉड्यूल मैनेजर" पर जाएं और एक नया बनाएं। जुमी के प्रकार का चयन करें। खुलने वाली विंडो में, "कस्टम कोड" फ़ील्ड में, तैयार किए गए iFrem को दर्ज करें, जैसा कि लेख के पिछले पैराग्राफ में दिखाया गया है। मॉड्यूल को एक शीर्षक दें, प्लेसमेंट स्थिति और साइट पृष्ठ निर्दिष्ट करें। सहेजें पर क्लिक करें और इसे देखें।
ब्राउज़र और फ़्रेम
सभी लोकप्रिय ब्राउज़र फ़्रेम विंडो की सामग्री को अच्छी तरह से प्रदर्शित करते हैं: क्रोम, सफारी, फ़ायरफ़ॉक्स, एंड्रॉइड, आईओएस। इस संबंध में इंटरनेट एक्सप्लोरर और ओपेरा की दर विशेष रूप से उच्च है। और फिर भी कोई गारंटी नहीं हैकि आपकी साइट के विज़िटर को सभी विंडो की सामग्री दिखाई देगी। इस मामले में, आपको नोफ्रेम टैग (ओपनिंग और क्लोजिंग) का उपयोग करके एक संदेश छोड़ना चाहिए। आप इसमें निम्नलिखित दर्ज कर सकते हैं: "आपका ब्राउज़र पुराना है। साइट की सामग्री को प्रदर्शित करने के लिए संस्करण को अपडेट करें।" यदि उपयोगकर्ता का ब्राउज़र फ़्रेम को सही ढंग से प्रस्तुत करता है, तो उन्हें यह संदेश दिखाई नहीं देगा।
तो एक फ्रेम एक साइट का एक क्षेत्र या खिड़की है जिसका अपना यूआरएल है। एक ब्राउज़र फ़ील्ड में एक साथ कई वेब पेज या स्वतंत्र दस्तावेज़ प्रदर्शित करने के लिए उपयोग किया जाता है, जिसमें उनका अपना URL भी होता है। इस तथ्य के बावजूद कि फ्रेम आपको एक जटिल साइट को अच्छी तरह से व्यवस्थित करने की अनुमति देते हैं, उनका उपयोग लंबे समय तक नहीं किया गया है, आईफ्रेम को छोड़कर। इस टैग का उपयोग अभी भी एक विशिष्ट विंडो में प्रस्तुतियों, एक वीडियो प्लेयर, टेक्स्ट दस्तावेज़ों को लोड करने के लिए प्रासंगिक है। यह बड़े और प्रसिद्ध वेब संसाधनों द्वारा सक्रिय रूप से उपयोग किया जाता है।
-
