பதிவிறக்க பொத்தானை உருவாக்குவது எப்படி

நூலாசிரியர்: Bobbie Johnson
உருவாக்கிய தேதி: 6 ஏப்ரல் 2021
புதுப்பிப்பு தேதி: 1 ஜூலை 2024
Anonim
பதிவிறக்க பொத்தானை HTML மற்றும் CSS உருவாக்குவது எப்படி
காணொளி: பதிவிறக்க பொத்தானை HTML மற்றும் CSS உருவாக்குவது எப்படி

உள்ளடக்கம்

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

படிகள்

முறை 2 இல் 1: ஒரு HTML பட்டனை உருவாக்கவும்

  1. 1 மூல எடிட்டரில் ஒரு பொத்தானை உருவாக்கவும். நோட்பேட் அல்லது டெக்ஸ்ட் எடிட் போன்ற எளிய உரை எடிட்டர் நன்றாக உள்ளது. ஒரு உரை திருத்தியில், பின்வரும் குறியீட்டை உள்ளிடவும்:
  2. 2 கோப்பை உங்கள் சேவையகத்தில் பதிவேற்றவும். நீங்கள் ஒரு கோப்பை பதிவிறக்கம் செய்ய விரும்பினால், அதை உங்கள் சேவையகத்தில் சேமிக்க வேண்டும் அல்லது நெட்வொர்க்கில் வேறு எங்காவது கோப்புடன் பொத்தானை இணைக்க வேண்டும். உங்கள் தள சேவையகத்திற்கு நீங்கள் கிடைக்க விரும்பும் கோப்பைப் பதிவேற்ற ஒரு FTP கிளையண்டைப் பயன்படுத்தவும்.
  3. 3 உங்களால் சேமிக்கப்படாத கோப்புடன் இணைக்க விரும்பினால் உங்களுக்கு வெப்மாஸ்டர் உரிமைகள் இருப்பதை உறுதிப்படுத்திக் கொள்ளுங்கள்.
  4. 4 உங்கள் உண்மையான பதிவிறக்க URL உடன் 'பதிவிறக்க இருப்பிடத்தை' மாற்றவும். முகவரியை ஒற்றை மேற்கோள்களிலும் "window.location = 'பதிவிறக்க இடம்" இரட்டை மேற்கோள்களிலும் இணைக்க வேண்டும். HTTP: // அல்லது FTP: // போன்ற முன்னொட்டுகளைச் சேர்க்கவும். ..
  5. 5 பொத்தானில் எழுதுங்கள். "பட்டன் உரை" என்பதை பொத்தானில் தோன்றும் வார்த்தைகளை மாற்றவும். இரட்டை மேற்கோள்களில் உரையைச் சேர்க்க மறக்காதீர்கள். திரையில் உள்ள பொத்தானை சலிப்படையாதவாறு உங்கள் சொற்றொடரை சுருக்கமாக வைக்க முயற்சி செய்யுங்கள்.
  6. 6 மூலக் குறியீட்டை உங்கள் பக்கத்தில் வைக்கவும். பக்கத்தில் எங்கிருந்தும் பொத்தானின் மூலக் குறியீட்டை நீங்கள் ஒட்டலாம், மேலும் அந்த இடத்தில் பொத்தான் சரியாகத் தோன்றும். உங்கள் புதிய பக்கக் குறியீட்டைப் பதிவேற்றி, உங்கள் புதிய பொத்தானைச் சோதிக்கவும்.

முறை 2 இல் 2: ஒரு படமாக ஒரு பொத்தானை உருவாக்கவும்

  1. 1 உங்கள் பதிவிறக்க பொத்தானை வரையவும். நீங்கள் விரும்பும் எந்த பட எடிட்டரையும் பயன்படுத்தவும் மற்றும் உங்கள் தளத்தின் பாணியுடன் பொருந்தக்கூடிய பொத்தானை வரையவும். நீங்கள் விரும்பும் பொத்தானை பெரியதாக (அல்லது சிறியதாக) செய்யலாம்.
  2. 2 உங்கள் சேவையகத்தில் பொத்தானுடன் கோப்பு மற்றும் படத்தை பதிவேற்றவும். நீங்கள் ஒரு கோப்பை பதிவிறக்கம் செய்ய விரும்பினால், அதை உங்கள் சேவையகத்தில் சேமிக்க வேண்டும் அல்லது நெட்வொர்க்கில் வேறு எங்காவது கோப்புடன் பொத்தானை இணைக்க வேண்டும். உங்கள் தள சேவையகத்திற்கு நீங்கள் கிடைக்க விரும்பும் கோப்பைப் பதிவேற்ற ஒரு FTP கிளையண்டைப் பயன்படுத்தவும்.
    • இந்த பொத்தானை நீங்கள் சேர்க்கும் பக்கம் அமைந்துள்ள சேவையகத்தில் அதே இடத்திற்கு பட்டன் படத்தை பதிவேற்றவும்.
  3. 3 பதிவிறக்க மூலக் குறியீட்டை எழுதுங்கள். பதிவிறக்க பொத்தான், ஒரு படமாக வழங்கப்படுகிறது, HTML இல் உள்ள மற்ற இணைப்புகளைப் போலவே செயல்படுகிறது.உங்கள் குறியீட்டில் பின்வரும் குறியீட்டை நகலெடுக்கவும்:
  4. 4 கோப்பு மற்றும் படத் தகவலை உள்ளிடவும். எந்த HTTP: // அல்லது FTP: // முன்னொட்டுகளையும் உள்ளடக்கிய "பதிவிறக்க இருப்பிடத்தை" உண்மையான பதிவிறக்க URL உடன் மாற்றவும். பொத்தான் படத்தின் கோப்பு பெயருடன் "படக் கோப்பை" மாற்றவும். பக்கத்தின் அதே இடத்தில் கோப்பு சேவையகத்தில் அமைந்திருந்தால், நீங்கள் முழு பாதையையும் குறிப்பிட தேவையில்லை.
    • பயனர் பட்டன் படத்தின் மீது வட்டமிடும் போது தோன்றும் உரையுடன் "ஹோவர் டெக்ஸ்ட்" ஐ மாற்றவும்.
    • படத்தின் அகலம் மற்றும் உயரத்தை முறையே "X" மற்றும் "Y" க்கு பதிலாக பிக்சல்களில் மாற்றவும்.
    • இந்த உள்ளீடுகள் அனைத்தையும் இரட்டை மேற்கோள்களில் சேர்க்க வேண்டும்.
  5. 5 உங்கள் பக்கத்தில் மூலக் குறியீட்டை உள்ளிடவும். பொத்தான் தோன்றும் இடத்தில் குறியீட்டை வைக்கவும். புதிய குறியீட்டைப் பதிவேற்றவும், பின்னர் உங்கள் வலைப்பக்கத்தை திறந்து பொத்தான் வேலை செய்கிறதா என்று பார்க்கவும். குறிப்பு உரை மிதவையில் தோன்றுகிறதா மற்றும் படம் சரியான அளவு என்பதை சரிபார்க்கவும்.

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

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