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

फ्रेम - यो के हो? संरचना र फ्रेम सिर्जना

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

तर ज्यादातर ठूलो वेब पोर्टल सिर्जना, प्रयोग फ्रेम मेनू र submenus एक धेरै नम्बर जहाँ। यस्तो सामान्यतया भन्छन्: "फ्रेम मा साइट।" यस्तो स्रोत सिर्जना गर्न HTML-भाषा को राम्रो ज्ञान आवश्यक छ।

वेबसाइट बनाउने मा फ्रेम सिर्जना

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

तर ज्यादातर ठूलो वेब पोर्टल सिर्जना, प्रयोग फ्रेम मेनू र submenus एक धेरै नम्बर जहाँ। यस्तो सामान्यतया भन्छन्: "फ्रेम मा साइट।" यस्तो स्रोत सिर्जना गर्न HTML-भाषा को राम्रो ज्ञान आवश्यक छ।

यो "सेवा" संग, एक पृष्ठमा धेरै फ्रेम सिर्जना तपाईं प्राप्त छैन त्यसैले मात्र अन्तर-सम्बन्धित तत्व गर्न सम्भव छ।

CMS मा फ्रेम

मोड्युल स्थापना को वेबसाइट संभावना बनाउनको लागि धेरै कार्यक्रम। उदाहरणका लागि, Joomla फ्रेम लागि - यो मोड्युल "wrapper (wrapper)"।

यसलाई फेला गर्न सकिँदैन र सीएमएस Joomla नियन्त्रण प्यानल मा सेट अप: "एक्सटेन्सन" - "मोड्युल प्रबन्धक" - "नयाँ" (को एक प्लस भित्र चिन्ह राउन्ड सुन्तला बटन)। को मा पप-अप विन्डोमा सूचीमा, तपाईँले "wrapper" को एक मोड्युल हेर्नुहोस् हुनेछ।

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

यो प्रक्रिया पछि, तपाईं, यो "मोड्युल प्रबन्धक" फर्कन सक्छ फ्रेम बनाउन र यसको मापदण्डहरू सेट।

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

यहाँ जुम्ला मा के एक फ्रेम एउटा उदाहरण हो।

फ्रेम बनाउनको लागि Joomla मोड्युल धेरै सुविधाजनक र प्रयोग गर्न सजिलो छ। तर, यसको स्कोप सीमित, साथै डिजाइनर सुविधाहरू छ।

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

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

जटिल संरचित साइटहरु

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

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

पृष्ठ कोड फ्रेम कसरी प्रवेश गर्न

फ्रेम ट्याग प्रयोग HTML थपिएका छन्:

  • फ्रेम (छुट्टै विन्डो लागि)
  • frameset (पुरा संरचना संग बनाएको छ);
  • iframe (फ्रेम "अस्थायी");
  • noframes (प्रयोगकर्ताको ब्राउजरमा गैर-प्रदर्शन फ्रेम को मामला मा)।

पहिलो निर्दिष्ट ट्याग सधैं को एक जोडी मा फिट र । र यो <शरीर> र प्रतिस्थापन। र उपयुक्त विशेषताहरु तपाईंलाई प्रत्येक वस्तुको विशेषताहरु समायोजन गर्न सक्नुहुन्छ: नाम (नाम =), आकार (स्तम्भहरू = र पङ्क्तिहरू =), फ्रेम (सीमाना) को उपस्थिति, पाठ्यक्रम पुस्तक पट्टी को फारम र, प्रदर्शन गर्न वेब पेज को लिंक।

भेरिएसनहरूमा दर्ता

सम्पूर्ण साइट पृष्ठ क्षेत्रहरु भागमा विभाजन गर्न सकिन्छ। उदाहरणका लागि, यो जस्तै:

बाँकी

शीर्ष फ्रेम

दायाँ

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

src = http: यो जोडी frameset मानकहरु साथ प्रत्येक फ्रेम रजस्टर भित्र // साइट / लेख / 143778 /% 2C उद्धृत hereinafter सन्दर्भ वेब पृष्ठमा बनेको छ र शीर्षक नाम = (जस्तै, फ्रेम 1)।

प्रत्येक नयाँ क्षेत्र नेस्टिङ नयाँ frameset नामित छ।

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

दोस्रो र तेस्रो फ्रेम आकार एक पटक मात्र निर्धारित छन् को लागि, यो उदाहरण मा ध्यान दिनुहोस्।

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

अस्थायी फ्रेम

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

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

  • निर्देश । जहाँ
  • ट्याग सूची वस्तु निर्धारण गर्न डिजाइन गरिएको छ। सबै ब्राउजर द्वारा समर्थित।

    को दर्पण मा तपाईं एउटा बटन को रूप मा शब्द "निर्देश" पृष्ठ नै देख्न सक्छौं। तपाईं जब ब्राउजर विन्डो को केन्द्र मा क्लिक गर्नुहोस् प्रस्तुति खुल्छ।

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

    iframe दर्ता कसरी गर्ने

    एक पुस्तक पट्टी एउटा कागजात विन्डोमा को रूप मा आफ्नो वेबसाइट डाउनलोड कुनै पनि ठाउँमा हुन सक्छ। शरीर भित्र सामान्यतया disposed ट्यागहरू। मानक साथै

    , उदाहरण मा देखाइएको माथि प्रयोग गर्न सकिन्छ र ट्याग सूची -

  • ayfreym थपियो विशेषताहरु मा:

    • चौडाइ (चौडाई) र उचाइ (उचाइ =);
    • किनारा पङ्क्तिबद्ध aligning;
    • सल्लाह दिन्छन् छैन जो सक्नुहुन्छ, padding,: पूर्वनिर्धारित मान 6 छ - यो एकदम पर्याप्त छ;
    • allowtransparency पारदर्शिता फ्रेम क्षेत्र प्रयोग, तपाईंले पृष्ठ पृष्ठभूमि हेर्न सक्नुहुन्छ कि निर्दिष्ट गर्न सक्नुहुन्छ;
    • प्लस परिचित scr, नाम, स्क्रोलिङ, बोर्डर।

    नेभिगेसन ayfreyma प्रयोग

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

    यो लिएको ayfreym लागि, यो अतिरिक्त नाम पछि नाम रजस्टर =। उदाहरणका लागि, zagolovok। थप, ट्याग र a href = http द्वारा निर्धारित उल्लेख उहाँलाई अगाडि: // साइट / लेख / 143778 /% डी 1% संकेत अनिवार्य 81 तिनीहरूले लक्ष्य विशेषता पछि = zagolovok। तपाईं एउटा बन्द ट्याग प्रयोग गर्नु अघि, सन्दर्भ बटन रूपमा सेवा गर्नेछन् जो लेखिएको, संकेत गर्नुभयो। ट्याग "र" खोल्ने र बन्द गर्ने पी ट्याग छन्।

    तपाईं अन्तमा केही बटन, लिंक, कि सञ्झ्यालमा क्लिक गरेर तल फरक सामग्री प्रदर्शन गर्नेछ एक पंक्ति मा अनलाइन प्राप्त गर्न कोड यी केही रेखाहरू प्रदान गर्न सक्छन्।

    कोड यो जस्तो थियो:

    पोस्ट फ्री विज्ञापन

    विज्ञापन हेर्नुहोस्