ፍሬም - ምንድን ነው? የፍሬም መዋቅር እና መፍጠር

2024 ደራሲ ደራሲ: Trinity Chesterton | [email protected]. ለመጨረሻ ጊዜ የተሻሻለው: 2024-01-19 22:04

ፍሬም ሌላ ድረ-ገጽ የሚታይበት ጣቢያ (መስኮት) ላይ ያለ ቦታ ነው። የድር አስተዳዳሪዎች የጓደኞቻቸውን ወይም የአጋሮቻቸውን ድረ-ገጾች መነሻ ገጽ ለማሳየት ይህንን እድል ይጠቀማሉ። ተመሳሳይ ዘዴ የፍለጋ ቅጹን በሳጥኖቹ ውስጥ ከሱ ቀጥሎ ያለውን ውጤት ወዘተ ለማሳየት ጥቅም ላይ ይውላል.

ነገር ግን ብዙ ቁጥር ያላቸው የምናሌ ንጥሎች እና ንዑስ ምናሌዎች የሚፈለጉባቸው ትላልቅ የድር መግቢያዎችን ለመፍጠር ክፈፎች ጥቅም ላይ ይውላሉ። ብዙውን ጊዜ ስለ እንደዚህ ዓይነት ሰዎች "በክፈፎች ላይ ያለ ድር ጣቢያ" ይላሉ. እንደዚህ አይነት ግብዓት ለመፍጠር ጥሩ የኤችቲኤምኤል እውቀት ያስፈልጋል።

በድር ጣቢያ ገንቢ ውስጥ ፍሬሞችን መፍጠር

አንዳንድ የድር ጣቢያ ገንቢዎች እንደዚህ አይነት ኮድ በራስ ሰር ማመንጨት ይሰጣሉ። ብዙውን ጊዜ የተጨማሪ ፍሬም ቁልፍ በፕሮግራሙ ዋና ምናሌ ውስጥ ይገኛል። በመጀመሪያ ጠቋሚውን በገጹ ላይ በትክክለኛው ቦታ ላይ ማስቀመጥ ያስፈልግዎታል, ከዚያም አዝራሩን ጠቅ ያድርጉ, መስኮት ይከፈታል (በቅጽበታዊ ገጽ እይታ ላይ እንደሚታየው). በውስጡ፣ በፍሬም ውስጥ የሚከፈተውን የገጹን አድራሻ ማዘጋጀት እና መጠኖቹን: ስፋት እና ቁመትን ማስተካከል ይችላሉ።

ነገር ግን ብዙ ቁጥር ያላቸው የምናሌ ንጥሎች እና ንዑስ ምናሌዎች የሚፈለጉባቸው ትላልቅ የድር መግቢያዎችን ለመፍጠር ክፈፎች ጥቅም ላይ ይውላሉ። ብዙውን ጊዜ ስለ እንደዚህ ዓይነት ሰዎች "በክፈፎች ላይ ያለ ድር ጣቢያ" ይላሉ. እንዲህ ዓይነቱን ሀብት ለመፍጠር ጥሩ እውቀት ይጠይቃልHTML ቋንቋ።

በዚህ "አገልግሎት" በመታገዝ በገጹ ላይ ብዙ ፍሬሞችን መፍጠር ይቻላል፣ነገር ግን በዚህ መንገድ የተገናኙ ክፍሎችን አያገኙም።

ክፈፎች በሲኤምኤስ

በብዙ ድረ-ገጾችን ለመፍጠር በሚሰሩ ፕሮግራሞች ውስጥ ተጓዳኝ ሞጁሉን መጫን ይቻላል። ለምሳሌ፣ ለJoomla፣ ፍሬም የ"Wrapper" ሞዱል ነው።

በJoomla CMS የቁጥጥር ፓነል ውስጥ ሊገኝ እና ሊፈጠር ይችላል፡ "ቅጥያዎች" - "ሞዱል አስተዳዳሪ" - "ፍጠር" (ክብ ብርቱካንማ ቁልፍ በውስጡ የመደመር ምልክት ያለው)። በብቅ ባዩ መስኮቱ በዝርዝሩ ውስጥ "Wrapper" ሞጁሉን ያያሉ።

እዚህ ከሌለ፣ አልተካተተም። እሱን ለመጠቀም መጀመሪያ እዚህ ማግበር ያስፈልግዎታል፡ "ኤክስቴንሽን" ትር፣ ከዚያ "ኤክስቴንሽን አስተዳዳሪ"፣ በመቀጠል "ማኔጅመንት" ትር። እና በሚከፈተው ዝርዝር ውስጥ እየፈለግን ነው, በ "ማጣሪያ" መስክ ውስጥ ለፈጣን ፍለጋ, ቃሉን ያስገቡ: Wrapper. ከዚህ ሞጁል ተቃራኒ በውስጡ ምልክት ያለበት አረንጓዴ አዶ መኖር አለበት። በውስጡ ነጥብ ያለው ቀይ ክበብ ይህ ተሰኪ ተሰናክሏል ማለት ነው።

ከዚህ አሰራር በኋላ፣ ወደ "ሞዱል አስተዳዳሪ" መመለስ፣ ፍሬም መፍጠር እና ግቤቶችን ማዘጋጀት ይችላሉ።

በሥዕሉ ላይ እንደሚታየው ሞጁሉ እንዲያዋቅሩ ይፈቅድልዎታል፡ ከክፈፉ በላይ ያለውን ርዕስ፣ የሞጁሉን አቀማመጥ፣ የሚታየውን የጣቢያውን ገፆች ይምረጡ። እንዲሁም ስፋቱን, ቁመቱን ያስተካክሉ; ፍሬም ጨምር እና በእውነቱወደ ድረ-ገጽ አገናኝ. በፍሬም ውስጥ የጣቢያውን ዋና ገጽ በሙሉ ስፋት ለማሳየት ከፈለጉ 100% ፣ በነባሪነት የተቀመጠ ፣ በቂ አይሆንም። ወዲያውኑ 400% በደህና ማስቀመጥ ይችላሉ. የገጹን የላይኛው ምናሌ ለማሳየት የ 200 ቁመት አብዛኛውን ጊዜ በቂ ነው. ተጠቃሚው (የድረ-ገጽ ጎብኚ) የማሸብለያ አሞሌውን ከተጠቀመ ሁሉም ሌሎች ይዘቶች የሚታዩ ይሆናሉ።

ፍሬም በJoomla ውስጥ ምን እንዳለ የሚያሳይ ምሳሌ እነሆ።

ፍሬም ለመፍጠር Jumla ሞጁል በጣም ምቹ እና ለመጠቀም ቀላል ነው። ነገር ግን፣ አቅሙ ውስን ነው፣ እንደ ገንቢው አቅም ሁሉ።

ታሪክ እና እውነታዎች

ከክፈፎች ውስጥ ጣቢያዎችን የመፍጠር ልምምድ፣ ይህ መለያ (መተግበሪያው) ከረዥም ጊዜ ጀምሮ ከበስተጀርባ ደብዝዟል። ያለ ጣቢያ ገንቢ ተሳትፎ ለድረ-ገጽ ኮድ በሚያመነጩ ሞጁሎች ፣ ቅንጅቶች ውስጥ በግንባታ ፕሮግራሞች መተካት ችለዋል። ሆኖም, በአንዳንድ ሁኔታዎች ይህ በቂ አይደለም. ለምሳሌ, ፍሬም በአሳሹ ውስጥ የሚታዩ ቦታዎች ሁሉን አቀፍ ውስብስብ መዋቅር ሲሆን. ውስብስብ በሆነ መልኩ የተዋቀሩ የጣቢያዎች ባለቤቶች ይህንን ያዩታል. የፍሬም ጣቢያዎች የሚፈጠሩት በልዩ መለያዎች ብቻ ስለሆነ አፈጣጠሩ በጣም ከባድ በሆኑ ጉዳዮች ላይ ብቻ ጥቅም ላይ ይውላል።

በውስብስብ የተዋቀሩ ጣቢያዎች

ለእነሱ እርስ በርስ የተያያዙ በርካታ ፍሬሞችን መፍጠር በመረጃ ገፆች ላይ ይዘትን ለማደራጀት ምርጡ መፍትሄ ነው። እነዚህ እንደ ደንቡ፣ በየአመቱ እየጠነከሩ ያሉ ትልልቅ መግቢያዎች ናቸው።

እንዴት ተመሳሳይ ውጤት ማግኘት ይቻላል? የፍሬም መዋቅር እንዴት ተፈጠረ?

እንዴትፍሬም ወደ ገጽ ኮድ አስገባ

ክፈፎች በኤችቲኤምኤል ውስጥ የሚጨመሩት መለያዎችን በመጠቀም ነው፡

• ፍሬም (ለተለየ መስኮት)፤
• ፍሬምሴት (ሙሉ መዋቅር ለመፍጠር በመጠቀም)፤
• iframe ("ተንሳፋፊ" ፍሬም)፤
• noframes (ክፈፉ በተጠቃሚው አሳሽ ላይ ካልታየ)።

የመጀመሪያው የተገለፀው መለያ ሁል ጊዜ በጥንድ እና. እና ይተካዋል እና. እና በተገቢው ባህሪያት እርዳታ የእያንዳንዱን ንጥረ ነገር ባህሪያት ማስተካከል ይችላሉ-ስም (ስም=), መጠን (cols=እና ረድፎች=), የድንበር መኖር (ድንበር), የመንሸራተቻው ገጽታ እና. በእርግጥ የድረ-ገጹን አገናኝ ለማሳየት።

የዲዛይን ልዩነቶች

የገጹ አጠቃላይ ገጽ ወደ አካባቢዎች ሊከፋፈል ይችላል። ለምሳሌ፣ እንደዚህ፡

ግራ	ከፍተኛ ፍሬም
	ቀኝ

እንዲህ አይነት መዋቅር (ጎጆ ይባላል) የሚገኘው በመለያው ውስጥ ያሉትን የኮልስ አይነታ በመፃፍ ነው፣ ይህ ማለት የክፈፉ ቦታ በአግድም እና ረድፎች - በአቀባዊ። በመቀጠል, የ=ምልክቱ ተቀምጧል እና መጠኖቹ ተወስነዋል. ለምሳሌ, 60%, 40% - መቶኛ (አንድ መስኮት የአሳሹን ቦታ 60% ይወስዳል, ሌላኛው, በቅደም ተከተል, 40%). ወይም 100, 200 - ምጥጥነ ገጽታ በፒክሰሎች. የአንዱ ክፈፎች መጠን ጨርሶ ሊዘጋጅ አይችልም (በነባሪነት ይዘጋጃል።) ይህንን ለማድረግ ከኮማ በኋላ ወይም በፊት ምልክቱን. መግለፅ ያስፈልግዎታል

መክተቻእያንዳንዱ አዲስ አካባቢ በአዲስ ፍሬም ስብስብ ይገለጻል።

የኮድ ምሳሌ፡

በእኛ ምሳሌ ለሁለተኛው እና ለሦስተኛው ክፈፎች መጠኖቹ የተገለጹት አንድ ጊዜ ብቻ መሆኑን ልብ ይበሉ።

ብዙ ሃሳቦች ፍሬሞችን እንዲያጠናቅቁ ያስችሉዎታል። በአሳሽ መስኮቱ ውስጥ ያሉበት ቦታ ምሳሌዎች ማለቂያ በሌለው ሊሰጡ ይችላሉ (በዚያው ኮድ መቀየር). ሆኖም, ይህ መረጃ ለረጅም ጊዜ ተግባራዊ አተገባበር አላገኘም. ክፈፎች፣ ጣቢያዎችን ሲፈጥሩ ዛሬ ጥቅም ላይ ከዋሉ፣ በሞጁሎች መልክ በነጻ ሲኤምኤስ ወይም በ iframe መልክ ብቻ ናቸው።

ተንሳፋፊ ፍሬም

ለምን እንደዚህ አይነት ስም እንዳገኘ ይገርማል፣ "አብሮ የተሰራ" የሚለው ቃል እዚህ የበለጠ ተስማሚ ነው። ይህ ፍሬም የተፈጠረው የፋይሉን ይዘት ለማሳየት ነው። ማንኛውንም ሰነድ ወይም ፋይል ወደ ዳታቤዝ ይሰቅላሉ ፣ የ iframe መለያዎችን በመጠቀም ወደ እሱ የሚወስደውን መንገድ ይፃፉ - እና ጎብኝዎች የፋይሉን ጽሑፍ (ቪዲዮ ወይም ምስል) ያያሉ። የአጋጣሚ ነገር ሆኖ አሳሾች ሁልጊዜ ይዘት አያሳዩም። ይህንን ለማድረግ የድር ገንቢዎች በመክፈቻ እና በመዝጊያ መለያዎች መካከል ያለውን ሀረግ ያስገባሉ፡ "አሳሽህ ይዘት እያሳየ አይደለም"

ለምሳሌ፣ Seopult.ru ለማስተዋወቅ ጌቶች የታወቀ አገልግሎት ነው። የእሱ ዋና ጣቢያ ብቻ አይደለም, ነገር ግን መስታወት I.seopult.pro, ለፖርታል ደንበኞች የተፈጠረ. የ iframe ኮድ እዚህ ተጽፏል፡

መመሪያዎች

። መለያው የት ነው

• የተፈጠረው የዝርዝር ንጥል ነገርን ለመወሰን ነው። በሁሉም አሳሾች የተደገፈ።

  በመስተዋቱ ገጽ ላይ "መመሪያ" የሚለውን ቃል በአዝራር መልክ ማየት ይችላሉ። በአሳሽ መስኮቱ መሃል ላይ እሱን ጠቅ ማድረግ አቀራረቡን ይከፍታል።

  ሁሉም ትልቅፊልሞችን እና ተከታታዮችን የሚመለከቱ ጣቢያዎች የተፈጠሩት iframes (ለምሳሌ “Imhonet”) እንዲሁም ማህበራዊ አውታረ መረቦችን በመጠቀም ነው። የ"Yandex" ዋና ገጽ እንኳን ይህን መለያ እና ከአንድ በላይ ጥንድ ይዟል።

  ኢፍራም እንዴት እንደሚፃፍ

  በመስኮት መልክ ሰነድን በማሸብለል ባር በጣቢያው ላይ ወዳለ ማንኛውም ቦታ መስቀል ይችላሉ። ብዙውን ጊዜ መለያዎች በሰውነት ውስጥ ይቀመጣሉ። ከመሥፈርቱ ባሻገር

  እና

  ፣ ከላይ ባለው ምሳሌ ላይ እንደሚታየው የዝርዝር መለያው እንዲሁ መጠቀም ይቻላል -

  • ባህሪያት ወደ iframe ታክለዋል፡

    • ስፋት (ስፋት) እና ቁመት (ቁመት=)፤
    • የጠርዝ አሰላለፍ፤
    • ሊገለጹም ላይሆኑ የሚችሉ ኢንደንቶች፡ ነባሪው ዋጋ 6 ነው - ይህ በቂ ነው፤
    • ግልጽነትን በመጠቀም የገጹ ዳራ እንዲታይ የፍሬም አካባቢውን ግልፅነት ማዘጋጀት ይችላሉ፤
    • ከሚታወቀው scr፣ ስም፣ ማሸብለል፣ ድንበር።

    በ iframe በማሰስ ላይ

    በጣም የሚገርመው የፍሬም ክህሎት ይዘትን በመስኮት በሊንክ እንዲከፍቱ የሚያስችልዎትን ኮድ መፃፍ ነው፣ይህም የሴopult መስታዎት ፈጣሪዎች ያደረጉትን ነው፣በአንድ ጊዜ በበርካታ ሊንኮች ብቻ (በአንድ ጊዜ ለተጠቃሚው ይገኛል) ተመሳሳይ ገጽ)።

    ለዚህ፣ አንድ iframe ይወሰዳል፣ ስሙ በተጨማሪ በውስጡ በስም ይፃፋል። ለምሳሌ, ራስጌ. በተጨማሪም ፣ ከመለያዎቹ በፊት እና ማያያዣዎቹ በ HREF በኩል ተጽፈዋል ። ከኋላቸው ባለው የግዴታ መለያ ምልክት a - የመዝጊያ መለያን ከመጠቀምዎ በፊት እንደ አገናኝ-አዝራር የሚያገለግል ጽሑፍ ይጠቁማል። መለያዎች "a" መክፈት እና መዝጋትበመለያ p. ተዘግተዋል

    ከዚህ በታች ባለው መስኮት ላይ የተለያዩ ይዘቶች የሚታዩባቸውን ጠቅ በማድረግ በመጨረሻ በርካታ ማገናኛ ቁልፎችን በአንድ ረድፍ ለማግኘት በኮዱ ውስጥ ብዙ መስመሮችን መፃፍ ይችላሉ።

    ኮዱ ይህን ይመስላል፡

    ማስታወቂያ ይለጥፉ

    ማስታወቂያዎችን ይመልከቱ

    

    በድር ጣቢያው ላይ እንዴት ይታያል፡

    እንዴት iframeን ወደ Joomla ጣቢያ ማስገባት ይቻላል

    እንደ መደበኛ የJoomla የቁጥጥር ፓነል የነቃ (ለአገልግሎት ዝግጁ የሆነ) "HTML-code" ሞጁል አለው። በእሱ አማካኝነት ማንኛውንም ኮድ በጣቢያው ላይ በማንኛውም ቦታ ማስገባት ይችላሉ. ሆኖም ግን, እሱ በግትርነት የ iFrem መለያ ያለውን ኮድ ችላ ይለዋል. ስለዚህ ልዩ የጁሚ ሞጁል እንጠቀማለን።

    በመጀመሪያ ከበይነመረቡ ማውረድ እና በ Joomla የአስተዳደር ፓነል በኩል መጫን ያስፈልግዎታል: "ቅጥያዎች" - "የቅጥያ አስተዳዳሪ" - "ፋይል ምረጥ". ወደ የወረደው ማህደር የሚወስደውን መንገድ ይግለጹ እና "አውርድ"ን ጠቅ ያድርጉ።

    ከተሳካ ጭነት በኋላ ወደ "ሞዱል አስተዳዳሪ" ይሂዱ እና አዲስ ይፍጠሩ። የጁሚ ዓይነት ይምረጡ። በሚከፈተው መስኮት ውስጥ, በ "ብጁ ኮድ" መስክ ውስጥ, በአንቀጹ ቀደም ባለው አንቀጽ ላይ እንደሚታየው የተዘጋጀውን iFrem ያስገቡ. ለሞጁሉ ርዕስ ይስጡ, የምደባ ቦታውን እና የጣቢያ ገጾችን ይግለጹ. አስቀምጥን ጠቅ ያድርጉ እና ይመልከቱት።

    አሳሾች እና ክፈፎች

    ሁሉም ታዋቂ አሳሾች የፍሬም መስኮቶችን ይዘቶች በደንብ ያሳያሉ፡ Chrome፣ Safari፣ Firefox፣ Android፣ iOS። በዚህ ረገድ ኢንተርኔት ኤክስፕሎረር እና ኦፔራ ከፍተኛ ደረጃ አላቸው። እና አሁንም ምንም ዋስትና የለምየጣቢያዎ ጎብኚ የሁሉንም መስኮቶች ይዘቶች ያያል. በዚህ አጋጣሚ, noframe tag (መክፈቻ እና መዝጋት) በመጠቀም መልእክት መተው አለብዎት. በውስጡ የሚከተለውን ማስገባት ይችላሉ: "አሳሽዎ ጊዜው ያለፈበት ነው. የጣቢያውን ይዘት ለማሳየት ስሪቱን ያዘምኑ." የተጠቃሚው አሳሽ ፍሬሞችን በትክክል ከሰራ ይህን መልእክት አያዩም።

    ስለዚህ ፍሬም የራሱ ዩአርኤል ያለው የጣቢያው አካባቢ ወይም መስኮት ነው። ብዙ ድረ-ገጾችን ወይም ገለልተኛ ሰነዶችን በአንድ አሳሽ መስክ በአንድ ጊዜ ለማሳየት ይጠቅማል፣ የራሳቸው ዩአርኤልም አላቸው። ምንም እንኳን ክፈፎች ውስብስብ ጣቢያን በደንብ እንዲያደራጁ ቢፈቅዱም, ከኢፍራም በስተቀር ለረጅም ጊዜ ጥቅም ላይ አልዋሉም. የዚህን መለያ አጠቃቀም በተወሰነ መስኮት ውስጥ የዝግጅት አቀራረቦችን, የቪዲዮ ማጫወቻዎችን, የጽሑፍ ሰነዶችን ለመጫን አሁንም ጠቃሚ ነው. በትልልቅ እና በታወቁ የድር ሀብቶች በንቃት ጥቅም ላይ ይውላል።