इंटरनेटवेब डिजाइन

फ़्रेम - यह क्या है? संरचना और फ्रेम के निर्माण

फ़्रेम - साइट (विंडो), जिसमें हम एक और वेब पेज को देखने का एक क्षेत्र। वेबमास्टर्स अपने दोस्तों या सहयोगियों के मुख पृष्ठ दिखाने के लिए इस अवसर का उपयोग कर रहे हैं। एक ही विधि डी खिड़कियों खोज बॉक्स और उसके परिणाम की संख्या में प्रदर्शित करने के लिए, और इतने पर प्रयोग किया जाता है।

लेकिन ज्यादातर बड़े वेब पोर्टल के निर्माण, में प्रयोग किया जाता फ्रेम जहां मेनू और सबमेनू की काफी संख्या। इस तरह आम तौर पर कहते हैं: "फ्रेम में साइट।" इस तरह के एक संसाधन बनाने के लिए एचटीएमएल भाषा का अच्छा ज्ञान की आवश्यकता है।

वेबसाइट बिल्डर में फ्रेम बनाएं

कुछ वेबसाइट में बिल्डर इस तरह के एक कोड के स्वत: उत्पन्न प्रदान करता है। आमतौर पर, कुंजी फ्रेम के अलावा मुख्य कार्यक्रम मेनू में है। सबसे पहले, आप पृष्ठ पर सही जगह में कर्सर चाहिए, फिर बटन क्लिक (के रूप में स्क्रीनशॉट में दिखाया गया) विंडो खोलने के लिए। चौड़ाई और ऊंचाई: यह पेज है कि फ्रेम में खुलेगा के पते निर्दिष्ट करने के लिए, और आयाम को समायोजित संभव है।

लेकिन ज्यादातर बड़े वेब पोर्टल के निर्माण, में प्रयोग किया जाता फ्रेम जहां मेनू और सबमेनू की काफी संख्या। इस तरह आम तौर पर कहते हैं: "फ्रेम में साइट।" इस तरह के एक संसाधन बनाने के लिए एचटीएमएल भाषा का अच्छा ज्ञान की आवश्यकता है।

इस "सेवा" के साथ, केवल परस्पर संबंधित तत्वों ताकि आप नहीं मिलता है एक पृष्ठ पर एकाधिक फ्रेम बनाने के लिए संभव है।

सीएमएस में फ्रेम्स

मॉड्यूल की स्थापना की वेबसाइटों संभावना बनाने के लिए कई कार्यक्रमों। उदाहरण के लिए, जूमला फ्रेम के लिए - इस मॉड्यूल "आवरण (आवरण)"।

यह पाया जा सकता है और सीएमएस जूमला नियंत्रण कक्ष में स्थापित किया: "एक्सटेंशन" - "मॉड्यूल प्रबंधक" - "नया" (धन चिह्न के अंदर के साथ दौर नारंगी बटन)। में पॉप-अप विंडो, सूची में, आप "आवरण" का मॉड्यूल देखेंगे।

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

इस प्रक्रिया के बाद, आप, "मॉड्यूल प्रबंधक" पर लौटने के लिए एक फ्रेम बना सकते हैं और इसके मापदंडों सेट कर सकते हैं।

तस्वीर में देखा जा सकता है, मॉड्यूल आपको स्थापित करने के लिए अनुमति देता है: फ्रेम के शीर्षक, मॉड्यूल स्थिति, साइट है जिस पर वह प्रदर्शित किया जाता है की पेज का चयन करें। तुम भी चौड़ाई, ऊंचाई को समायोजित कर सकते हैं; एक फ्रेम और एक वेब पेज पर वास्तविक लिंक जोड़ें। फ्रेम आप एक साइट पूर्ण-चौड़ाई, 100%, डिफ़ॉल्ट के मुख्य पृष्ठ प्रदर्शित करने के लिए चाहते हैं, पर्याप्त नहीं होगा। आप सुरक्षित रूप से सही 400% रख सकते हैं। 200 की ऊंचाई आमतौर पर पेज के शीर्ष मेनू प्रदर्शित करने के लिए पर्याप्त है। की शेष सामग्री दिखाई उपयोगकर्ता (आगंतुक) स्क्रॉल पट्टी का उपयोग करता है, तो हो जाएगा।

यहाँ Jumla में क्या एक फ्रेम का एक उदाहरण है।

फ्रेम बनाने के लिए जूमला मॉड्यूल बहुत सुविधाजनक और प्रयोग करने में आसान है। हालांकि, इसकी गुंजाइश सीमित है, साथ ही डिजाइनर सुविधाओं है।

इतिहास और वास्तविकता

फ्रेम कि टैग (अपने आवेदन) की वेबसाइट बनाने का अभ्यास में लंबे समय पृष्ठभूमि की चपेट में आ गया है। वे एक डिजाइन कार्यक्रम है कि saytostroitelya बिना एक वेब पेज के लिए कोड उत्पन्न करता है स्थापित करने में मॉड्यूल को बदलने के लिए, सक्षम थे। हालांकि, कुछ मामलों में यह पर्याप्त नहीं है। उदाहरण के लिए, जब फ्रेम - है क्षेत्रों में से एक एकीकृत जटिल संरचना ब्राउज़र में प्रदर्शित करने के लिए। तो मालिकों जटिल संरचित साइटों को देखने। क्योंकि freymovskie वेबसाइटों विशेष टैग के साथ विशेष रूप से निर्मित इसके निर्माण पर गंभीर मामलों में ही कर रहे हैं।

जटिल संरचित साइटों

उनके लिए, कई परस्पर फ्रेम के निर्माण के सर्वोत्कृष्ट समाधान संसाधन पर सामग्री को व्यवस्थित है। यह आमतौर पर प्रमुख पोर्टल है, हर साल मजबूत के साथ विशाल।

कैसे एक ही परिणाम प्राप्त करने के लिए? कैसे एक फ्रेम संरचना बनाने के लिए?

पेज कोड में फ्रेम में प्रवेश के लिए कैसे

फ्रेम्स टैग का उपयोग कर HTML में जोड़े जाते हैं:

  • फ्रेम (एक अलग विंडो के लिए)
  • फ्रेम (पूरे संरचना इसके साथ बनाई गई है);
  • आइफ्रेम ( "चल" फ्रेम);
  • noframes (उपयोगकर्ता के ब्राउज़र में गैर-प्रदर्शन फ्रेम के मामले में)।

पहले निर्दिष्ट टैग हमेशा की एक जोड़ी में फिट और । और यह और बदल देता है। और उचित विशेषताओं के साथ आप प्रत्येक आइटम की विशेषताओं को समायोजित कर सकते हैं: नाम (नाम =), आकार (कॉलम = और पंक्तियों =), फ्रेम (सीमा) की उपस्थिति, स्क्रॉल पट्टी के रूप और, ज़ाहिर है, किसी वेब पेज पर एक लिंक प्रदर्शित करने के लिए।

विविधताओं पंजीकरण

पूरी साइट पेज क्षेत्रों में विभाजित किया जा सकता है। उदाहरण के लिए, इस तरह:

बाएं

शीर्ष फ्रेम

सही

इस तरह की एक संरचना (यह नेस्टेड कहा जाता है) के अंदर कॉलम विशेषता एक टैग, लेखन क्षैतिज फ्रेम के स्थान का संकेत, और पंक्तियों के द्वारा प्राप्त किया जा सकता है - खड़ी। यह एक संकेत है और निर्धारित आकार के बराबर होती है रखा जाना चाहिए। उदाहरण के लिए, 60%, 40% - प्रतिशत (एक खिड़की अंतरिक्ष ब्राउज़र एक और 60%, क्रमशः, 40% लेता है)। या 100, 200 - पिक्सल में आयाम के अनुपात। फ्रेम में से एक के आयाम है, यह (डिफ़ॉल्ट रूप से सेट) स्थापित करने के लिए संभव नहीं है। इससे पहले कि ऐसा करने के लिए या दशमलव बिंदु के बाद आप * चरित्र निर्दिष्ट करने के लिए की जरूरत है।

src = http: अंदर इस जोड़ी फ्रेम पैरामीटर के साथ प्रत्येक फ्रेम पंजीकृत करता है // साइट / लेख / 143,778 /% 2C उद्धृत बाद में संदर्भ के लिए एक वेब पेज के लिए किया जाता है और एक शीर्षक नाम = (जैसे, फ्रेम 1)।

प्रत्येक नए क्षेत्र घोंसला बनाने से एक नया फ्रेम में नामित है।

उदाहरण कोड: <फ्रेम src = "http://fb.ru/article/143778/%5B%D1%81%D1%81%D1%8B% D0% बी बी% D0% बीए% D0% B0 पेज] "नाम =" फ्रेम नंबर 1 "> <फ्रेम src =" http://fb.ru/article/143778/ // साइट / लेख:% 5 ब% डी 1% 81% डी 1% 81% डी 1% 8B% D0% बी बी% D0% बीए% D0% पेज] "नाम =" फ्रेम № 2 "> <फ्रेम src =" करने के लिए http B0 / 143,778 /% 5 ब% डी 1% 81% डी 1% 81% डी 1% 8B% D0% बी बी% D0% बीए% D0% पृष्ठ पर B0] "नाम =" फ्रेम № 3 ">

इस उदाहरण में सूचना, दूसरे और तीसरे फ्रेम आकार के लिए केवल एक बार निर्धारित कर रहे हैं।

पैन का एक बहुत फ्रेम को चलाने की अनुमति देते हैं। ब्राउज़र विंडो में अपने स्थान के उदाहरण असीम लाया जा सकता है (उचित रूप से कोड बदलना)। हालांकि, यह जानकारी के व्यावहारिक अनुप्रयोग एक लंबे समय के लिए नहीं मिला है। फ्रेम्स, आज इस्तेमाल साइट बनाने के लिए, लेकिन केवल मुक्त सीएमएस या एक iframe में मॉड्यूल के रूप में यदि।

चल फ्रेम

मुझे आश्चर्य है कि क्यों वह अपने नाम मिल गया है, यहाँ शब्द अधिक उपयुक्त "निर्मित" है। यह फ्रेम एक फ़ाइल की सामग्री को प्रदर्शित करने के लिए बनाया गया है। आप डेटाबेस किसी भी दस्तावेज़ को अपलोड या टैग का उपयोग ayfreyma यह करने के लिए पथ सेट दाखिल - और आगंतुकों को एक पाठ फ़ाइल (वीडियो या तस्वीर) देखेंगे। दुर्भाग्य से, ब्राउज़रों हमेशा सामग्री को प्रतिबिंबित नहीं करते। यह वेब बिल्डरों खोलने और बंद करने वाक्यांश के बीच दर्ज किया गया है: "आपका ब्राउज़र सामग्री प्रदर्शित नहीं करता है।"

उदाहरण के लिए, Seopult.ru के लिए - स्वामी से जाना जाता सेवा अग्रिम करने के लिए। इतना ही नहीं अपने मुख्य वेबसाइट, और पोर्टल ग्राहकों के लिए बनाया I.seopult.pro दर्पण।

  • निर्देश । कहाँ
  • टैग सूची आइटम निर्धारित करने के लिए बनाया गया है। सभी ब्राउज़र द्वारा समर्थित।

    दर्पण पर आप एक बटन के रूप में शब्द "निर्देश" पेज में ही देख सकते हैं। आप ब्राउज़र विंडो के केंद्र में उस पर क्लिक करते प्रस्तुति को खोलता है।

    फिल्मों और टीवी शो देखने के लिए सभी प्रमुख स्थलों ayfreymov का उपयोग कर बनाई गई हैं (जैसे, "Imhonet"), और साथ ही सामाजिक नेटवर्क। यहां तक कि "Yandex" के मुख पृष्ठ इस टैग, और नहीं एक जोड़ी शामिल हैं।

    iframe रजिस्टर करने के लिए कैसे

    एक स्क्रॉल पट्टी के साथ एक दस्तावेज़ विंडो के रूप में अपनी वेबसाइट के लिए डाउनलोड किसी भी जगह में हो सकता है। आम तौर पर शरीर के भीतर निपटारा टैग। मानक के अलावा

    और , जैसा कि ऊपर के उदाहरण में दिखाया इस्तेमाल किया जा सकता है और एक टैग सूची -

  • ayfreym जोड़ा विशेषताओं में:

    • चौड़ाई (चौड़ाई) और ऊंचाई (ऊंचाई =);
    • किनारे संरेखित संरेखित;
    • गद्दी, जो नहीं लिख सकते हैं: डिफ़ॉल्ट मान 6 - यह काफी पर्याप्त है;
    • allowtransparency पारदर्शिता फ्रेम क्षेत्र का उपयोग कर, आप निर्दिष्ट कर सकते हैं आप पृष्ठ पृष्ठभूमि देख सकते हैं कि;
    • प्लस परिचित scr, नाम, स्क्रॉल, सीमा।

    ayfreyma का उपयोग कर नेविगेशन

    सबसे दिलचस्प फ्रेम के क्षेत्र में क्षमता है - इस कोड को उस लिंक पर विंडो में सामग्री को खोलने के लिए अनुमति देता है लिखना है - क्या केवल कई संदर्भ (दोनों एक ही पृष्ठ पर उपयोगकर्ता के लिए उपलब्ध) के साथ, रचनाकारों Seopult दर्पण किया था।

    इस लिया ayfreym के लिए, यह अतिरिक्त नाम नाम के बाद = पंजीकृत करता है। उदाहरण के लिए, zagolovok। इसके अलावा, टैग और एक href = http द्वारा निर्धारित संदर्भ में उसके सामने: // साइट / लेख / 143,778 /% डी 1% अनिवार्य 81 का संकेत वे लक्ष्य विशेषता के बाद = zagolovok। इससे पहले कि आप एक बंद टैग का उपयोग कर सकते, शिलालेख, जो संदर्भ बटन रूप में काम करेगा संकेत दिया। टैग "और" खोलने और बंद करने पी टैग में कर रहे हैं।

    आप कोड के इन कुछ पंक्तियों आवंटित अंत में एक पंक्ति में कुछ बटन, लिंक, उस खिड़की पर क्लिक करके विभिन्न सामग्री प्रदर्शित करेगा में ऑनलाइन प्राप्त कर सकते हैं।

    कोड इस तरह दिखेगा:

    पोस्ट नि: शुल्क विज्ञापन

    विज्ञापन देखें