இணையம், வலை வடிவமைப்பு

ஒரு சட்டகம் என்ன? கட்டமைப்புகள் மற்றும் பிரேம்கள் உருவாக்கம்

ஒரு பிரேம் என்பது மற்றொரு வலைப்பக்கத்தை காணக்கூடிய ஒரு தளத்தின் (சாளரத்தின்) பகுதியாகும். வெப்மாஸ்டர்கள் தங்கள் நண்பர்களுடைய அல்லது கூட்டாளர்களின் தளத்தின் முக்கிய பக்கத்தை வெளிப்படுத்த இந்த வாய்ப்பைப் பயன்படுத்துகின்றனர். அதே உத்தியை சாளரத்தில் தேடல் வடிவம் காட்ட மற்றும் அதன் விளைவாக, மற்றும் பல பயன்படுத்தப்படுகிறது.

ஆனால் அடிப்படையில் பிரேம்கள் பெரிய வலை இணையதளங்களை உருவாக்கப் பயன்படுகின்றன, அங்கு நிறைய மெனு பொருட்கள் மற்றும் துணைமெனுகள் தேவைப்படுகின்றன. இவை பற்றி பொதுவாக சொல்ல: "பிரேம்கள் தளத்தில்." அத்தகைய ஆதாரங்களை உருவாக்க HTML- மொழியின் நல்ல அறிவு தேவை.

தளத்தில் கட்டடம் உள்ள பிரேம்கள் உருவாக்குதல்

சில தள வடிவமைப்பாளர்கள் அத்தகைய குறியீட்டை தானாகவே தயாரிக்கிறார்கள். வழக்கமாக ஒரு சட்டத்தை சேர்க்கும் பொத்தானை நிரலின் முக்கிய மெனுவில் உள்ளது. முதலில் நீங்கள் பக்கத்தில் சரியான இடத்தில் கர்சரை வைக்க வேண்டும், பின்னர் பொத்தானை சொடுக்கவும், சாளரம் திறக்கும் (ஸ்கிரீன்ஷாட் காட்டியபடி). இதில், நீங்கள் சட்டத்தில் திறக்கும் பக்கத்தின் முகவரியை அமைக்கலாம் மற்றும் பரிமாணங்களை சரிசெய்யலாம்: அகலம் மற்றும் உயரம்.

ஆனால் அடிப்படையில் பிரேம்கள் பெரிய வலை இணையதளங்களை உருவாக்கப் பயன்படுகின்றன, அங்கு நிறைய மெனு பொருட்கள் மற்றும் துணைமெனுகள் தேவைப்படுகின்றன. இவை பற்றி பொதுவாக சொல்ல: "பிரேம்கள் தளத்தில்." அத்தகைய ஆதாரங்களை உருவாக்க HTML- மொழியின் நல்ல அறிவு தேவை.

இந்த "சேவை" உதவியுடன் பக்கத்தின் பல பிரேம்களை உருவாக்க முடியும், அது ஒன்றும் ஒன்றையொன்று இணைக்கப்படாதது, அதனால் நீங்கள் பெறவில்லை.

CMS உள்ள சட்டங்கள்

தளங்களை உருவாக்குவதற்கான பல நிரல்களில், தொடர்புடைய தொகுதிகளை நிறுவ முடியும். எடுத்துக்காட்டாக, ஜூம்லா ஃப்ரேம், இது "ரப்பர்" தொகுதி.

இது CMS Jumla இன் கட்டுப்பாட்டு பலகத்தில் காணப்படலாம்: "நீட்டிப்புகள்" - "தொகுதி மேலாளர்" - "உருவாக்கு" (ஆரஞ்சு நிறத்தின் ஆரஞ்சு வண்ணத்தின் உள்ளே ஒரு பிளஸ் அடையாளம்). பாப்-அப் சாளரத்தில், பட்டியலில், நீங்கள் "போர்வையை" தொகுதி காண்பீர்கள்.

அவர் இங்கே இல்லையென்றால், அது சேர்க்கப்படவில்லை. அதைப் பயன்படுத்த, முதலில் இங்கே அதை செயலாக்க வேண்டும்: "நீட்டிப்புகள்" தாவல், பின்னர் "நீட்டிப்பு மேலாளர்", பின்னர் "நிர்வகி" தாவலை. திறக்கும் பட்டியலைப் பார்க்கவும், நீங்கள் வார்த்தைகளை உள்ளிடுவீர்கள்: "வடிகட்டி" துறையில் விரைவான தேடலுக்கான ரப்பர். எதிர்மறை இந்த தொகுதி ஒரு டிக் உள்ளே ஒரு பச்சை ஐகான் இருக்க வேண்டும். ஒரு புள்ளியில் ஒரு சிவப்பு வட்டம் இந்த சொருகி முடக்கப்பட்டுள்ளது என்பதைக் குறிக்கும்.

இந்த செயல்முறைக்குப் பிறகு, நீங்கள் "தொகுதி மேலாளர்" க்கு திரும்பலாம், ஒரு சட்டத்தை உருவாக்கவும் அதன் அளவுருக்கள் அமைக்கவும் முடியும்.

படத்தில் நீங்கள் காணும் என, தொகுதி உங்களை அமைக்க அனுமதிக்கிறது: சட்டத்தின் மேலே உள்ள தலைப்பு, தொகுதிகளின் நிலை, அதை காட்டப்படும் தளத்தின் பக்கங்களைத் தேர்ந்தெடுக்கவும். மேலும் அகலம், உயரம் ஆகியவற்றை சரிசெய்யவும்; வலைப்பக்கத்திற்கு ஒரு சட்டகம் மற்றும் உண்மையான இணைப்பைச் சேர்க்கவும். நீங்கள் ஒரு சட்டத்தின் முழு அகலத்தில் ஒரு தளத்தின் முக்கிய பக்கத்தை காட்ட விரும்பினால், இயல்பாக அமைக்கப்படும் 100%, போதுமானதாக இருக்காது. நீங்கள் உடனடியாக அதை பாதுகாப்பாக 400% வைக்கலாம். பக்கத்தின் மேல் மெனுவிற்கு 200 ஆல்டிவிட்ஸ் பொதுவாக போதுமானதாக இருக்கும். பயனர் (தள பார்வையாளர்) ஸ்க்ரோல் பட்டியைப் பயன்படுத்துகிறார்களோ, அந்த உள்ளடக்கத்தின் மற்ற பகுதிகள் அனைத்தும் தெரியும்.

இங்கே Jumla ஒரு சட்ட என்ன ஒரு உதாரணம் ஆகும்.

ஒரு சட்டத்தை உருவாக்குவதற்கான Jumla தொகுதி மிகவும் வசதியானது மற்றும் பயன்படுத்த எளிதானது. இருப்பினும், வடிவமைப்பாளரின் திறன்களைப் போலவே அதன் திறன்களும் வரையறுக்கப்பட்டுள்ளன.

வரலாறு மற்றும் உண்மை

பிரேம்களிலிருந்து தளங்களை உருவாக்கும் நடைமுறையில், இந்த டேக் (அதன் பயன்பாடு) நீண்ட காலத்திற்கு முன்பு பின்னணியில் குறைந்துவிட்டது. தளத்தின் பில்டர் பங்கு இல்லாமல் வலைப்பக்கத்திற்கான குறியீட்டை உருவாக்குகின்ற கன்ட்ரோடர் நிரல்களில் உள்ள தொகுதிகள், அமைப்புகளை மாற்றிக்கொள்ள முடிந்தது. எனினும், சில சந்தர்ப்பங்களில் இது போதாது. உதாரணமாக, ஒரு சட்டகம் உலாவியில் காட்டப்படும் பகுதிகள் ஒரு ஒருங்கிணைந்த சிக்கலான கட்டமைப்பாக இருக்கும் போது. இதுதான் அதன் உரிமையாளர்கள் கட்டமைக்கப்பட்ட தளங்களின் சிக்கல்களைக் காண்கிறார்கள். பிரேமி தளங்கள் சிறப்பு குறிச்சொற்களை உதவியுடன் பிரத்தியேகமாக உருவாக்கப்படுவதால், அதன் உருவாக்கம் மட்டுமே தீவிர நிகழ்வுகளில் உள்ளது.

சிக்கலான கட்டமைக்கப்பட்ட தளங்கள்

அவர்களுக்கு, பல இடைப்பட்ட பிரேம்களின் உருவாக்கம் ஆதார பக்கங்களின் உள்ளடக்கத்தை ஒழுங்கமைப்பதற்கான உகந்த தீர்வாகும். இது ஒவ்வொரு ஆண்டும் மேலும் அதிகரிக்கும் ஒரு விதி, பெரிய இணையதளங்கள்.

அதே முடிவை எவ்வாறு அடைவது? ஒரு சட்ட கட்டமைப்பை எவ்வாறு உருவாக்குவது?

பக்கம் குறியீட்டில் ஒரு சட்டத்தை எழுதுவது எப்படி

HTML இல் உள்ள பிரேம்கள் குறிச்சொற்களைப் பயன்படுத்தி சேர்க்கப்படுகின்றன:

  • சட்டகம் (ஒரே சாளரத்திற்கு);
  • ஃப்ரேம்ஸ் (அதன் உதவியுடன் ஒரு முழு கட்டமைப்பு உருவாக்கப்பட்டது);
  • Iframe ("மிதக்கும்" சட்டகம்);
  • Noframes (சட்டத்தின் பயனர் உலாவியில் காட்டப்படாமல்).

முதல் குறிச்சொல் எப்போதும் மற்றும் ஜோடி பொருந்துகிறது. அது மற்றும் ஐ மாற்றும். சரியான பண்புகளின் உதவியுடன், ஒவ்வொரு உறுப்புகளின் பண்புகளையும் சரிசெய்யலாம்: பெயர் (பெயர் =), அளவு (cols = மற்றும் rows =), எல்லை (எல்லை), உருள் பட்டை மற்றும், நிச்சயமாக, வலைப்பக்கத்திற்கான இணைப்பு காண்பிக்கப்படும்.

வடிவமைப்பு மாறுபாடுகள்

தளத்தின் முழுப் பகுதியும் பகுதிகளாக பிரிக்கப்படலாம். உதாரணமாக, இது:

விட்டு

மேல் சட்டகம்

வலது

செங்குத்தாக - சட்டத்தின் கிடைமட்ட நிலை மற்றும் வரிசைகள் ஆகியவற்றைக் குறிக்கும் குறியைக் கோணத்தில் பண்புகளை அமைப்பதன் மூலம் இந்த அமைப்பு (இது உள்ளமை என அழைக்கப்படுகிறது) பெறலாம். அடுத்தது = அடையாளம் மற்றும் பரிமாணங்கள் எழுதப்படுகின்றன. உதாரணமாக, 60%, 40% - சதவீதம் (ஒரு சாளரம் 60% உலாவி இடத்தில், மற்ற, முறையே, 40% எடுக்கும்). அல்லது 100, 200 - பிக்சல்கள் அளவுகள் விகிதம். பிரேம்கள் ஒன்றின் அளவு அனைத்தையும் அமைக்க முடியாது (இது முன்னிருப்பாக நிறுவப்படும்). இதை செய்ய, நீங்கள் ஒரு * கமா அல்லது அதற்குப் பிறகு குறிப்பிட வேண்டும்.

இந்த ஜோடிக்குள் பிரேம்கள் ஒவ்வொரு பிரேம்களிலும் அளவுருக்கள் கொண்டிருக்கும்: src = http: // site / article / 143778 /% 2C, மேற்கோள் மேற்கோளுடன் வலைப்பக்கத்திற்கும் பெயருக்கும் ஒரு மேற்கோள் உள்ளது (எடுத்துக்காட்டாக, ஃபிரேம் 1).

ஒவ்வொரு புதிய பகுதியும் புதிய சட்டகத்தால் குறிக்கப்படுகிறது.

எடுத்துக்காட்டு குறியீடு:

எங்கள் உதாரணத்தில், பிரேம்கள் 2 மற்றும் 3 க்கு, அளவுகள் ஒரு முறை மட்டுமே எழுதப்பட்டிருக்க வேண்டும்.

Zadumok நிறைய நீங்கள் பிரேம்கள் இயக்க அனுமதிக்கிறது. உலாவி சாளரத்தில் உள்ள இருப்பிடத்தின் எடுத்துக்காட்டுகள் முடிவில்லாமல் (அதற்கேற்ப குறியீட்டை மாற்றும்) எடுத்துக்கொள்ளலாம். எனினும், இந்த தகவல் நீண்ட காலமாக பயன்படுத்தப்படவில்லை. பிரேம்கள், தளங்களை உருவாக்கும் போது இன்று பயன்படுத்தப்பட்டுவிட்டால், பின்னர் இலவச CMS இன் modules அல்லது iframe வடிவத்தில் மட்டுமே.

மிதக்கும் சட்டகம்

இது விசித்திரமானது, ஏன் அவர் அந்த பெயரைப் பெற்றார், "கட்டப்பட்டது-இல்" என்ற வார்த்தை இங்கே மிகவும் பொருத்தமானது. ஒரு கோப்பின் உள்ளடக்கங்களைக் காண்பிக்க இந்த சட்டகம் உருவாக்கப்பட்டது. தரவுத்தளத்தில் ஏதேனும் ஒரு ஆவணத்தை அல்லது கோப்பில் ஏற்றிக் கொள்ளுங்கள், பாதையை பதிவுசெய்வதற்கு, அசைவூட்டத்தின் குறிச்சொற்களைப் பயன்படுத்தவும் - பார்வையாளர்கள் கோப்பின் உரை (வீடியோ அல்லது படம்) பார்ப்பார்கள். துரதிருஷ்டவசமாக, உலாவிகளில் எப்போதும் உள்ளடக்கத்தை காட்டாது. இதை செய்ய, வலை உருவாக்குநர்கள் தொடக்க மற்றும் இறுதி குறிச்சொல்லை இடையே உள்ள சொற்றொடர் உள்ளிடவும்: "உங்கள் உலாவி உள்ளடக்கத்தை காட்டாது."

உதாரணமாக, Seopult.ru என்பது மேம்பட்ட முதுநிலைப் படிப்புகளுக்கு நன்கு அறியப்பட்ட சேவை ஆகும். அவரது முதன்மை தளம், ஆனால் I.seopult.pro கண்ணாடியில், போர்டல் வாடிக்கையாளர்களுக்கு உருவாக்கப்பட்டது. வழிமுறைகள் . பட்டியல் உருப்படியை வரையறுக்க

  • டேக் உருவாக்கப்பட்டது. அனைத்து உலாவிகளும் ஆதரவு.

    கண்ணாடியின் பக்கத்தில் நீங்கள் ஒரு பொத்தானை வடிவில் "வழிமுறை" என்ற வார்த்தையைக் காணலாம். நீங்கள் அதில் கிளிக் செய்தால், உலாவி சாளரத்தின் மையத்தில் விளக்கக்காட்சி திறக்கும்.

    திரைப்படங்கள் மற்றும் சீரியல்களைப் பார்ப்பதற்கான அனைத்து முக்கிய தளங்களும் அய்ஃப்ரேம்களைக் கொண்டு உருவாக்கப்படுகின்றன (உதாரணமாக, "இம்போனெட்"), அதே போல் சமூக நெட்வொர்க்குகள். "Yandex" இன் முக்கிய பக்கமும் இந்த குறிச்சொல்லைக் கொண்டிருக்கிறது, ஒரு ஜோடி அல்ல.

    Iframe நிர்வகிப்பது எப்படி

    ஒரு ஸ்க்ரோல் பட்டை ஒரு சாளரத்தின் வடிவத்தில் ஒரு ஆவணம் தளத்தில் பதிவேற்றலாம். பொதுவாக குறிச்சொற்களை உடலில் வைக்கப்படுகின்றன. நிலையான

    மற்றும் உடன், மேலே உள்ள எடுத்துக்காட்டில் காட்டியுள்ளபடி, பட்டியல் குறிச்சொல்

  • பயன்படுத்தப்படலாம்.

    பண்புக்கூறுகளுக்கு பண்புக்கூறுகள் சேர்க்கப்படுகின்றன:

    • அகலம் (அகலம்) மற்றும் உயரம் (உயரம் =);
    • விளிம்பில் align align;
    • நீங்கள் பரிந்துரைக்க முடியாத இண்டெண்டேஷன்: இயல்புநிலை மதிப்பு 6 ஆகும் - இது போதும்;
    • அனுமதிப்பத்திரத்தோடு, பக்கத்தின் பின்னணி காணப்படுவதன் மூலம், நீங்கள் சட்டப்பகுதியின் வெளிப்படைத்தன்மையை அமைக்கலாம்;
    • பிளஸ் ஏற்கனவே தெரிந்திருந்தால் SCR, பெயர், ஸ்க்ரோலிங், எல்லை.

    விமானப்படை உதவியுடன் வழிசெலுத்தல்

    பிரேம்களை உருவாக்குவதில் மிகவும் சுவாரஸ்யமான திறமை, குறிப்பு மூலம் ஒரு சாளரத்தில் உள்ளடக்கத்தைத் திறக்க அனுமதிக்கிறது, சீபல்ட் கண்ணாடியின் தயாரிப்பாளர்கள் பல இணைப்புகளுடன் (ஒரே நேரத்தில் பயனருக்கு ஒரே நேரத்தில் கிடைக்கும்) உடனடியாகச் செய்தனர்.

    இந்த நோக்கத்திற்காக, அதிவிரைவு எடுத்துக் கொள்ளப்படுகிறது, அதில் பெயர் = பெயர் மூலம் கூடுதலாக பதிவு செய்யப்படுகிறது. உதாரணமாக, zagolovok. குறிச்சொற்களை மற்றும் முன், அடுத்த HREF = http: // தளம் / கட்டுரை / 143778 /% D1% 81 மூலம் இணைப்புகள் குறிப்பிடப்படுகிறது, பின்னர் பண்பு இலக்கு = zagolovok. இறுதிக் குறிப்பைப் பயன்படுத்துவதற்கு முன், ஒரு கல்வெட்டு காட்டப்படும், இது இணைப்பு-பொத்தானாகப் பயன்படும். "ஒரு" குறிச்சொற்கள் திறந்த மற்றும் ப குறிச்சொல் மூடப்படும்.

    தளத்தின் வரிசையில் பல பொத்தான்களைப் பெறக்கூடிய குறியீட்டில் பல கோடுகள் உள்ளன, கீழே உள்ள சாளரத்தில் வெவ்வேறு உள்ளடக்கத்தை காண்பிக்கப்படும் என்பதைக் கிளிக் செய்க.

    குறியீட்டைப் போல இது இருக்கும்:

    உங்கள் விளம்பரத்தை இடுகையிடவும்

    விளம்பரங்களைக் காண்க