பொறுப்பு வடிவமைப்பு என்றால் என்ன? (விளக்கமளிக்கும் வீடியோ மற்றும் விளக்கப்படம்)

பதிலளிக்கக்கூடிய வலை வடிவமைப்பு

இதற்கு ஒரு தசாப்தம் ஆகிறது பதிலளிக்கக்கூடிய வலை வடிவமைப்பு (RWD) முதல் பிரதானமாக செல்ல கேமரூன் ஆடம்ஸ் முதலில் அறிமுகப்படுத்தினார் கருத்து. யோசனை தனித்துவமானது - அதைப் பார்க்கும் சாதனத்தின் பார்வைக் காட்சிக்கு ஏற்ற தளங்களை நாம் ஏன் வடிவமைக்க முடியாது?

பொறுப்பு வடிவமைப்பு என்றால் என்ன?

பொறுப்பு வலை வடிவமைப்பு (RWD) என்பது ஒரு உகந்த பார்வை அனுபவத்தை வழங்குவதற்காக தளங்களை வடிவமைப்பதை நோக்கமாகக் கொண்ட ஒரு வலை வடிவமைப்பு அணுகுமுறையாகும் - பரந்த அளவிலான சாதனங்களில் (மொபைல் ஃபோன்கள் முதல் டெஸ்க்டாப் கணினி வரை மானிட்டர்கள்). RWD உடன் வடிவமைக்கப்பட்ட ஒரு தளம், மீடியா விதியின் நீட்டிப்பான திரவம், விகிதாசார அடிப்படையிலான கட்டங்கள், நெகிழ்வான படங்கள் மற்றும் CSS3 மீடியா வினவல்களைப் பயன்படுத்தி தளவமைப்பைப் பார்க்கும் சூழலுக்கு மாற்றியமைக்கிறது.

விக்கிப்பீடியா

வேறு வார்த்தைகளில் கூறுவதானால், படங்கள் போன்ற கூறுகளையும் அந்த உறுப்புகளின் தளவமைப்பையும் சரிசெய்யலாம். பதிலளிக்கக்கூடிய வடிவமைப்பு என்ன என்பதையும், உங்கள் நிறுவனம் அதை ஏன் செயல்படுத்த வேண்டும் என்பதையும் விளக்கும் வீடியோ இங்கே. நாங்கள் சமீபத்தில் மறுவடிவமைத்தோம் Highbridge பதிலளிக்கக்கூடிய தளம் இப்போது வேலை செய்கிறது Martech Zone அதே செய்ய!

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

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

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

லூசிண்டா டன்கால்ஃப், மொனடேட் தலைமை நிர்வாக அதிகாரி

பல சாதனங்களுக்கான ஒரு பதிலளிக்கக்கூடிய வடிவமைப்பை உருவாக்குவதன் சாத்தியமான நன்மைகளை விளக்கும் மொனட்டேட்டிலிருந்து ஒரு விளக்கப்படம் இங்கே:

பொறுப்பு வலை வடிவமைப்பு இன்போகிராஃபிக்

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

பதிலளிக்க-சோதனை-குரோம்

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

3 கருத்துக்கள்

  1. 1
  2. 2

    நன்கு விளக்கப்பட்ட இந்த கட்டுரைக்கு டக்ளஸுக்கு மிக்க நன்றி. விஷயங்களின் உள்ளடக்க பக்கத்தில் இருந்தாலும் இதை நான் ஏற்றுக்கொள்ள வேண்டும். நாங்கள் பதிலளிக்கும் தளவமைப்பை உருவாக்கும் பெரும்பாலான தளங்களுக்கு போதுமானதாக இருக்காது. எங்களுக்கு பதிலளிக்கக்கூடிய உள்ளடக்கம் தேவை. ஆனால் இன்னும் அடிப்படை வலைத்தளங்களுக்கு இதை எவ்வாறு கையாள்வது என்பது குறித்த உங்கள் நன்கு ஆவணப்படுத்தப்பட்ட கட்டுரையைப் பயன்படுத்தப் போகிறோம்!

    • 3

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

நீங்கள் என்ன நினைக்கிறீர்கள்?

இந்த தளம் ஸ்பேமைக் குறைக்க Akismet ஐப் பயன்படுத்துகிறது. உங்கள் கருத்துத் தரவு எவ்வாறு செயல்படுத்தப்படுகிறது என்பதை அறியவும்.