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

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

தளத்தில் உள்ள இணைப்புகளின் வகைகள்

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

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

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

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

படத்தில் இணைப்பை எவ்வாறு செருகுவது

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

• IN காட்சி ஆசிரியர்வழக்கமாக நீங்கள் படத்தைத் தேர்ந்தெடுத்து, "இணைப்பைச் செருகு" பொத்தானைக் கிளிக் செய்து, விரும்பிய url ஐக் குறிப்பிடவும்.
• HTML குறியீடாக படத்தில் இணைப்பைச் செருகினால், பின்வரும் எழுத்துப்பிழையைப் பயன்படுத்தவும்:

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

கூடுதல் வழிமுறைகள்:

• உயரம், அகலம் - படத்தின் அளவைக் குறிக்கவும்;
• எல்லை - நாங்கள் விளிம்புடன் (சட்டகம்) வேலை செய்கிறோம்;
• alt - படம் காட்டப்படாத பார்வையாளருக்கான மாற்று உரை.

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

வேறொரு தளத்தில் இருந்து ஒரு படத்தை இணைப்பாக உருவாக்கினால்

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

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

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

இவை அனைத்தும் வலைத்தள விளம்பரத்தின் முடிவுகளை மோசமாக்குகிறது.

தளத்தில் பட இணைப்புகளை இடுகையிடுவதற்கான விதிகள்

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

  இங்கே எல்லாம் எளிது, ஒரு ஹைப்பர்லிங்கை உருவாக்க நாம் குறிச்சொல்லைப் பயன்படுத்துகிறோம் href=”” என்பது மாற்றம் செய்யப்படும் பக்கத்தின் முகவரி, எங்கள் விஷயத்தில் இந்தப் பக்கம் அதே கோப்பகத்தில் அமைந்துள்ளது. நீங்கள் இங்கே href=”http://site.ru/page.html” போன்ற முகவரியைச் செருகலாம் அல்லது அது உங்கள் தளத்தில் உள்ள மற்றொரு கோப்புறையில் உள்ள காப்பகத்திற்கான இணைப்பாக இருக்கலாம் href=”arj/arhiv.zip” அல்லது வேறு எந்த ஆவணத்திற்கும், உண்மையில் எந்த வித்தியாசமும் இல்லை. மேலும், எந்தவொரு ஹைப்பர்லிங்கின் கட்டாய பண்புக்கூறு தலைப்பு, இது இணைப்பின் விளக்கம், இது தேடுபொறி உகப்பாக்கத்தில் மிக முக்கியமான உறுப்பு மற்றும் இங்கே நீங்கள் இணைக்கும் பக்கம் அல்லது ஆவணத்தின் முக்கிய வார்த்தைகளை எழுதுகிறீர்கள். குறிச்சொல்லுக்கு இடையில் அமைந்துள்ள உரை நங்கூரம் என்று அழைக்கப்படுகிறது, மேலும் இது மிகவும் முக்கியமானது.

  புதிய பக்கத்தில் இணைப்பைத் திறக்கிறது

  உங்களுக்கு பயனுள்ளதாக இருக்கும் மற்றொரு சுவாரஸ்யமான பண்பு உள்ளது:

  மற்றொரு பக்கத்திற்குச் செல்லவும்

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

  பட இணைப்புகள்

  
  
  
  
  
  
  
  
  
  
  
  
  

  உலாவியில் முடிவு:

  அடிப்படையில் இங்கே எல்லாம் எளிது, தொடக்க மற்றும் மூடும் ஹைப்பர்லிங்க் குறிச்சொல்லுக்கு இடையில் படக் குறிச்சொல்லை வைத்தேன் , ஆனால் மீண்டும் நான் இரண்டு படங்களை மட்டும் செருகவில்லை, படத்தைச் சுற்றியுள்ள சட்டகத்தை மீட்டமைக்கும் ஒன்றிற்கு img வகுப்பை ஒதுக்கினேன், ஏனெனில் அது ஹைப்பர்லிங்காக மாறும்போது அது தோன்றும், ஆனால் எல்லா உலாவிகளிலும் இல்லை, எடுத்துக்காட்டாக நீங்கள் அதைப் பார்ப்பீர்கள். IE இல், ஆனால் Google Chrome இல் இல்லை.

  இணைப்புகளில் அடிக்கோடிடுதல்

  
  
  
  
  
  
  
  
  மற்றொரு பக்கத்திற்குச் செல்லவும்
  மற்றொரு பக்கத்திற்குச் செல்லவும்
  
  
  

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

  ஒரு ஆவணத்தில் உள்ள இணைப்புகள்

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

  < /a>

  அத்தியாயம்….< /a>

  ஹைப்பர்லிங்க்களைப் பற்றி நாம் தெரிந்து கொள்ள வேண்டிய கடைசி விஷயம் மின்னணு அஞ்சல் பெட்டிகளுக்கான இணைப்புகள், இது மிகவும் எளிமையாக செயல்படுத்தப்படலாம், mailto: மற்றும் அஞ்சல் பெட்டி முகவரியை href பண்புக்கூறில் சேர்க்கவும்:

  எனது அஞ்சல்< /a>

  இங்குதான் "html இல் ஹைப்பர்லிங்க்களை உருவாக்குதல்" என்ற பாடத்தை நான் முடிக்கிறேன், நீங்கள் கவனித்தபடி, CSS இல்லாமல் எங்களால் செய்ய முடியாது, பொதுவாக பொருள் மிகவும் எளிமையானது, நீங்கள் இருந்தால், எல்லாம் உங்களுக்கு எளிமையாகவும் தெளிவாகவும் இருக்கும் என்று நினைக்கிறேன். ஏதேனும் கேள்விகள் உள்ளன, எழுதுங்கள்.

  வெளியீட்டு தேதி: 2014-04-23