ઈન્ટરનેટવેબ ડિઝાઇન

ફ્રેમ - આ શું છે? માળખું અને ફ્રેમ બનાવટ

ફ્રેમ - સાઇટ (બારી), જેમાં આપણે બીજું વેબ પૃષ્ઠ જુઓ વિસ્તાર ધરાવે છે. વેબમાસ્ટર તેમની મિત્રો અથવા સાથીઓની હોમ પેજ બતાવવા માટે આ તક ઉપયોગ કરી રહ્યા છો. એ જ પદ્ધતિ ડી વિન્ડો શોધ બોક્સ અને તેની પરિણામ સંખ્યાબંધ પ્રદર્શિત કરવા, અને તેથી પર ઉપયોગ કરવામાં આવે છે.

પરંતુ મોટે ભાગે મોટા વેબ પોર્ટલ સર્જન, ઉપયોગમાં ફ્રેમ જ્યાં મેનુઓ અને submenus નોંધપાત્ર સંખ્યા. આવા સામાન્ય કહી: "ફ્રેમ સાઇટ." આવા સાધન બનાવવા માટે એચટીએમએલ ભાષાના એક સારા જ્ઞાન જરૂરી છે.

વેબસાઇટ બિલ્ડર માં ફ્રેમ બનાવો

કેટલીક વેબસાઇટ માં બિલ્ડર આવા કોડ આપોઆપ પેઢી પૂરી પાડે છે. ખાસ કરીને, કી ફ્રેમ ઉમેરા મુખ્ય કાર્યક્રમ મેનુ છે. પ્રથમ, તમે પૃષ્ઠ પર અધિકાર જગ્યાએ કર્સર મૂકો જ જોઈએ, તો પછી બટન પર ક્લિક કરો (જેમ કે સ્ક્રીન બતાવવામાં આવ્યો છે) વિન્ડો ખોલવા માટે. પહોળાઈ અને ઊંચાઈ: તે પૃષ્ઠ ફ્રેમ ખુલશે સરનામું સ્પષ્ટ કરવા, અને પરિમાણો સંતુલિત કરી શકાય છે.

પરંતુ મોટે ભાગે મોટા વેબ પોર્ટલ સર્જન, ઉપયોગમાં ફ્રેમ જ્યાં મેનુઓ અને submenus નોંધપાત્ર સંખ્યા. આવા સામાન્ય કહી: "ફ્રેમ સાઇટ." આવા સાધન બનાવવા માટે એચટીએમએલ ભાષાના એક સારા જ્ઞાન જરૂરી છે.

આ "સેવા" સાથે, માત્ર આંતર સંબંધિત તત્વો જેથી તમે મળી નથી એક પૃષ્ઠ પર બહુવિધ ફ્રેમ બનાવવા માટે શક્ય છે.

CMS માં ફ્રેમ્સ

મોડ્યુલ સ્થાપન વેબસાઈટ્સ શક્યતા બનાવવા માટે ઘણા કાર્યક્રમો. ઉદાહરણ તરીકે, Joomla ફ્રેમ માટે - આ મોડ્યૂલ "wrapper (રેપર)".

એવું જાણવા મળ્યું કરી શકાય છે અને CMS Joomla કંટ્રોલ પેનલમાં સુયોજિત: "એક્સ્ટેન્શન્સ" - "મોડ્યુલ વ્યવસ્થાપક" - "નવું" (એક વત્તા ચિહ્ન અંદર સાથે રાઉન્ડ નારંગી બટન). માં પૉપ-અપ વિંડો, યાદી, તમે "wrapper" નું મોડ્યુલ દેખાશે.

જો તે નથી, તો પછી તે શામેલ નથી. ટેબ ટૅબ "એક્સ્ટેન્શન્સ", "એક્સટેન્શન મેનેજર", પછી "મેનેજ કરો": તે ઉપયોગ કરવા માટે, તમારે પ્રથમ તે અહીં સક્રિય કરવાની જરૂર છે. અને આ યાદીમાં જે દેખાય જોઈ, તમે ઝડપથી "ફિલ્ટર" માં શોધી શકો છો શબ્દ દાખલ કરો: રેપર. વિરુદ્ધ આ મોડ્યુલ અંદર લીલા checkmark ચિહ્ન હોવું જોઈએ. એક ટપકું સાથે લાલ વર્તુળ અંદર અર્થ એ થાય કે પ્લગઇન અક્ષમ છે.

આ પ્રક્રિયા કર્યા પછી, તમે "મોડ્યુલ મેનેજર" પર પાછા એક ફ્રેમ બનાવવા અને તેના પરિમાણો સુયોજિત કરી શકો છો.

ચિત્ર જોઇ શકાય છે કારણ કે, કરેલ મોડ્યુલમાં તે સેટ કરવાની તમને મંજૂરી આપે છે: ફ્રેમના શીર્ષક, કરેલ મોડ્યુલમાં સ્થિતિ, સાઇટ જેના પર તે દર્શાવવામાં આવે છે પૃષ્ઠ પસંદ કરો. તમે પણ પહોળાઈ, ઊંચાઈ સંતુલિત કરી શકો છો; એક ફ્રેમ અને વેબ પૃષ્ઠ પર વાસ્તવિક લિંક ઉમેરો. ફ્રેમ જો તમે કોઈ સાઇટ સંપૂર્ણ પહોળાઈ, 100% મૂળભૂત મુખ્ય પૃષ્ઠ પ્રદર્શિત કરવા માંગો છો, પર્યાપ્ત રહેશે નહીં. તમે સુરક્ષિત રીતે અધિકાર 400% મૂકી શકો છો. 200 ની ઊંચાઇ સામાન્ય પૃષ્ઠની ટોચ મેનુ દર્શાવવા માટે પર્યાપ્ત છે. સામગ્રી બાકીના દૃશ્યમાન વપરાશકર્તા (મુલાકાતી) સ્ક્રોલ પટ્ટી વાપરો જો હશે.

અહીં Jumla શું એક ફ્રેમ એક ઉદાહરણ છે.

ફ્રેમ બનાવવા માટે Joomla મોડ્યુલ ખૂબ અનુકૂળ અને વાપરવા માટે સરળ છે. જોકે, તેના અવકાશ મર્યાદિત છે, તેમજ ડિઝાઇનર લક્ષણો છે.

ઇતિહાસ અને વાસ્તવિકતા

ફ્રેમ ટેગ (તેમની અરજી) ની વેબસાઇટ્સ બનાવવાની પ્રથા લાંબા પૃષ્ઠભૂમિ સુધી ઉતારી દેવામાં કરવામાં આવ્યું છે. તેઓ ડિઝાઇન કાર્યક્રમ saytostroitelya વગર વેબ પૃષ્ઠ માટે કોડ પેદા કરે સુયોજિત મોડ્યુલો બદલો સક્ષમ હતા. તેમ છતાં, કેટલાંક કિસ્સાઓમાં આ જ પૂરતી નથી. ઉદાહરણ તરીકે, જ્યારે ફ્રેમ - છે વિસ્તારોમાં એક સંકલિત જટિલ માળખું બ્રાઉઝરમાં પ્રદર્શિત કરવામાં આવશે. તેથી માલિકો જટિલ માળખાગત સાઇટ્સ જુઓ. કારણ કે freymovskie વેબસાઇટ્સ વિશિષ્ટ ટૅગ્સ સાથે જ બનાવવામાં તેની રચના પર આત્યંતિક કિસ્સાઓમાં માત્ર છે.

જટિલ સંરચના સાઇટ્સ

તેમને માટે, અનેક interrelated ફ્રેમ બનાવટ શ્રેષ્ઠ ઉકેલ સ્ત્રોત પર સામગ્રી આયોજન છે. આ સામાન્ય રીતે મુખ્ય પોર્ટલ છે, દર વર્ષે મજબૂત સાથે છુટાછવાયા.

કેવી રીતે સમાન પરિણામ પ્રાપ્ત કરવા માટે? કેવી રીતે એક ફ્રેમ માળખું બનાવવા માંગો છો?

પાનું કોડમાં ફ્રેમ દાખલ કેવી રીતે

ફ્રેમ્સ ટેગ ઉપયોગ કરીને HTML માં ઉમેરવામાં આવે છેઃ

  • ફ્રેમ (અલગ વિંડોમાં માટે)
  • frameset (સમગ્ર માળખું તેની સાથે બનાવવામાં આવે છે);
  • iframe ( "ફ્લોટિંગ" ફ્રેમ);
  • noframes (વપરાશકર્તા બ્રાઉઝરમાં બિન-પ્રદર્શન ફ્રેમ કિસ્સામાં).

પ્રથમ સ્પષ્ટ ટેગ હંમેશા એક જોડી ફિટ અને . અને તે અને બદલે છે. અને યોગ્ય લક્ષણો સાથે તમે દરેક વસ્તુ લાક્ષણિકતાઓ સંતુલિત કરી શકો છો: નામ (નામ =), કદ (સ્તંભો = અને પંક્તિઓ =), ફ્રેમ (બોર્ડર) હાજરી, સ્ક્રોલ પટ્ટી સ્વરૂપમાં અને અલબત્ત, એક વેબ પૃષ્ઠ પર એક લિંક પ્રદર્શિત કરવા માટે.

ભિન્નતા નોંધણી

સમગ્ર સાઇટ પાનું પ્રદેશોમાં વિભાજિત કરી શકાય છે. ઉદાહરણ તરીકે, આ રીતે:

બાકી

ટોચ ફ્રેમ

અધિકાર

આવા માળખું (તે પુનરાવર્તિત કહેવાય છે) અંદર સ્તંભો એટ્રિબ્યૂટ ટેગ, લેખન આડી ફ્રેમ સ્થાન સૂચવે છે, અને પંક્તિઓ દ્વારા મેળવી શકાય છે - ઊભી. તે એક નિશાની અને નિયત કદ બરાબર મૂકવું જોઈએ. ઉદાહરણ તરીકે, 60%, 40% - ટકાવારી (એક વિન્ડો જગ્યા બ્રાઉઝર અન્ય 60%, અનુક્રમે 40% લે છે). અથવા 100, 200 - પિક્સેલમાં પરિમાણો ના ગુણોત્તર. ફ્રેમ એક પરિમાણ, તે (મૂળભૂત દ્વારા સેટ કરવામાં આવી) સેટ ન શક્ય છે. પહેલાં આવું કરવા માટે અથવા દશાંશ બિંદુ પછી તમે * પાત્ર સ્પષ્ટ કરવાની જરૂર છે.

src = http: ઇનસાઇડ આ જોડી frameset પરિમાણો સાથે દરેક ફ્રેમ રજીસ્ટર // સાઇટ / લેખ / 143778 /% 2C ટાંકવામાં પછી સંદર્ભ વેબ પૃષ્ઠ પર કરવામાં આવે છે અને એક શીર્ષક નામ = (દા.ત., ફ્રેમ 1).

દરેક નવા વિસ્તાર માળો એક નવો frameset નિયુક્ત કરવામાં આવે છે.

ઉદાહરણ કોડ: <ફ્રેમ src = "http://fb.ru/article/143778/%5B%D1%81%D1%81%D1%8B% D0% BB% D0% બીએ% D0% B0 પાનું] "name =" ફ્રેમ નંબર 1 "> <ફ્રેમ src =" http://fb.ru/article/143778/ // સાઇટ / લેખ:% 5B% D1% 81% D1% 81% D1% 8B% D0% BB% D0% બીએ% D0% પૃષ્ઠ] "નામ =" ફ્રેમ № 2 "> <ફ્રેમ src =" HTTP માટે B0 / 143778 /% 5B% D1% 81% D1% 81% D1% 8B% D0% BB% D0% બીએ% D0% પાનાં પર B0] "name =" ફ્રેમ № 3 ">

આ ઉદાહરણમાં નોટિસ, બીજા અને ત્રીજા ફ્રેમ કદ માત્ર એક જ વાર આપવામાં આવે છે.

તવાઓને ઘણો ફ્રેમ ચલાવવા મંજૂરી આપે છે. બ્રાઉઝર વિન્ડોમાં તેમના સ્થાન ઉદાહરણો અનંત લાવી શકાય (યોગ્ય કોડ બદલવા). જો કે, આ માહિતી વ્યવહારુ અરજી લાંબા સમય માટે મળી નથી. ફ્રેમ્સ, આજે ઉપયોગ સાઇટ્સ બનાવવા માટે, પરંતુ માત્ર મફત સીએમએસ અથવા iframe માં મોડ્યુલ્સ સ્વરૂપમાં હોય.

ફ્લોટિંગ ફ્રેમ

હું વિચારું છું કે શા માટે તે તેના નામ મળ્યું છે, અહીં શબ્દ વધુ યોગ્ય "બિલ્ટ-ઇન" છે. આ ફ્રેમ ફાઇલ સમાવિષ્ટો પ્રદર્શિત કરવા માટે રચાયેલ છે. તમે ડેટાબેઝ કોઈપણ દસ્તાવેજ પર અપલોડ અથવા ટૅગ્સ મદદથી ayfreyma તે પાથ સેટ ફાઇલ - અને મુલાકાતીઓ એક ટેક્સ્ટ ફાઇલમાં (વિડિઓ અથવા ચિત્ર) જોશે. કમનસીબે, બ્રાઉઝર્સ હંમેશા વિષયવસ્તુ પ્રતિબિંબિત કરતા નથી. આ વેબ બિલ્ડરો ઉદઘાટન અને બંધ શબ્દસમૂહ વચ્ચે દાખલ થાય છે: "તમારું બ્રાઉઝર વિષયવસ્તુ પ્રદર્શિત કરતું નથી."

ઉદાહરણ તરીકે, Seopult.ru માટે - માસ્ટર તરીકે ઓળખાય સેવા વધવામાં. માત્ર તેના મુખ્ય વેબસાઇટ અને પોર્ટલ ગ્રાહકો માટે બનાવવામાં I.seopult.pro દર્પણ.

  • સૂચનાઓ . જ્યાં
  • ટેગ સૂચિ આઇટમ નક્કી કરવા માટે રચાયેલ છે. બધા બ્રાઉઝર્સ દ્વારા સપોર્ટેડ છે.

    દર્પણ પર તમે બટનને ફોર્મ શબ્દ "સૂચનાઓ" પૃષ્ઠ પોતે જોઈ શકો છો. તમે બ્રાઉઝર વિન્ડો મધ્યમાં તેના પર ક્લિક કરો ત્યારે રજૂઆત ખોલે છે.

    ફિલ્મો અને ટીવી શો જોવા માટે તમામ મુખ્ય સાઇટ્સ ayfreymov ઉપયોગ કરીને બનાવવામાં આવે છે (દા.ત., "Imhonet"), તેમજ સામાજિક નેટવર્ક્સ. પણ "યાન્ડેક્ષ" હોમ પેજ આ ટેગ, અને એક જોડી ધરાવે છે.

    iframe રજિસ્ટર કેવી રીતે

    સ્ક્રોલ પટ્ટી સાથે એક દસ્તાવેજ વિંડો સ્વરૂપમાં તમારી વેબસાઇટ પર ડાઉનલોડ કરો તે કોઈપણ જગ્યાએ હોઈ શકે છે. સામાન્ય રીતે શરીરની અંદર નિકાલ ટૅગ્સ. ધોરણ ઉપરાંત

    અને , કારણ કે ઉપરના ઉદાહરણમાં બતાવ્યા કરી શકાય છે અને ટેગ યાદી -

  • .

    ayfreym ઉમેરી ગુણધર્મોને માં:

    • પહોળાઈ (પહોળાઈ) અને ઊંચાઈ (ઊંચાઈ =);
    • ધાર સંરેખિત ગોઠવતા;
    • પેડિંગ, જે લખી શકતું નથી: ડિફૉલ્ટ મૂલ્ય 6 છે - આ તદ્દન પૂરતી છે;
    • allowtransparency પારદર્શકતા ફ્રેમ ક્ષેત્ર ઉપયોગ કરીને, તમે સ્પષ્ટ કરી શકો છો તમે પાનું પૃષ્ઠભૂમિ જોઈ શકીએ છીએ કે;
    • વત્તા પરિચિત SCR, નામ, સ્ક્રોલીંગ કિનારી.

    ayfreyma મદદથી નેવિગેશન

    સૌથી રસપ્રદ ફ્રેમ ક્ષેત્રમાં ક્ષમતા છે - આ કોડ કે જે લિંક પર વિન્ડો સામગ્રી ખોલવા માટે પરવાનગી આપે છે લખી છે - શું માત્ર કેટલાક સંદર્ભો (બંને એક જ પૃષ્ઠ પર વપરાશકર્તા માટે ઉપલબ્ધ છે) સાથે, સર્જકો Seopult દર્પણ હતી.

    આ લેવામાં ayfreym, તે વધુમાં નામ નામ પછી = રજીસ્ટર કરે છે. ઉદાહરણ તરીકે, zagolovok. વધુમાં, ટૅગ્સ અને a href = http દ્વારા સૂચવવામાં સંદર્ભો તેમને સામે: // સાઇટ / લેખ / 143778 /% D1% ફરજિયાત 81 સૂચવે છે તેઓ લક્ષ્ય એટ્રિબ્યૂટ પછી = zagolovok. પહેલાં તમે એક બંધ ટેગ ઉપયોગ કરી શકો છો શિલાલેખ છે, કે જે સંદર્ભ બટન તરીકે સેવા આપશે સંકેત આપ્યો હતો. ટૅગ્સ "અને" ઉદઘાટન અને બંધ પી ટેગ છે.

    તમે કોડ આ થોડા લીટીઓ સોંપી છેલ્લે એક પંક્તિ થોડા બટનો, લિંક્સ, કે બારી પર ક્લિક નીચે વિવિધ સામગ્રી પ્રદર્શિત કરશે ઓનલાઇન મેળવવા કરી શકો છો.

    કોડ આ જેમ દેખાય છે:

    પોસ્ટ નિઃશુલ્ક જાહેરાતો

    જાહેરાત જુઓ