இணையதளங்கள் அவர்களுக்கு முன்னால் வந்த எந்தவொரு தகவல்தொடர்பு ஊடகத்தையும் போலல்லாமல் இருக்கின்றன. அச்சு, வானொலி, மற்றும் தொலைக்காட்சி போன்ற முந்தைய ஊடக வடிவமைப்புகளிலிருந்து வலைத்தளங்களை அமைக்கும் முக்கிய விஷயங்களில் ஒன்று " ஹைப்பர்லிங்க் " என்ற கருத்தாக்கமாகும்.
பொதுவாக "இணைப்புகள்" என்று அறியப்படும் ஹைப்பர்லிங்க்ஸ், வலை மிகவும் மாறும் என்ன செய்ய வேண்டும். அச்சிடப்பட்ட வெளியீட்டைப் போலல்லாமல், மற்றொரு கட்டுரையோ அல்லது வேறு ஆதாரத்தையோ குறிப்பிடாமல், வலைத்தளங்கள் உண்மையில் அந்த மற்ற பக்கங்களையும் பார்வையாளர்களையும் பார்வையாளர்களுக்கு அனுப்புவதற்கு இந்த இணைப்பைப் பயன்படுத்தலாம். வேறு ஒளிபரப்பு ஊடகம் இதை செய்ய முடியாது. தொலைக்காட்சியில் வானொலியில் அல்லது பார்வையில் விளம்பரங்களை நீங்கள் கேட்கலாம், ஆனால் அந்த வலைத்தளங்களில் எளிதாக விளம்பரப்படுத்தக்கூடிய அந்த விளம்பரங்களில் நிறுவனங்களுக்கு உங்களை அழைத்துச் செல்லக்கூடிய ஹைப்பர்லிங்க்ஸ் இல்லை. இணைப்புகள் உண்மையில் ஒரு அற்புத தகவல்தொடர்பு மற்றும் தொடர்பு கருவியாகும்!
பெரும்பாலும், ஒரு வலைத்தளத்தில் காணப்படும் இணைப்புகள், அதே தளத்தின் மற்ற பக்கங்களுக்கு பார்வையாளர்களை வழிநடத்தும் உரை உள்ளடக்கமாகும். ஒரு வலைத்தளத்தின் வழிசெலுத்தல் நடைமுறையில் உரை இணைப்புகள் ஒரு உதாரணம் ஆனால் இணைப்புகள் உரை அடிப்படையாக இருக்க தேவையில்லை. நீங்கள் எளிதாக உங்கள் வலைத்தளத்தில் படங்களை இணைக்க முடியும். இது எவ்வாறு செய்யப்படுகிறது என்பதைப் பார்ப்போம், பின்னர் நீங்கள் படத்தை சார்ந்த ஹைப்பர்லிங்க்களைப் பயன்படுத்த விரும்பும் சில நிகழ்வுகளைத் தொடர்ந்து பார்க்கலாம்.
ஒரு படத்தை எப்படி இணைப்பது
நீங்கள் செய்ய வேண்டியது முதல் விஷயம் உங்கள் HTML ஆவணத்தில் படத்தை வைக்க வேண்டும். படத்தின் அடிப்படையிலான இணைப்பின் பொதுப் பயன்பாடானது தளத்தின் லோகோ கிராஃபிக் ஆகும், அது தளத்தின் முகப்புப்பக்கத்திற்கு மீண்டும் இணைக்கப்படுகிறது. கீழே உள்ள எங்கள் எடுத்துக்காட்டு குறியீட்டில், நாங்கள் பயன்படுத்தும் கோப்பை எங்கள் லோகோவிற்கு SVG ஆகும். இது எங்கள் படத்தின் பல்வேறு தீர்மானங்களுக்கு அளவிட அனுமதிக்கும் என்பதால் இது ஒரு நல்ல வாய்ப்பாக இருக்கும், எல்லா நேரத்திலும் பட தரம் மற்றும் சிறிய ஒட்டுமொத்த கோப்பு அளவு ஆகியவற்றை பராமரிக்கிறது.
HTML ஆவணத்தில் உங்கள் படத்தை எப்படி வைக்க வேண்டும் என்பதை இங்கே காணலாம்:
பட குறிச்சொல்லை சுற்றி, நீங்கள் இப்போது நங்கூரம் இணைப்பை சேர்க்க, படத்தை முன் நங்கூரம் உறுப்பு திறக்கும் மற்றும் படத்தை பின்னர் நங்கூரம் நிறைவு. நீங்கள் உரைக்கு எப்படி இணைப்பது என்பதைப் போலவே இதுவும், அதற்கு பதிலாக, நீங்கள் நங்கூரம் குறிச்சொற்களுடன் இணைக்க விரும்பும் வார்த்தைகளை போடுவதன் மூலம், படத்தைப் போடுவீர்கள். கீழே உள்ள எடுத்துக்காட்டுகளில், "index.html" என்பது எங்கள் தளத்தின் முகப்புப்பக்கத்தில் மீண்டும் இணைப்போம்.
உங்கள் பக்கத்திற்கு இந்த HTML ஐச் சேர்க்கும் போது, நங்கூரம் குறிச்சொல் மற்றும் படக் குறிக்கு இடையில் இடைவெளிகளை வைக்க வேண்டாம். நீங்கள் செய்தால், சில உலாவிகள் படத்தின் அருகருகே சிறிய டிக்ஸ்களை சேர்க்கும், இது ஒற்றைப்படை இருக்கும்.
லோகோ படம் இப்போது ஒரு முகப்புப் பொத்தானாக செயல்படுகிறது, இது மிகவும் இன்றியமையாத ஒரு வலை தரநிலை ஆகும். எமது HTML மார்க்கப் படத்தில் உள்ள படத்தின் அகலம் மற்றும் உயரம் போன்ற எந்த காட்சி பாணிகளையும் நாங்கள் சேர்க்கவில்லை என்பதை கவனிக்கவும். நாம் இந்த காட்சி பாணியை CSS க்கு விட்டுவிட்டு, HTML கட்டமைப்பு மற்றும் CSS பாணிகளை ஒரு சுத்தமான பிரிப்புடன் பராமரிக்க வேண்டும்.
நீங்கள் CSS பெற, நீங்கள் இந்த லோகோ கிராபிக் இலக்கு எழுத பாணியை பல சாதனம் நட்பு படங்கள் அத்துடன் நீங்கள் எல்லைகள் அல்லது CSS போன்ற படத்தை / இணைப்பு சேர்க்க விரும்புகிறேன் எந்த காட்சியமைப்புகள், உட்பட பதிலளிக்கும் படத்தை உட்பட, படம் அளவை அடங்கும். நிழல்கள் துளி. நீங்கள் உங்கள் CSS பாணியைப் பயன்படுத்த கூடுதல் "கொக்கிகள்" தேவைப்பட்டால், உங்கள் படத்தை கொடுக்கலாம் அல்லது வர்க்க பண்புக்கூறு இணைக்கலாம்.
பட இணைப்புகளுக்கான வழக்குகளைப் பயன்படுத்தவும்
எனவே ஒரு படத்தை இணைப்பு சேர்த்து மிகவும் எளிது. நாங்கள் பார்த்துள்ளபடி, நீங்கள் செய்ய வேண்டிய அனைத்துமே பொருத்தமான நங்கூரம் குறிச்சொற்களைக் கொண்டு படத்தைப் போட வேண்டும். உங்கள் அடுத்த கேள்வி என்னவென்றால் "மேற்கூறிய லோகோ / முகப்புப் பக்க உதாரணம் தவிர நடைமுறையில் இதை உண்மையில் செய்வீர்களா?"
இங்கே சில எண்ணங்கள்:
- அந்த படங்களின் பெரிய பதிப்புகளுடன் இணைக்கப்பட்டுள்ள கேலரியில் சிறு படங்கள்.
- ஒரு e- காமர்ஸ் வலைத்தளம் தயாரிப்பு புகைப்படங்கள் போன்ற, உள்ளடக்கத்தை பிரதிநிதித்துவப்படுத்த தனியாக பயன்படுத்தப்படுகின்றன என்று படங்களை.
- மற்ற உள்ளடக்கத்தின் பகுதியாக இருக்கும் டீஸர் படங்கள், ஒரு வலைப்பதிவு கட்டுரை அல்லது பத்திரிகை வெளியீடு போன்றவை, அந்த உள்ளடக்கத்தை மக்கள் உள்ளடக்கத்தை கவனிக்கவும், முழு கட்டுரையை வாசிக்க தட்டவும் கிளிக் செய்யவும்.
- தளத்தில் உள்ள குறிப்பிட்ட செயல்பாடு அல்லது பக்கங்கள் இணைக்க பொத்தான்கள் பயன்படுத்தப்படுகிறது என்று Icon படங்கள்.
- அந்த தளத்தை அல்லது நிறுவனத்திற்கு முக்கியத்துவம் வாய்ந்த பல்வேறு சமூக ஊடக தளங்களின் அங்கீகரிக்கத்தக்க சின்னங்களைப் பயன்படுத்தும் சமூக ஊடக இணைப்புகள்.
- வடிவம் சமர்ப்பிப்புகளை (சிறந்த நடைமுறைகள் குறிப்பு - ஒரு வலைத்தளம் செயல்திறன் கண்ணோட்டத்தில் இருந்து, CSS முற்றிலும் பாணியில் பொத்தான்கள் படத்தை பொத்தான்கள் விட ஒரு நல்ல தேர்வு இருக்கும்) சில செயல்பாடு பொத்தான்கள் பயன்படுத்தப்படும் படங்கள்.
படங்களைப் பயன்படுத்தும் போது நினைவூட்டல்
ஒரு வலைத்தளத்தின் வெற்றியில் படங்கள் முக்கிய பங்கு வகிக்க முடியும். அந்த உள்ளடக்கத்திற்கு கவனத்தை ஈர்ப்பதற்காக மற்ற உள்ளடக்கத்துடன் இணைந்து படங்களைக் குறிப்பிட்டு மேலே குறிப்பிடப்பட்டுள்ள எடுத்துக்காட்டுகளில் ஒன்று அதைப் படிக்கவும்.
படங்களைப் பயன்படுத்தும் போது, உங்கள் தேவைகளுக்கு சரியான படத்தை தேர்ந்தெடுப்பதில் கவனமாக இருக்க வேண்டும், இது சரியான படத் தலைப்பு, வடிவம் மற்றும் உங்கள் வலைத்தளத்தைப் பயன்படுத்தும் எந்தவொரு படங்களும் இணைய விநியோகிக்காக உகந்ததாக இருக்கும் என்பதை உறுதிசெய்து கொள்ளுங்கள். இது படங்களை சேர்ப்பதற்கு நிறைய வேலைகள் போல தோன்றலாம், ஆனால் பணம் செலுத்துவது மதிப்பு! படங்களை உண்மையில் ஒரு தளத்தின் வெற்றிக்கு அதிகம் சேர்க்கலாம்.
உங்கள் தளத்தில் பொருத்தமான படங்களைப் பயன்படுத்த தயங்க வேண்டாம், உங்கள் உள்ளடக்கத்தில் சில உள்ளடக்கங்களைச் சேர்க்க வேண்டியிருக்கும் போது அந்த படங்களை இணைக்க வேண்டாம், ஆனால் இந்த படத்தின் சிறந்த நடைமுறைகளை கவனத்தில் கொண்டு உங்கள் வலை வடிவமைப்பு வேலைகளில் சரியாகவும் பொறுப்புடனும் இந்த கிராபிக்ஸ் / இணைப்புகளைப் பயன்படுத்தவும்.