உள்ளடக்கம்

• அடியெடுத்து வைக்க
• 2 இன் முறை 1: 3 அடிப்படை விதிகள்
• 2 இன் முறை 2: வழிகாட்டுதல்கள்
• உதவிக்குறிப்புகள்
• எச்சரிக்கைகள்

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

அடியெடுத்து வைக்க

2 இன் முறை 1: 3 அடிப்படை விதிகள்

1. விதி 1:உங்கள் வாடிக்கையாளரைக் கேளுங்கள். "பிரபஞ்ச வரலாற்றிலும் அதற்கு அப்பாலும் உலகின் மிகப் பெரிய வலைத்தளத்தை" நீங்கள் வடிவமைத்திருக்கலாம், பணக்கார கறுப்பர்கள், சுத்திகரிக்கப்பட்ட எழுத்துருக்கள் மற்றும் பிரகாசமான, கலை வண்ணங்களுடன் "இப்போது என்னை ஆராயுங்கள்!" துரதிர்ஷ்டவசமாக, உங்கள் வாடிக்கையாளர் பிரகாசமான இளஞ்சிவப்பு மற்றும் ஆரஞ்சு எழுத்துக்களைக் கொண்ட ஆரஞ்சு மெனு பட்டியை விரும்பினார். நீங்கள் பணிநீக்கம் செய்யப்பட்டுள்ளீர்கள், உங்கள் சிறந்த வலைத்தளம் - வாடிக்கையாளருக்கு உரிமைகள் உள்ளன - யாரும் அதை மீண்டும் பார்க்காமல், அவர்களின் காப்பு வட்டில் எங்கோ உள்ளது.
   • உங்கள் வாடிக்கையாளரின் நிறுவன அடையாளத்தைப் படிக்கவும். அவர்கள் விரும்பும் சில வலைத்தளங்களை வாடிக்கையாளர் உங்களுக்குக் காண்பிப்பார். இது அவர்கள் விரும்புவதைப் பற்றிய ஒரு யோசனையை உங்களுக்குத் தருவது மட்டுமல்லாமல், நீங்கள் நினைத்திருக்காத சில வடிவமைப்பு யோசனைகளையும் இது வழங்கும்.
   • ஆரஞ்சு மற்றும் இளஞ்சிவப்பு வலைத்தளத்தைப் பற்றி நாங்கள் விளையாடுகிறோம் என்று நீங்கள் நினைத்தால், இந்த அருமையான, அதிநவீன தளத்தைக் கவனியுங்கள்:
2. விதி # 2:உங்கள் பார்வையாளர்களையும் அவர்கள் தேடுவதையும் அறிந்து அதற்கேற்ப உங்கள் வடிவமைப்பை மாற்றியமைக்கவும். மக்கள் வலைத்தளங்களைக் கொண்டிருப்பதற்கான காரணம், மற்றவர்கள் அவர்களைப் பார்க்க வேண்டும் என்பதே. இது தகவல், அல்லது வணிகரீதியானதாக இருக்கலாம் அல்லது ஒரு குறிப்பிட்ட இலக்கு பார்வையாளர்களை மகிழ்விக்கும். வடிவமைப்பாளராக உங்கள் பணி நீங்கள் யாருக்காக வடிவமைக்கிறீர்கள் என்பதை அறிந்துகொள்வதும், அவர்கள் அங்கு இறங்கும் போது அவற்றை பக்கத்தில் வைத்திருப்பதும் ஆகும்.
   • "இது நன்றாக இருந்தால், அவர்கள் தங்கியிருப்பார்கள்" என்று நீங்கள் நினைக்கலாம். ஆனால் இது அவசியமில்லை. உதாரணமாக ரியல் எஸ்டேட் எடுத்துக் கொள்ளுங்கள். சுத்தமான, வேடிக்கையான வடிவமைப்பைக் கொண்ட தளம் இங்கே. இது நிறைய வெள்ளை இடங்களைக் கொண்டுள்ளது, இது திறந்த தோற்றம், பிரகாசமான வண்ணங்கள் மற்றும் நவீன அகலத்திரை வடிவமைப்பை ஒரு முக்கிய இடத்தில் இணைப்புகளைக் கொண்டுள்ளது:
   • இப்போது அதே பகுதியில் ரியல் எஸ்டேட் விற்பனை செய்வதற்கான இந்த அணுகுமுறையைப் பாருங்கள்: இரைச்சலான மற்றும் மிகவும் பிஸியான, மந்தமான வண்ணங்கள் மற்றும் விளம்பரங்களில் மூடப்பட்டிருக்கும்.
   • வீடு தேடுவோருக்கு எது சிறந்தது என்று யூகிக்கவா? வலது, எங்கே வீடுகள்! “சாண்டா மோனிகாவில் விற்பனைக்கு வரும் வீடுகளை” மக்கள் தேடும்போது, ​​ஒரு தளம் எப்படி இருக்கும் என்பதை அவர்கள் பொருட்படுத்த மாட்டார்கள். அவர்கள் எஸ்டேட் முகவரைப் பற்றி படிக்கவோ அல்லது நகரத்தின் அழகான படங்களை பார்க்கவோ விரும்பவில்லை. அவர்கள் வீடுகளைப் பார்க்க விரும்புகிறார்கள்.
3. விதி # 3:நீங்களே கேளுங்கள். வாடிக்கையாளர் விரும்புவதை நீங்கள் புரிந்துகொள்கிறீர்கள், உங்கள் சந்தை எதைத் தேடுகிறது என்பது உங்களுக்குத் தெரியும். இப்போது வடிவமைப்பாளர், உங்களிடம் கவனம் செலுத்த வேண்டிய நேரம் வந்துவிட்டது!
   • உங்களுக்கு விருப்பமான கிராபிக்ஸ் மென்பொருளில் ஒரு டெம்ப்ளேட்டை உருவாக்கவும். உங்கள் பக்கத்தின் கூறுகளை வெவ்வேறு அடுக்குகளில் உருவாக்கவும் (எனவே முழு டெம்ப்ளேட்டையும் அழிக்காமல் பின்னர் விஷயங்களை மாற்றலாம்). இந்த கூறுகள் பின்வருமாறு:
     • தலைப்பு. இது உங்கள் தளத்தின் ஒவ்வொரு பக்கத்திலும் ஒரே மாதிரியான ஒரு உறுப்பு. தலைப்பு தளத்தின் தலைப்பு மற்றும் லோகோவையும், வலைத்தளத்தின் பிற பகுதிகளுக்கான இணைப்புகளையும் கொண்டுள்ளது (எ.கா. பற்றி, தொடர்பு போன்றவை). பார்வை மற்றும் நடைமுறையில் இது அனைத்தையும் ஒன்றாக இணைக்கும். மெனு பட்டியில் உள்ள முதல் பொத்தானை முகப்புப்பக்கத்துடன் இணைப்பது நல்ல நடைமுறை.
     • எடுத்துக்காட்டாக, ஆப்பிளைப் பார்ப்போம்:
     • பெரும்பாலான ஆப்பிள் விஷயங்களைப் போலவே, அவற்றின் முகப்புப்பக்கமும் மிகவும் சுத்தமான, நேரடியான வடிவமைப்பைக் கொண்டுள்ளது. ஒவ்வொரு பொத்தானுக்கும் தர்க்கரீதியான தலைப்புகள் மற்றும் ஒரு தேடல் புலம் ஆகியவற்றுடன் மேலே உள்ள மெனு பட்டியைக் கவனியுங்கள் - உங்கள் தளம் அதை ஆதரித்தால் எப்போதும் நல்ல யோசனை. இப்போது சில கூறுகளைக் காண, பொத்தான்களில் ஒன்றான ஐபாட் ஒரு இறங்கும் பக்கத்தைப் பார்ப்போம்:
     • ஐபாட் பொத்தானை இருட்டடிப்பதன் மூலம் மட்டுமே மெனு பட்டி மாறுகிறது.
     • இறங்கும் பக்கத்தின் பொருள் பெரிய கருப்பு எழுத்துக்களில் காட்டப்படும்.
     • ஒரு புதிய துணைமெனு தோன்றும், எனவே நீங்கள் தயாரிப்பு பற்றி மேலும் அறியலாம். இந்த பொத்தான்களில் ஒன்றைக் கிளிக் செய்தால், ஒவ்வொரு பக்கமும் தலைப்பைப் பொறுத்து புதிய உள்ளடக்கத்தை வழங்குகிறது என்பதைக் காண்பீர்கள், ஆனால் தளவமைப்பு மற்றும் வடிவமைப்பில் ஒரே மாதிரியாக இருக்கும்.
     • பெரும்பாலும், உங்கள் மெனு பட்டியில் உள்ள ஒவ்வொரு முக்கிய தலைப்பிலும் நீங்கள் நிரப்ப வெவ்வேறு துணை தலைப்புகள் இருக்கும். இரண்டாவது மெனு பட்டியை உருவாக்குவதற்கு பதிலாக, இசைக்கலைஞர்கள் நண்பரிடமிருந்து இந்த உதாரணம் போன்ற பாப்அப் மெனுக்களைப் பயன்படுத்தலாம்:
     • பக்கப்பட்டி. இது உங்கள் தளத்தின் பல பக்கங்களில் தோன்றும், ஆனால் அனைத்துமே அவசியமில்லை - சூழல் தீர்மானிக்கிறது. இருப்பினும், இது ஒரு மிக முக்கியமான உறுப்பு மற்றும் உள்ளுணர்வு மற்றும் மிகவும் ஒழுங்கீனமாக இருக்க கவனமாக வடிவமைக்கப்பட வேண்டும். மெனு பட்டியைப் போலன்றி, ஒரு பக்கப்பட்டியின் உள்ளடக்கம் மிகவும் மாறும். ரியல் எஸ்டேட் மார்க்கெட்டர் ட்ரூலியாவிடமிருந்து இந்த இரண்டு பக்கப்பட்டிகளைப் பாருங்கள் முதல் வாங்குபவர்களுக்கு:
       
       

2 இன் முறை 2: வழிகாட்டுதல்கள்

1. ஒரு நல்ல பயனர் இடைமுகத்தை வடிவமைக்கவும். வலைத்தளத்தின் பல்வேறு கூறுகளான தலைப்பு, பக்கப்பட்டிகள், லோகோக்கள், படங்கள் மற்றும் உரை போன்றவற்றை ஒவ்வொரு பக்கத்திலும் ஒரே இடத்தில் வைக்கவும், உங்கள் தளத்தை செல்லக்கூடியதாகவும் உள்ளுணர்வுடனும் மாற்றவும்.
   • ஒவ்வொரு பக்கத்தின் மேலேயும் ஒரே தலைப்பை வைத்திருங்கள். உங்கள் தளத்தின் உள்ளடக்கம் மீண்டும் மீண்டும் கூறுகளை அனுமதிக்கிறதா இல்லையா, ஒவ்வொரு பக்கத்தின் மேற்பகுதியும் ஒரே மாதிரியாக இருப்பதை உறுதிசெய்க.
   • உங்கள் வடிவமைப்பில் தர்க்கத்தைப் பயன்படுத்தவும். ஒரு பக்கத்தில் உள்ள கூறுகள் தர்க்கரீதியாக முக்கியத்துவம் அல்லது தலைப்பால் கட்டளையிடப்பட வேண்டும்; தளத்தின் வெவ்வேறு பக்கங்களும் இருக்க வேண்டும்.
2. சீரான பாணியை உருவாக்கவும். தளவமைப்பு உங்கள் தளத்தின் கட்டமைப்பு நிலைத்தன்மையைக் கொடுக்க வேண்டிய இடத்தில், பாணி கருப்பொருள் இணக்கத்தை வழங்க வேண்டும்.
   • இரண்டு அல்லது மூன்று முக்கிய வண்ணங்களில் ஒட்டிக்கொண்டு, அவை ஒன்றாகச் செல்வதை உறுதிசெய்க.
   • பல எழுத்துரு பாணிகள் அல்லது அளவுகளைப் பயன்படுத்துவதைத் தவிர்க்கவும்; நீங்கள் சிலவற்றை மாற்ற விரும்பினால், ஒவ்வொரு பக்கத்திலும் அவற்றைப் பயன்படுத்தவும்.
   • ஒரு சீரான பாணியைப் பராமரிக்க மற்றும் ஒவ்வொரு பக்கத்திற்கும் தனித்தனியாகச் செல்லாமல் முழு வலைத்தளத்திலும் கூறுகளை மாற்றுவதை எளிதாக்குவதற்கு அடுக்கு நடைத்தாள்களை (CSS) பயன்படுத்தவும்.
3. வாசிப்புத்திறனை அதிகரிக்கவும். உங்கள் உரையை எளிதாகப் படிக்க, அதை சிறிய பகுதிகளாகப் பிரிக்கலாம்.
   • ஒவ்வொரு பகுதியையும் பிரிக்க வசன வரிகள் மற்றும் சரியான இடைவெளியைப் பயன்படுத்தவும்.
   • தலைப்புகளின் வரிசைமுறை மற்றும் முக்கியத்துவத்தைக் காட்ட தைரியமான எழுத்துக்கள் அல்லது வெவ்வேறு அளவுகளைப் பயன்படுத்தவும்.
   • நீங்கள் உரையை எவ்வாறு நடத்துகிறீர்கள் என்பதில் கவனம் செலுத்துங்கள். எழுத்துருவை மிகச் சிறியதாக மாற்ற வேண்டாம், மேலும் உரையின் பெரிய பகுதிகளை எளிதாகப் படிக்க வரி இடைவெளியை அதிகரிக்கவும். உரையின் பெரிய இணைப்புகளைப் படிக்க மிகவும் கடினம்; அதை சிறிய பத்திகளாக உடைக்கவும்.
4. உங்கள் வலைத்தளத்தை உலகளவில் படிக்கும்படி செய்யுங்கள். நிலையான HTML ஐப் பயன்படுத்தவும் மற்றும் ஒரு பிராண்டு அல்லது உலாவியின் பதிப்பிற்கு மட்டுமே கிடைக்கும் குறிச்சொற்கள், அம்சங்கள் மற்றும் செருகுநிரல்களைத் தவிர்க்கவும்.
   • பெரும்பாலான நவீன உலாவிகள் மற்றும் கணினிகள் சிக்கலான படங்களை கையாள முடியும் என்றாலும், நீங்கள் உங்கள் படங்களை வலையில் சுருக்கி மேம்படுத்தினால் எல்லாம் மென்மையாய் இருக்கும். வேகத்தின் முக்கியத்துவத்திற்கு எதிராக தரத்தின் முக்கியத்துவத்தை எடைபோடுங்கள்.
5. உங்கள் வலைத்தளத்தை சோதிக்கவும். அதை உறுதிப்படுத்திக் கொள்ளுங்கள் ஒவ்வொரு இணைப்பும் செயல்படுகிறது நீங்கள் எதிர்பார்ப்பது போல, மற்றும் படங்கள் சரியாக தோன்றும்.
   • உங்கள் இலக்கு பார்வையாளர்களின் உறுப்பினர்கள் உங்கள் வடிவமைப்பின் தெளிவு மற்றும் பயன்பாட்டின் எளிமையை சோதித்து உங்கள் வலைத்தளத்தைப் பற்றிய கருத்துக்களை வழங்குவதன் மூலம் சில பயனர் சோதனையை ஒழுங்கமைக்க நீங்கள் விரும்பலாம்.
6. உங்கள் வலைத்தளத்தை வெளியிடுங்கள். நீங்கள் ஏற்கனவே இல்லையென்றால் டொமைன் பெயரை வாங்கவும். இணைப்புகள் இன்னும் செயல்படுகிறதா என்பதை அவ்வப்போது சரிபார்த்து, பார்வையாளர்கள் உங்களுக்கு மின்னஞ்சல் அனுப்பும் பரிந்துரைகளைக் கேளுங்கள்.

உதவிக்குறிப்புகள்

• உங்கள் சொந்த பார்வை அல்லது பிற தளங்களில் நீங்கள் பார்த்த விஷயங்களின் அடிப்படையில் அமைப்பை வடிவமைக்க நீங்கள் சுதந்திரமாக இருக்கும்போது, ​​ஆயத்த வடிவமைப்பை வாங்குவது எளிதாக இருக்கும்.
• அழகான, சிறப்பு படங்களுடன் பார்வையாளரை குண்டு வீச வேண்டாம். ஃபிளாஷ் அனிமேஷன், பிரகாசமான வண்ணங்கள், வடிவமைக்கப்பட்ட பின்னணிகள் மற்றும் பக்கம் சுமைகளில் தானாக இயங்கும் இசை ஆகியவை 90 களில் வேடிக்கையான சோதனைகளாக இருந்தன, ஆனால் இப்போது அவை பயனர்களை பயமுறுத்தும். அதிகபட்ச தெளிவுக்காக உரை வண்ணத்துடன் மாறுபடும் எளிய பின்னணியுடன் ஒட்டிக்கொள்க.
• பத்தி இடைவெளியை மேம்படுத்த நீங்கள் எப்போதும் CSS ஐப் பயன்படுத்தலாம்.
• கேட்கும் அல்லது பார்வைக் குறைபாடுள்ள பார்வையாளர்களுக்கு, நீங்கள் வீடியோக்களை வசன வரிகள், ஆடியோவை படியெடுத்தல் மற்றும் அணுகல் செய்தியைச் சேர்க்கலாம். தகவல்களை ஒழுங்கமைக்க அட்டவணைகள் ஒரு திறமையான வழியாக இருக்கும்போது, ​​திரை ரீடர் மென்பொருளைப் பயன்படுத்தி பார்வைக் குறைபாடுள்ள பார்வையாளர்கள் சரியான பொருளைக் கேட்க மாட்டார்கள்.
• உங்கள் பார்வையாளர்கள் மை சேமிக்கட்டும்: அச்சு பக்கங்களுக்கு தனி நடை தாளைப் பயன்படுத்தவும்.
  • அச்சு அளவுருக்களை அமைக்கும் போது பின்னணி படங்களை அணைக்கவும்.
  • வெள்ளை பின்னணியில் கருப்பு உரையைப் பயன்படுத்தவும்.
  • மெனு பட்டி மற்றும் தேவையற்ற படங்களை அகற்று.

எச்சரிக்கைகள்

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