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