உங்கள் வலை பக்கங்களில் படங்களை சேர்த்தல்

படங்களை சரியாகக் காண்பிப்பது

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

ஹோஸ்டிங் சேவையில் உங்கள் படத்தை பதிவேற்றுவது முதல் படிதான். அதை நீங்கள் அடையாளம் காண HTML இல் குறிச்சொல்லை சேர்க்க வேண்டும்.

HTML போன்ற அதே கோப்பகத்தில் படங்களை பதிவேற்றுகிறது

உங்கள் புகைப்படங்கள் HTML இன் அதே அடைவில் அமைந்துள்ளன. அந்த வழக்கு என்றால்:

1. உங்கள் வலைத்தளத்தின் ரூட்டில் ஒரு படத்தை பதிவேற்றவும்.
2. படத்தில் சுட்டிக்காட்ட, உங்கள் HTML இல் பட குறிச்சொல்லைச் சேர்க்கவும்.
3. HTML கோப்பை உங்கள் வலைத்தளத்தின் வேரில் பதிவேற்றவும்.
4. உங்கள் வலை உலாவியில் பக்கத்தைத் திறப்பதன் மூலம் கோப்பை சோதிக்கவும்.

பட குறிச்சொல் பின்வரும் வடிவத்தை எடுக்கிறது:

நீங்கள் "lunar.jpg" என்ற பெயரில் நிலவின் ஒரு புகைப்படத்தை பதிவேற்றுகிறீர்களெனக் கருதினால், படத்தின் டேக் பின்வரும் வடிவத்தை எடுக்கிறது:

உயரம் மற்றும் அகலம் விருப்பமானது ஆனால் பரிந்துரைக்கப்படுகிறது. படக் குறிக்கு ஒரு இறுதி குறி தேவையில்லை என்பதை நினைவில் கொள்ளவும்.

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

ஒரு துணை உள்ள படங்களை பதிவேற்றுகிறது

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

உங்கள் வலைத்தளத்தின் வேர், எங்கு URL ஐ, எந்த அடைவுகளிலும், காட்சிகளில் இல்லாமல் உதாரணமாக, "MyWebpage.com" என்று பெயரிடப்பட்ட ஒரு வலைத்தளத்திற்கான ரூட் இந்த படிவத்தை பின்வருமாறு: http://MyWebpage.com/. இறுதியில் சாய்வு கவனிக்கவும். ஒரு கோப்பகத்தின் ரூட் எவ்வாறு குறிக்கப்படுகிறது என்பதை இது காட்டுகிறது. துணை அடைவுகளில் அடைவு அமைப்பில் உள்ள உட்கார்ந்திருப்பதைக் காட்டும். MyWebpage எடுத்துக்காட்டு தளத்தில் இந்த அமைப்பு இருக்கலாம்:

http://MyWebpage.com/ - ரூட் அடைவு http://MyWebpage.com/products/ - பொருட்கள் அடைவு http://MyWebpage.com/products/documentation/ - பொருட்கள் கோப்பகத்தின் கீழ் ஆவணங்கள் அடைவு http: // MyWebpage.com/images/ - படங்கள் அடைவு

இந்த விஷயத்தில், நீங்கள் படங்களை டைரக்டரியில் உங்கள் படத்தை சுட்டிக்காட்டும் போது, ​​எழுதுங்கள்:

இது உங்கள் படத்தின் முழுமையான பாதை என்று அழைக்கப்படுகிறது.

காட்டாத படங்களைக் கொண்ட பொதுவான சிக்கல்கள்

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

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

பின்னர் உங்கள் HTML அந்த படத்தை சுட்டிக்காட்டி என்று சரிபார்க்கவும். அதை செய்ய எளிதான வழி நீங்கள் SRC பண்பு சோதிக்கப்படும் படத்தை URL ஒட்ட உள்ளது. பக்கம் மற்றும் சோதனை மீண்டும் பதிவேற்றவும்.

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